@solfacil/girassol 0.2.1 → 0.2.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.
Files changed (27) hide show
  1. package/dist/components.d.ts +3 -0
  2. package/dist/components.json +1 -1
  3. package/dist/girassol.es.js +962 -708
  4. package/dist/girassol.umd.js +6 -5
  5. package/dist/style.css +1 -1
  6. package/dist/theme/solfacil/miscs.d.ts +124 -0
  7. package/dist/theme/solfacil/spacing.d.ts +58 -44
  8. package/dist/types/components/forms/button/Button.vue.d.ts +8 -4
  9. package/dist/types/components/forms/button/ButtonDestructive.vue.d.ts +73 -0
  10. package/dist/types/components/forms/button/index.d.ts +2 -1
  11. package/dist/types/components/forms/textarea/Textarea.vue.d.ts +4 -4
  12. package/dist/types/components/loader/CircleLoader.vue.d.ts +86 -0
  13. package/dist/types/components/menu/Menu.vue.d.ts +112 -0
  14. package/dist/types/components/menu/index.d.ts +2 -0
  15. package/dist/types/components/menu/menu.spec.d.ts +1 -0
  16. package/dist/types/components/menu-item/MenuItemLink.vue.d.ts +87 -0
  17. package/dist/types/components/menu-item/index.d.ts +2 -0
  18. package/dist/types/composables/use-navigate/index.d.ts +20 -0
  19. package/dist/types/composables/use-navigate/types.d.ts +19 -0
  20. package/dist/types/composables/use-toast/Toast.vue.d.ts +4 -4
  21. package/dist/types/index.d.ts +388 -29
  22. package/package.json +1 -1
  23. package/theme/safelist.ts +2 -0
  24. package/theme/solfacil/miscs.ts +12 -1
  25. package/theme/solfacil/spacing.ts +27 -50
  26. package/theme/solfacil/utilities.ts +59 -97
  27. package/windi.config.ts +3 -1
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';
@@ -10,6 +10,8 @@ import { SolDropdown } from './components/dropdown/';
10
10
  import { SolSelect } from './components/forms/select';
11
11
  import { SolChip } from './components/informations/chip';
12
12
  import { SolAccordion } from './components/accordion/';
13
+ import { SolMenu } from './components/menu/';
14
+ import { SolMenuItemLink } from './components/menu-item';
13
15
  import 'virtual:windi-base.css';
14
16
  import 'virtual:windi-components.css';
15
17
  import 'virtual:windi-utilities.css';
@@ -21,33 +23,36 @@ export declare const components: {
21
23
  $: import("vue").ComponentInternalInstance;
22
24
  $data: {};
23
25
  $props: Partial<{
24
- onColor: boolean;
25
26
  size: "small" | "large" | "medium";
27
+ onColor: boolean;
26
28
  variant: "primary" | "secondary" | "tertiary";
27
29
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
28
30
  id: {
29
31
  type: import("vue").PropType<string>;
30
32
  required: true;
31
33
  };
32
- loading: {
34
+ disabled: {
33
35
  type: import("vue").PropType<boolean>;
34
36
  };
35
- onColor: {
37
+ loading: {
36
38
  type: import("vue").PropType<boolean>;
37
- } & {
38
- default: boolean;
39
39
  };
40
40
  size: {
41
41
  type: import("vue").PropType<"small" | "large" | "medium">;
42
42
  } & {
43
43
  default: string;
44
44
  };
45
+ onColor: {
46
+ type: import("vue").PropType<boolean>;
47
+ } & {
48
+ default: boolean;
49
+ };
45
50
  variant: {
46
51
  type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
47
52
  } & {
48
53
  default: string;
49
54
  };
50
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "onColor" | "size" | "variant">;
55
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "onColor" | "variant">;
51
56
  $attrs: {
52
57
  [x: string]: unknown;
53
58
  };
@@ -66,27 +71,30 @@ export declare const components: {
66
71
  type: import("vue").PropType<string>;
67
72
  required: true;
68
73
  };
69
- loading: {
74
+ disabled: {
70
75
  type: import("vue").PropType<boolean>;
71
76
  };
72
- onColor: {
77
+ loading: {
73
78
  type: import("vue").PropType<boolean>;
74
- } & {
75
- default: boolean;
76
79
  };
77
80
  size: {
78
81
  type: import("vue").PropType<"small" | "large" | "medium">;
79
82
  } & {
80
83
  default: string;
81
84
  };
85
+ onColor: {
86
+ type: import("vue").PropType<boolean>;
87
+ } & {
88
+ default: boolean;
89
+ };
82
90
  variant: {
83
91
  type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
84
92
  } & {
85
93
  default: string;
86
94
  };
87
95
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
88
- onColor: boolean;
89
96
  size: "small" | "large" | "medium";
97
+ onColor: boolean;
90
98
  variant: "primary" | "secondary" | "tertiary";
91
99
  }> & {
92
100
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -113,19 +121,22 @@ export declare const components: {
113
121
  type: import("vue").PropType<string>;
114
122
  required: true;
115
123
  };
116
- loading: {
124
+ disabled: {
117
125
  type: import("vue").PropType<boolean>;
118
126
  };
119
- onColor: {
127
+ loading: {
120
128
  type: import("vue").PropType<boolean>;
121
- } & {
122
- default: boolean;
123
129
  };
124
130
  size: {
125
131
  type: import("vue").PropType<"small" | "large" | "medium">;
126
132
  } & {
127
133
  default: string;
128
134
  };
135
+ onColor: {
136
+ type: import("vue").PropType<boolean>;
137
+ } & {
138
+ default: boolean;
139
+ };
129
140
  variant: {
130
141
  type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
131
142
  } & {
@@ -140,27 +151,30 @@ export declare const components: {
140
151
  type: import("vue").PropType<string>;
141
152
  required: true;
142
153
  };
143
- loading: {
154
+ disabled: {
144
155
  type: import("vue").PropType<boolean>;
145
156
  };
146
- onColor: {
157
+ loading: {
147
158
  type: import("vue").PropType<boolean>;
148
- } & {
149
- default: boolean;
150
159
  };
151
160
  size: {
152
161
  type: import("vue").PropType<"small" | "large" | "medium">;
153
162
  } & {
154
163
  default: string;
155
164
  };
165
+ onColor: {
166
+ type: import("vue").PropType<boolean>;
167
+ } & {
168
+ default: boolean;
169
+ };
156
170
  variant: {
157
171
  type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
158
172
  } & {
159
173
  default: string;
160
174
  };
161
175
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
162
- onColor: boolean;
163
176
  size: "small" | "large" | "medium";
177
+ onColor: boolean;
164
178
  variant: "primary" | "secondary" | "tertiary";
165
179
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
166
180
  $slots: {
@@ -169,6 +183,101 @@ export declare const components: {
169
183
  'icon-right': (_: {}) => any;
170
184
  };
171
185
  });
186
+ SolButtonDestructive: {
187
+ new (...args: any[]): {
188
+ $: import("vue").ComponentInternalInstance;
189
+ $data: {};
190
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
191
+ id: {
192
+ type: import("vue").PropType<string>;
193
+ required: true;
194
+ };
195
+ size: {
196
+ type: import("vue").PropType<"small" | "large" | "medium">;
197
+ required: true;
198
+ };
199
+ loading: {
200
+ type: import("vue").PropType<boolean>;
201
+ };
202
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
203
+ $attrs: {
204
+ [x: string]: unknown;
205
+ };
206
+ $refs: {
207
+ [x: string]: unknown;
208
+ };
209
+ $slots: Readonly<{
210
+ [name: string]: import("vue").Slot | undefined;
211
+ }>;
212
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
213
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
214
+ $emit: (event: string, ...args: any[]) => void;
215
+ $el: any;
216
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
217
+ id: {
218
+ type: import("vue").PropType<string>;
219
+ required: true;
220
+ };
221
+ size: {
222
+ type: import("vue").PropType<"small" | "large" | "medium">;
223
+ required: true;
224
+ };
225
+ loading: {
226
+ type: import("vue").PropType<boolean>;
227
+ };
228
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
229
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
230
+ created?: ((() => void) | (() => void)[]) | undefined;
231
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
232
+ mounted?: ((() => void) | (() => void)[]) | undefined;
233
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
234
+ updated?: ((() => void) | (() => void)[]) | undefined;
235
+ activated?: ((() => void) | (() => void)[]) | undefined;
236
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
237
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
238
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
239
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
240
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
241
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
242
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
243
+ 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;
244
+ };
245
+ $forceUpdate: () => void;
246
+ $nextTick: typeof import("vue").nextTick;
247
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
248
+ } & Readonly<import("vue").ExtractPropTypes<{
249
+ id: {
250
+ type: import("vue").PropType<string>;
251
+ required: true;
252
+ };
253
+ size: {
254
+ type: import("vue").PropType<"small" | "large" | "medium">;
255
+ required: true;
256
+ };
257
+ loading: {
258
+ type: import("vue").PropType<boolean>;
259
+ };
260
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
261
+ __isFragment?: undefined;
262
+ __isTeleport?: undefined;
263
+ __isSuspense?: undefined;
264
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
265
+ id: {
266
+ type: import("vue").PropType<string>;
267
+ required: true;
268
+ };
269
+ size: {
270
+ type: import("vue").PropType<"small" | "large" | "medium">;
271
+ required: true;
272
+ };
273
+ loading: {
274
+ type: import("vue").PropType<boolean>;
275
+ };
276
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
277
+ $slots: {
278
+ default: (_: {}) => any;
279
+ };
280
+ });
172
281
  SolInput: {
173
282
  new (...args: any[]): {
174
283
  $: import("vue").ComponentInternalInstance;
@@ -299,7 +408,7 @@ export declare const components: {
299
408
  $props: Partial<{
300
409
  label: string;
301
410
  modelValue: string;
302
- resize: "both" | "horizontal" | "vertical" | "none";
411
+ resize: "none" | "both" | "horizontal" | "vertical";
303
412
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
304
413
  label: {
305
414
  type: import("vue").PropType<string>;
@@ -328,7 +437,7 @@ export declare const components: {
328
437
  type: import("vue").PropType<string>;
329
438
  };
330
439
  resize: {
331
- type: import("vue").PropType<"both" | "horizontal" | "vertical" | "none">;
440
+ type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
332
441
  } & {
333
442
  default: string;
334
443
  };
@@ -376,7 +485,7 @@ export declare const components: {
376
485
  type: import("vue").PropType<string>;
377
486
  };
378
487
  resize: {
379
- type: import("vue").PropType<"both" | "horizontal" | "vertical" | "none">;
488
+ type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
380
489
  } & {
381
490
  default: string;
382
491
  };
@@ -387,7 +496,7 @@ export declare const components: {
387
496
  }, string, {
388
497
  label: string;
389
498
  modelValue: string;
390
- resize: "both" | "horizontal" | "vertical" | "none";
499
+ resize: "none" | "both" | "horizontal" | "vertical";
391
500
  }> & {
392
501
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
393
502
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -436,7 +545,7 @@ export declare const components: {
436
545
  type: import("vue").PropType<string>;
437
546
  };
438
547
  resize: {
439
- type: import("vue").PropType<"both" | "horizontal" | "vertical" | "none">;
548
+ type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
440
549
  } & {
441
550
  default: string;
442
551
  };
@@ -474,7 +583,7 @@ export declare const components: {
474
583
  type: import("vue").PropType<string>;
475
584
  };
476
585
  resize: {
477
- type: import("vue").PropType<"both" | "horizontal" | "vertical" | "none">;
586
+ type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
478
587
  } & {
479
588
  default: string;
480
589
  };
@@ -485,7 +594,7 @@ export declare const components: {
485
594
  }, string, {
486
595
  label: string;
487
596
  modelValue: string;
488
- resize: "both" | "horizontal" | "vertical" | "none";
597
+ resize: "none" | "both" | "horizontal" | "vertical";
489
598
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
490
599
  $slots: {
491
600
  label: (_: {}) => any;
@@ -2747,6 +2856,256 @@ export declare const components: {
2747
2856
  default: (_: {}) => any;
2748
2857
  };
2749
2858
  });
2859
+ SolMenu: {
2860
+ new (...args: any[]): {
2861
+ $: import("vue").ComponentInternalInstance;
2862
+ $data: {};
2863
+ $props: Partial<{
2864
+ label: string;
2865
+ position: ("top" | "bottom") | ("right" | "left");
2866
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
2867
+ label: {
2868
+ type: import("vue").PropType<string>;
2869
+ } & {
2870
+ default: string;
2871
+ };
2872
+ id: {
2873
+ type: import("vue").PropType<string>;
2874
+ required: true;
2875
+ };
2876
+ position: {
2877
+ type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
2878
+ } & {
2879
+ default: string;
2880
+ };
2881
+ }>> & {
2882
+ onChange?: ((value: string) => any) | undefined;
2883
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "position">;
2884
+ $attrs: {
2885
+ [x: string]: unknown;
2886
+ };
2887
+ $refs: {
2888
+ [x: string]: unknown;
2889
+ };
2890
+ $slots: Readonly<{
2891
+ [name: string]: import("vue").Slot | undefined;
2892
+ }>;
2893
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
2894
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
2895
+ $emit: (event: "change", value: string) => void;
2896
+ $el: any;
2897
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
2898
+ label: {
2899
+ type: import("vue").PropType<string>;
2900
+ } & {
2901
+ default: string;
2902
+ };
2903
+ id: {
2904
+ type: import("vue").PropType<string>;
2905
+ required: true;
2906
+ };
2907
+ position: {
2908
+ type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
2909
+ } & {
2910
+ default: string;
2911
+ };
2912
+ }>> & {
2913
+ onChange?: ((value: string) => any) | undefined;
2914
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
2915
+ change: (value: string) => void;
2916
+ }, string, {
2917
+ label: string;
2918
+ position: ("top" | "bottom") | ("right" | "left");
2919
+ }> & {
2920
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
2921
+ created?: ((() => void) | (() => void)[]) | undefined;
2922
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
2923
+ mounted?: ((() => void) | (() => void)[]) | undefined;
2924
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
2925
+ updated?: ((() => void) | (() => void)[]) | undefined;
2926
+ activated?: ((() => void) | (() => void)[]) | undefined;
2927
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
2928
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
2929
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
2930
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
2931
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
2932
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
2933
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
2934
+ 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;
2935
+ };
2936
+ $forceUpdate: () => void;
2937
+ $nextTick: typeof import("vue").nextTick;
2938
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
2939
+ } & Readonly<import("vue").ExtractPropTypes<{
2940
+ label: {
2941
+ type: import("vue").PropType<string>;
2942
+ } & {
2943
+ default: string;
2944
+ };
2945
+ id: {
2946
+ type: import("vue").PropType<string>;
2947
+ required: true;
2948
+ };
2949
+ position: {
2950
+ type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
2951
+ } & {
2952
+ default: string;
2953
+ };
2954
+ }>> & {
2955
+ onChange?: ((value: string) => any) | undefined;
2956
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
2957
+ __isFragment?: undefined;
2958
+ __isTeleport?: undefined;
2959
+ __isSuspense?: undefined;
2960
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
2961
+ label: {
2962
+ type: import("vue").PropType<string>;
2963
+ } & {
2964
+ default: string;
2965
+ };
2966
+ id: {
2967
+ type: import("vue").PropType<string>;
2968
+ required: true;
2969
+ };
2970
+ position: {
2971
+ type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
2972
+ } & {
2973
+ default: string;
2974
+ };
2975
+ }>> & {
2976
+ onChange?: ((value: string) => any) | undefined;
2977
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
2978
+ change: (value: string) => void;
2979
+ }, string, {
2980
+ label: string;
2981
+ position: ("top" | "bottom") | ("right" | "left");
2982
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
2983
+ $slots: {
2984
+ label: (_: {}) => any;
2985
+ default: (_: {}) => any;
2986
+ };
2987
+ });
2988
+ SolMenuItemLink: {
2989
+ new (...args: any[]): {
2990
+ $: import("vue").ComponentInternalInstance;
2991
+ $data: {};
2992
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
2993
+ id: {
2994
+ type: import("vue").PropType<string>;
2995
+ required: true;
2996
+ };
2997
+ text: {
2998
+ type: import("vue").PropType<string>;
2999
+ };
3000
+ link: {
3001
+ type: import("vue").PropType<string>;
3002
+ };
3003
+ active: {
3004
+ type: import("vue").PropType<boolean>;
3005
+ };
3006
+ external: {
3007
+ type: import("vue").PropType<boolean>;
3008
+ };
3009
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
3010
+ $attrs: {
3011
+ [x: string]: unknown;
3012
+ };
3013
+ $refs: {
3014
+ [x: string]: unknown;
3015
+ };
3016
+ $slots: Readonly<{
3017
+ [name: string]: import("vue").Slot | undefined;
3018
+ }>;
3019
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
3020
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
3021
+ $emit: (event: string, ...args: any[]) => void;
3022
+ $el: any;
3023
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
3024
+ id: {
3025
+ type: import("vue").PropType<string>;
3026
+ required: true;
3027
+ };
3028
+ text: {
3029
+ type: import("vue").PropType<string>;
3030
+ };
3031
+ link: {
3032
+ type: import("vue").PropType<string>;
3033
+ };
3034
+ active: {
3035
+ type: import("vue").PropType<boolean>;
3036
+ };
3037
+ external: {
3038
+ type: import("vue").PropType<boolean>;
3039
+ };
3040
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
3041
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
3042
+ created?: ((() => void) | (() => void)[]) | undefined;
3043
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
3044
+ mounted?: ((() => void) | (() => void)[]) | undefined;
3045
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
3046
+ updated?: ((() => void) | (() => void)[]) | undefined;
3047
+ activated?: ((() => void) | (() => void)[]) | undefined;
3048
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
3049
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
3050
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
3051
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
3052
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
3053
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
3054
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
3055
+ 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;
3056
+ };
3057
+ $forceUpdate: () => void;
3058
+ $nextTick: typeof import("vue").nextTick;
3059
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
3060
+ } & Readonly<import("vue").ExtractPropTypes<{
3061
+ id: {
3062
+ type: import("vue").PropType<string>;
3063
+ required: true;
3064
+ };
3065
+ text: {
3066
+ type: import("vue").PropType<string>;
3067
+ };
3068
+ link: {
3069
+ type: import("vue").PropType<string>;
3070
+ };
3071
+ active: {
3072
+ type: import("vue").PropType<boolean>;
3073
+ };
3074
+ external: {
3075
+ type: import("vue").PropType<boolean>;
3076
+ };
3077
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
3078
+ __isFragment?: undefined;
3079
+ __isTeleport?: undefined;
3080
+ __isSuspense?: undefined;
3081
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
3082
+ id: {
3083
+ type: import("vue").PropType<string>;
3084
+ required: true;
3085
+ };
3086
+ text: {
3087
+ type: import("vue").PropType<string>;
3088
+ };
3089
+ link: {
3090
+ type: import("vue").PropType<string>;
3091
+ };
3092
+ active: {
3093
+ type: import("vue").PropType<boolean>;
3094
+ };
3095
+ external: {
3096
+ type: import("vue").PropType<boolean>;
3097
+ };
3098
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
3099
+ $slots: {
3100
+ default: (_: {
3101
+ id: string;
3102
+ active: boolean | undefined;
3103
+ link: string | undefined;
3104
+ text: string | undefined;
3105
+ external: boolean | undefined;
3106
+ }) => any;
3107
+ };
3108
+ });
2750
3109
  };
2751
3110
  export declare function install(App: App): void;
2752
- export { SolButton, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, SolAccordion, };
3111
+ export { SolButton, SolButtonDestructive, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, SolAccordion, SolMenu, SolMenuItemLink, };
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.5",
5
5
  "authors": [
6
6
  {
7
7
  "name": "Kevin Martin",
package/theme/safelist.ts CHANGED
@@ -22,6 +22,8 @@ export function safelist({ activeSafeList = true, data }: Args): string[] {
22
22
  const colsSpan = range(14).map(i => `col-span-${i}`)
23
23
 
24
24
  return [
25
+ 'debug',
26
+ 'debug-all',
25
27
  ...colors,
26
28
  ...spacing,
27
29
  ...gaps,
package/theme/solfacil/miscs.ts CHANGED
@@ -1,8 +1,19 @@
1
+ import { sizings } from './spacing'
2
+
1
3
  export default {
2
4
  width: {
3
5
  'fit-content': 'fit-content',
6
+ ...sizings,
4
7
  },
5
-
8
+
9
+ height: sizings,
10
+ minHeight: sizings,
11
+ maxHeight: sizings,
12
+ minWidth: sizings,
13
+ maxWidth: sizings,
14
+
15
+ spacing: sizings,
16
+
6
17
  colors: {
7
18
  transparent: 'transparent',
8
19
  },