@solfacil/girassol 0.2.1 → 0.2.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.
Files changed (13) hide show
  1. package/dist/components.d.ts +1 -0
  2. package/dist/components.json +1 -1
  3. package/dist/girassol.es.js +590 -513
  4. package/dist/girassol.umd.js +3 -2
  5. package/dist/style.css +1 -1
  6. package/dist/types/components/forms/button/Button.vue.d.ts +8 -4
  7. package/dist/types/components/forms/button/ButtonDestructive.vue.d.ts +73 -0
  8. package/dist/types/components/forms/button/index.d.ts +2 -1
  9. package/dist/types/components/forms/textarea/Textarea.vue.d.ts +4 -4
  10. package/dist/types/components/loader/CircleLoader.vue.d.ts +86 -0
  11. package/dist/types/index.d.ts +136 -29
  12. package/package.json +1 -1
  13. package/theme/solfacil/utilities.ts +4 -4
package/dist/types/components/loader/CircleLoader.vue.d.ts ADDED
@@ -0,0 +1,86 @@
1
+ declare const _default: {
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: Partial<{
6
+ size: 'small' | 'medium' | 'large';
7
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
+ size: 'small' | 'medium' | 'large';
9
+ dark?: boolean | undefined;
10
+ }>, {
11
+ size: string;
12
+ }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size">;
13
+ $attrs: {
14
+ [x: string]: unknown;
15
+ };
16
+ $refs: {
17
+ [x: string]: unknown;
18
+ };
19
+ $slots: Readonly<{
20
+ [name: string]: import("vue").Slot | undefined;
21
+ }>;
22
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
23
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
24
+ $emit: (event: string, ...args: any[]) => void;
25
+ $el: any;
26
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
27
+ size: 'small' | 'medium' | 'large';
28
+ dark?: boolean | undefined;
29
+ }>, {
30
+ size: string;
31
+ }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
32
+ size: 'small' | 'medium' | 'large';
33
+ }> & {
34
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
35
+ created?: ((() => void) | (() => void)[]) | undefined;
36
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
37
+ mounted?: ((() => void) | (() => void)[]) | undefined;
38
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
39
+ updated?: ((() => void) | (() => void)[]) | undefined;
40
+ activated?: ((() => void) | (() => void)[]) | undefined;
41
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
42
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
43
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
44
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
45
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
46
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
47
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
48
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
49
+ };
50
+ $forceUpdate: () => void;
51
+ $nextTick: typeof import("vue").nextTick;
52
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
53
+ } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
54
+ size: 'small' | 'medium' | 'large';
55
+ dark?: boolean | undefined;
56
+ }>, {
57
+ size: string;
58
+ }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
59
+ __isFragment?: undefined;
60
+ __isTeleport?: undefined;
61
+ __isSuspense?: undefined;
62
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
63
+ size: 'small' | 'medium' | 'large';
64
+ dark?: boolean | undefined;
65
+ }>, {
66
+ size: string;
67
+ }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
68
+ size: 'small' | 'medium' | 'large';
69
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
70
+ $slots: {};
71
+ });
72
+ export default _default;
73
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
74
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
75
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
76
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
77
+ } : {
78
+ type: import('vue').PropType<T[K]>;
79
+ required: true;
80
+ };
81
+ };
82
+ declare type __VLS_WithDefaults<P, D> = {
83
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
84
+ default: D[K];
85
+ } : P[K];
86
+ };
package/dist/types/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { App } from 'vue';
2
- import { SolButton } from './components/forms/button';
2
+ import { SolButton, SolButtonDestructive } from './components/forms/button';
3
3
  import { SolInput } from './components/forms/input';
4
4
  import { SolTextfield, SolTextfieldPassword } from './components/forms/textfield';
5
5
  import { SolTextarea } from './components/forms/textarea';
@@ -21,33 +21,36 @@ export declare const components: {
21
21
  $: import("vue").ComponentInternalInstance;
22
22
  $data: {};
23
23
  $props: Partial<{
24
- onColor: boolean;
25
24
  size: "small" | "large" | "medium";
25
+ onColor: boolean;
26
26
  variant: "primary" | "secondary" | "tertiary";
27
27
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
28
28
  id: {
29
29
  type: import("vue").PropType<string>;
30
30
  required: true;
31
31
  };
32
- loading: {
32
+ disabled: {
33
33
  type: import("vue").PropType<boolean>;
34
34
  };
35
- onColor: {
35
+ loading: {
36
36
  type: import("vue").PropType<boolean>;
37
- } & {
38
- default: boolean;
39
37
  };
40
38
  size: {
41
39
  type: import("vue").PropType<"small" | "large" | "medium">;
42
40
  } & {
43
41
  default: string;
44
42
  };
43
+ onColor: {
44
+ type: import("vue").PropType<boolean>;
45
+ } & {
46
+ default: boolean;
47
+ };
45
48
  variant: {
46
49
  type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
47
50
  } & {
48
51
  default: string;
49
52
  };
50
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "onColor" | "size" | "variant">;
53
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "onColor" | "variant">;
51
54
  $attrs: {
52
55
  [x: string]: unknown;
53
56
  };
@@ -66,27 +69,30 @@ export declare const components: {
66
69
  type: import("vue").PropType<string>;
67
70
  required: true;
68
71
  };
69
- loading: {
72
+ disabled: {
70
73
  type: import("vue").PropType<boolean>;
71
74
  };
72
- onColor: {
75
+ loading: {
73
76
  type: import("vue").PropType<boolean>;
74
- } & {
75
- default: boolean;
76
77
  };
77
78
  size: {
78
79
  type: import("vue").PropType<"small" | "large" | "medium">;
79
80
  } & {
80
81
  default: string;
81
82
  };
83
+ onColor: {
84
+ type: import("vue").PropType<boolean>;
85
+ } & {
86
+ default: boolean;
87
+ };
82
88
  variant: {
83
89
  type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
84
90
  } & {
85
91
  default: string;
86
92
  };
87
93
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
88
- onColor: boolean;
89
94
  size: "small" | "large" | "medium";
95
+ onColor: boolean;
90
96
  variant: "primary" | "secondary" | "tertiary";
91
97
  }> & {
92
98
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -113,19 +119,22 @@ export declare const components: {
113
119
  type: import("vue").PropType<string>;
114
120
  required: true;
115
121
  };
116
- loading: {
122
+ disabled: {
117
123
  type: import("vue").PropType<boolean>;
118
124
  };
119
- onColor: {
125
+ loading: {
120
126
  type: import("vue").PropType<boolean>;
121
- } & {
122
- default: boolean;
123
127
  };
124
128
  size: {
125
129
  type: import("vue").PropType<"small" | "large" | "medium">;
126
130
  } & {
127
131
  default: string;
128
132
  };
133
+ onColor: {
134
+ type: import("vue").PropType<boolean>;
135
+ } & {
136
+ default: boolean;
137
+ };
129
138
  variant: {
130
139
  type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
131
140
  } & {
@@ -140,27 +149,30 @@ export declare const components: {
140
149
  type: import("vue").PropType<string>;
141
150
  required: true;
142
151
  };
143
- loading: {
152
+ disabled: {
144
153
  type: import("vue").PropType<boolean>;
145
154
  };
146
- onColor: {
155
+ loading: {
147
156
  type: import("vue").PropType<boolean>;
148
- } & {
149
- default: boolean;
150
157
  };
151
158
  size: {
152
159
  type: import("vue").PropType<"small" | "large" | "medium">;
153
160
  } & {
154
161
  default: string;
155
162
  };
163
+ onColor: {
164
+ type: import("vue").PropType<boolean>;
165
+ } & {
166
+ default: boolean;
167
+ };
156
168
  variant: {
157
169
  type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
158
170
  } & {
159
171
  default: string;
160
172
  };
161
173
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
162
- onColor: boolean;
163
174
  size: "small" | "large" | "medium";
175
+ onColor: boolean;
164
176
  variant: "primary" | "secondary" | "tertiary";
165
177
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
166
178
  $slots: {
@@ -169,6 +181,101 @@ export declare const components: {
169
181
  'icon-right': (_: {}) => any;
170
182
  };
171
183
  });
184
+ SolButtonDestructive: {
185
+ new (...args: any[]): {
186
+ $: import("vue").ComponentInternalInstance;
187
+ $data: {};
188
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
189
+ id: {
190
+ type: import("vue").PropType<string>;
191
+ required: true;
192
+ };
193
+ size: {
194
+ type: import("vue").PropType<"small" | "large" | "medium">;
195
+ required: true;
196
+ };
197
+ loading: {
198
+ type: import("vue").PropType<boolean>;
199
+ };
200
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
201
+ $attrs: {
202
+ [x: string]: unknown;
203
+ };
204
+ $refs: {
205
+ [x: string]: unknown;
206
+ };
207
+ $slots: Readonly<{
208
+ [name: string]: import("vue").Slot | undefined;
209
+ }>;
210
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
211
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
212
+ $emit: (event: string, ...args: any[]) => void;
213
+ $el: any;
214
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
215
+ id: {
216
+ type: import("vue").PropType<string>;
217
+ required: true;
218
+ };
219
+ size: {
220
+ type: import("vue").PropType<"small" | "large" | "medium">;
221
+ required: true;
222
+ };
223
+ loading: {
224
+ type: import("vue").PropType<boolean>;
225
+ };
226
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
227
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
228
+ created?: ((() => void) | (() => void)[]) | undefined;
229
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
230
+ mounted?: ((() => void) | (() => void)[]) | undefined;
231
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
232
+ updated?: ((() => void) | (() => void)[]) | undefined;
233
+ activated?: ((() => void) | (() => void)[]) | undefined;
234
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
235
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
236
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
237
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
238
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
239
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
240
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
241
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
242
+ };
243
+ $forceUpdate: () => void;
244
+ $nextTick: typeof import("vue").nextTick;
245
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
246
+ } & Readonly<import("vue").ExtractPropTypes<{
247
+ id: {
248
+ type: import("vue").PropType<string>;
249
+ required: true;
250
+ };
251
+ size: {
252
+ type: import("vue").PropType<"small" | "large" | "medium">;
253
+ required: true;
254
+ };
255
+ loading: {
256
+ type: import("vue").PropType<boolean>;
257
+ };
258
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
259
+ __isFragment?: undefined;
260
+ __isTeleport?: undefined;
261
+ __isSuspense?: undefined;
262
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
263
+ id: {
264
+ type: import("vue").PropType<string>;
265
+ required: true;
266
+ };
267
+ size: {
268
+ type: import("vue").PropType<"small" | "large" | "medium">;
269
+ required: true;
270
+ };
271
+ loading: {
272
+ type: import("vue").PropType<boolean>;
273
+ };
274
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
275
+ $slots: {
276
+ default: (_: {}) => any;
277
+ };
278
+ });
172
279
  SolInput: {
173
280
  new (...args: any[]): {
174
281
  $: import("vue").ComponentInternalInstance;
@@ -299,7 +406,7 @@ export declare const components: {
299
406
  $props: Partial<{
300
407
  label: string;
301
408
  modelValue: string;
302
- resize: "both" | "horizontal" | "vertical" | "none";
409
+ resize: "none" | "both" | "horizontal" | "vertical";
303
410
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
304
411
  label: {
305
412
  type: import("vue").PropType<string>;
@@ -328,7 +435,7 @@ export declare const components: {
328
435
  type: import("vue").PropType<string>;
329
436
  };
330
437
  resize: {
331
- type: import("vue").PropType<"both" | "horizontal" | "vertical" | "none">;
438
+ type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
332
439
  } & {
333
440
  default: string;
334
441
  };
@@ -376,7 +483,7 @@ export declare const components: {
376
483
  type: import("vue").PropType<string>;
377
484
  };
378
485
  resize: {
379
- type: import("vue").PropType<"both" | "horizontal" | "vertical" | "none">;
486
+ type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
380
487
  } & {
381
488
  default: string;
382
489
  };
@@ -387,7 +494,7 @@ export declare const components: {
387
494
  }, string, {
388
495
  label: string;
389
496
  modelValue: string;
390
- resize: "both" | "horizontal" | "vertical" | "none";
497
+ resize: "none" | "both" | "horizontal" | "vertical";
391
498
  }> & {
392
499
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
393
500
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -436,7 +543,7 @@ export declare const components: {
436
543
  type: import("vue").PropType<string>;
437
544
  };
438
545
  resize: {
439
- type: import("vue").PropType<"both" | "horizontal" | "vertical" | "none">;
546
+ type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
440
547
  } & {
441
548
  default: string;
442
549
  };
@@ -474,7 +581,7 @@ export declare const components: {
474
581
  type: import("vue").PropType<string>;
475
582
  };
476
583
  resize: {
477
- type: import("vue").PropType<"both" | "horizontal" | "vertical" | "none">;
584
+ type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
478
585
  } & {
479
586
  default: string;
480
587
  };
@@ -485,7 +592,7 @@ export declare const components: {
485
592
  }, string, {
486
593
  label: string;
487
594
  modelValue: string;
488
- resize: "both" | "horizontal" | "vertical" | "none";
595
+ resize: "none" | "both" | "horizontal" | "vertical";
489
596
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
490
597
  $slots: {
491
598
  label: (_: {}) => any;
@@ -2749,4 +2856,4 @@ export declare const components: {
2749
2856
  });
2750
2857
  };
2751
2858
  export declare function install(App: App): void;
2752
- export { SolButton, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, SolAccordion, };
2859
+ export { SolButton, SolButtonDestructive, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, SolAccordion, };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@solfacil/girassol",
3
3
  "description": "Girassol design system",
4
- "version": "0.2.1",
4
+ "version": "0.2.3",
5
5
  "authors": [
6
6
  {
7
7
  "name": "Kevin Martin",
package/theme/solfacil/utilities.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import plugin from 'windicss/plugin'
2
2
 
3
- export const componentTypos = plugin(({ addComponents, theme }) => {
3
+ export const componentTypos = plugin(({ addUtilities, theme }) => {
4
4
  const wrapperThemeType = (path: string) => `${theme(path)}`
5
5
 
6
6
 
@@ -100,7 +100,7 @@ export const componentTypos = plugin(({ addComponents, theme }) => {
100
100
  '.fonts-subtitle-medium': {
101
101
  fontSize: wrapperThemeType('fontSize.md'),
102
102
  fontFamily: wrapperThemeType('fontFamily.base'),
103
- lineHeight: wrapperThemeType('lineHeight.2xs'),
103
+ lineHeight: wrapperThemeType('lineHeight.xs'),
104
104
  fontWeight: wrapperThemeType('fontWeight.regular'),
105
105
  color: wrapperThemeType('colors.neutral.low.light'),
106
106
 
@@ -118,7 +118,7 @@ export const componentTypos = plugin(({ addComponents, theme }) => {
118
118
  color: wrapperThemeType('colors.neutral.low.light'),
119
119
 
120
120
  '@media (min-width: 1024px)': {
121
- fontSize: wrapperThemeType('fontSize.3xs'),
121
+ fontSize: wrapperThemeType('fontSize.xs'),
122
122
  },
123
123
  },
124
124
  }
@@ -225,7 +225,7 @@ export const componentTypos = plugin(({ addComponents, theme }) => {
225
225
  },
226
226
  }
227
227
 
228
- addComponents({
228
+ addUtilities({
229
229
  ...display,
230
230
  ...heading,
231
231
  ...subtitle,