turmag-vue-components 0.0.9 → 0.0.12

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 (4) hide show
  1. package/dist/index.d.ts +33 -27
  2. package/dist/turmag-vue-components.es.js +507 -503
  3. package/dist/turmag-vue-components.umd.js +2 -2
  4. package/package.json +15 -15
package/dist/index.d.ts CHANGED
@@ -14,21 +14,21 @@ alignItems?: "" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
14
14
  alignSelf?: "" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "auto";
15
15
  bg?: "" | "default" | "secondary" | "accent" | "surface" | "muted" | "quiet";
16
16
  borderColor?: "" | "default" | "secondary" | "accent" | "muted";
17
- colGap?: "" | "g2" | "g4" | "g6" | "g8" | "g10" | "g12" | "g16" | "g20" | "g24" | "g28" | "g32" | "g36" | "g40" | "g48" | "g56" | "g60" | "g64" | "g80" | "g120";
17
+ colGap?: TGap;
18
18
  direction?: "" | "col" | "reverse" | "col-reverse";
19
- gap?: "" | "g2" | "g4" | "g6" | "g8" | "g10" | "g12" | "g16" | "g20" | "g24" | "g28" | "g32" | "g36" | "g40" | "g48" | "g56" | "g60" | "g64" | "g80" | "g120";
19
+ gap?: TGap;
20
20
  grow?: boolean;
21
21
  height?: "" | "hfull";
22
22
  justifyContent?: "" | "flex-start" | "flex-end" | "center" | "stretch" | "normal" | "space-between" | "space-around" | "space-evenly";
23
23
  justifyItems?: "" | "flex-start" | "flex-end" | "center" | "stretch";
24
24
  justifySelf?: "" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "auto";
25
- padding?: "" | "p2" | "p4" | "p6" | "p8" | "p10" | "p12" | "p14" | "p16" | "p18" | "p20" | "p24" | "p28" | "p32" | "p36" | "p40" | "p42" | "p64" | "p80" | "p120";
26
- paddingBlock?: "" | "p2" | "p4" | "p6" | "p8" | "p10" | "p12" | "p14" | "p16" | "p18" | "p20" | "p24" | "p28" | "p32" | "p36" | "p40" | "p42" | "p64" | "p80" | "p120";
27
- paddingInline?: "" | "p2" | "p4" | "p6" | "p8" | "p10" | "p12" | "p14" | "p16" | "p18" | "p20" | "p24" | "p28" | "p32" | "p36" | "p40" | "p42" | "p64" | "p80" | "p120";
25
+ padding?: TPadding;
26
+ paddingBlock?: TPadding;
27
+ paddingInline?: TPadding;
28
28
  position?: "" | "relative" | "absolute" | "sticky" | "fixed";
29
- radius?: "" | "r0" | "r2" | "r4" | "r6" | "r8" | "r12" | "r14" | "r16" | "r18" | "r20" | "r22" | "r24" | "r26" | "r28" | "r30" | "r32";
30
- rowGap?: "" | "g2" | "g4" | "g6" | "g8" | "g10" | "g12" | "g16" | "g20" | "g24" | "g28" | "g32" | "g36" | "g40" | "g42" | "g48" | "g56" | "g60" | "g64" | "g80" | "g120";
31
- tag?: keyof HTMLElementTagNameMap;
29
+ radius?: TRadius;
30
+ rowGap?: TGap;
31
+ tag?: keyof HTMLElementTagNameMap | "router-link";
32
32
  width?: "" | "wfull";
33
33
  wrap?: "" | "nowrap" | "wrap" | "wrap-reverse";
34
34
  }>, {
@@ -60,21 +60,21 @@ alignItems?: "" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
60
60
  alignSelf?: "" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "auto";
61
61
  bg?: "" | "default" | "secondary" | "accent" | "surface" | "muted" | "quiet";
62
62
  borderColor?: "" | "default" | "secondary" | "accent" | "muted";
63
- colGap?: "" | "g2" | "g4" | "g6" | "g8" | "g10" | "g12" | "g16" | "g20" | "g24" | "g28" | "g32" | "g36" | "g40" | "g48" | "g56" | "g60" | "g64" | "g80" | "g120";
63
+ colGap?: TGap;
64
64
  direction?: "" | "col" | "reverse" | "col-reverse";
65
- gap?: "" | "g2" | "g4" | "g6" | "g8" | "g10" | "g12" | "g16" | "g20" | "g24" | "g28" | "g32" | "g36" | "g40" | "g48" | "g56" | "g60" | "g64" | "g80" | "g120";
65
+ gap?: TGap;
66
66
  grow?: boolean;
67
67
  height?: "" | "hfull";
68
68
  justifyContent?: "" | "flex-start" | "flex-end" | "center" | "stretch" | "normal" | "space-between" | "space-around" | "space-evenly";
69
69
  justifyItems?: "" | "flex-start" | "flex-end" | "center" | "stretch";
70
70
  justifySelf?: "" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "auto";
71
- padding?: "" | "p2" | "p4" | "p6" | "p8" | "p10" | "p12" | "p14" | "p16" | "p18" | "p20" | "p24" | "p28" | "p32" | "p36" | "p40" | "p42" | "p64" | "p80" | "p120";
72
- paddingBlock?: "" | "p2" | "p4" | "p6" | "p8" | "p10" | "p12" | "p14" | "p16" | "p18" | "p20" | "p24" | "p28" | "p32" | "p36" | "p40" | "p42" | "p64" | "p80" | "p120";
73
- paddingInline?: "" | "p2" | "p4" | "p6" | "p8" | "p10" | "p12" | "p14" | "p16" | "p18" | "p20" | "p24" | "p28" | "p32" | "p36" | "p40" | "p42" | "p64" | "p80" | "p120";
71
+ padding?: TPadding;
72
+ paddingBlock?: TPadding;
73
+ paddingInline?: TPadding;
74
74
  position?: "" | "relative" | "absolute" | "sticky" | "fixed";
75
- radius?: "" | "r0" | "r2" | "r4" | "r6" | "r8" | "r12" | "r14" | "r16" | "r18" | "r20" | "r22" | "r24" | "r26" | "r28" | "r30" | "r32";
76
- rowGap?: "" | "g2" | "g4" | "g6" | "g8" | "g10" | "g12" | "g16" | "g20" | "g24" | "g28" | "g32" | "g36" | "g40" | "g42" | "g48" | "g56" | "g60" | "g64" | "g80" | "g120";
77
- tag?: keyof HTMLElementTagNameMap;
75
+ radius?: TRadius;
76
+ rowGap?: TGap;
77
+ tag?: keyof HTMLElementTagNameMap | "router-link";
78
78
  width?: "" | "wfull";
79
79
  wrap?: "" | "nowrap" | "wrap" | "wrap-reverse";
80
80
  }>, {
@@ -107,21 +107,21 @@ alignItems: "" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
107
107
  alignSelf: "" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "auto";
108
108
  bg: "" | "default" | "secondary" | "accent" | "surface" | "muted" | "quiet";
109
109
  borderColor: "" | "default" | "secondary" | "accent" | "muted";
110
- colGap: "" | "g2" | "g4" | "g6" | "g8" | "g10" | "g12" | "g16" | "g20" | "g24" | "g28" | "g32" | "g36" | "g40" | "g48" | "g56" | "g60" | "g64" | "g80" | "g120";
110
+ colGap: TGap;
111
111
  direction: "" | "col" | "reverse" | "col-reverse";
112
- gap: "" | "g2" | "g4" | "g6" | "g8" | "g10" | "g12" | "g16" | "g20" | "g24" | "g28" | "g32" | "g36" | "g40" | "g48" | "g56" | "g60" | "g64" | "g80" | "g120";
112
+ gap: TGap;
113
113
  grow: boolean;
114
114
  height: "" | "hfull";
115
115
  justifyContent: "" | "flex-start" | "flex-end" | "center" | "stretch" | "normal" | "space-between" | "space-around" | "space-evenly";
116
116
  justifyItems: "" | "flex-start" | "flex-end" | "center" | "stretch";
117
117
  justifySelf: "" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "auto";
118
- padding: "" | "p2" | "p4" | "p6" | "p8" | "p10" | "p12" | "p14" | "p16" | "p18" | "p20" | "p24" | "p28" | "p32" | "p36" | "p40" | "p42" | "p64" | "p80" | "p120";
119
- paddingBlock: "" | "p2" | "p4" | "p6" | "p8" | "p10" | "p12" | "p14" | "p16" | "p18" | "p20" | "p24" | "p28" | "p32" | "p36" | "p40" | "p42" | "p64" | "p80" | "p120";
120
- paddingInline: "" | "p2" | "p4" | "p6" | "p8" | "p10" | "p12" | "p14" | "p16" | "p18" | "p20" | "p24" | "p28" | "p32" | "p36" | "p40" | "p42" | "p64" | "p80" | "p120";
118
+ padding: TPadding;
119
+ paddingBlock: TPadding;
120
+ paddingInline: TPadding;
121
121
  position: "" | "relative" | "absolute" | "sticky" | "fixed";
122
- radius: "" | "r0" | "r2" | "r4" | "r6" | "r8" | "r12" | "r14" | "r16" | "r18" | "r20" | "r22" | "r24" | "r26" | "r28" | "r30" | "r32";
123
- rowGap: "" | "g2" | "g4" | "g6" | "g8" | "g10" | "g12" | "g16" | "g20" | "g24" | "g28" | "g32" | "g36" | "g40" | "g42" | "g48" | "g56" | "g60" | "g64" | "g80" | "g120";
124
- tag: keyof HTMLElementTagNameMap;
122
+ radius: TRadius;
123
+ rowGap: TGap;
124
+ tag: keyof HTMLElementTagNameMap | "router-link";
125
125
  width: "" | "wfull";
126
126
  }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
127
127
 
@@ -129,7 +129,7 @@ declare const __VLS_component_2: DefineComponent<ExtractPropTypes<__VLS_WithDefa
129
129
  color?: "default" | "hover" | "active" | "secondary";
130
130
  display?: "block" | "inline" | "flex" | "";
131
131
  line?: "lh100" | "lh110" | "lh120" | "lh130" | "lh140" | "lh150";
132
- size?: "fs12" | "fs14" | "fs16" | "fs18" | "fs20" | "fs24" | "fs28" | "fs32" | "fs36";
132
+ size?: "fs12" | "fs14" | "fs16" | "fs18" | "fs20" | "fs24" | "fs28" | "fs32" | "fs36" | "fs40" | "fs42" | "fs48" | "fs64";
133
133
  tag?: keyof HTMLElementTagNameMap;
134
134
  text?: string | number | Ref<string, string>;
135
135
  textAlign?: "left" | "center" | "right" | "";
@@ -149,7 +149,7 @@ wrap: string;
149
149
  color?: "default" | "hover" | "active" | "secondary";
150
150
  display?: "block" | "inline" | "flex" | "";
151
151
  line?: "lh100" | "lh110" | "lh120" | "lh130" | "lh140" | "lh150";
152
- size?: "fs12" | "fs14" | "fs16" | "fs18" | "fs20" | "fs24" | "fs28" | "fs32" | "fs36";
152
+ size?: "fs12" | "fs14" | "fs16" | "fs18" | "fs20" | "fs24" | "fs28" | "fs32" | "fs36" | "fs40" | "fs42" | "fs48" | "fs64";
153
153
  tag?: keyof HTMLElementTagNameMap;
154
154
  text?: string | number | Ref<string, string>;
155
155
  textAlign?: "left" | "center" | "right" | "";
@@ -171,7 +171,7 @@ tag: keyof HTMLElementTagNameMap;
171
171
  color: "default" | "hover" | "active" | "secondary";
172
172
  display: "block" | "inline" | "flex" | "";
173
173
  line: "lh100" | "lh110" | "lh120" | "lh130" | "lh140" | "lh150";
174
- size: "fs12" | "fs14" | "fs16" | "fs18" | "fs20" | "fs24" | "fs28" | "fs32" | "fs36";
174
+ size: "fs12" | "fs14" | "fs16" | "fs18" | "fs20" | "fs24" | "fs28" | "fs32" | "fs36" | "fs40" | "fs42" | "fs48" | "fs64";
175
175
  text: string | number | Ref<string, string>;
176
176
  textAlign: "left" | "center" | "right" | "";
177
177
  weight: "fw400" | "fw500" | "fw600" | "fw700";
@@ -465,8 +465,14 @@ declare interface IProps {
465
465
  width?: string;
466
466
  }
467
467
 
468
+ declare type TGap = '' | 'g2' | 'g4' | 'g6' | 'g8' | 'g10' | 'g12' | 'g16' | 'g20' | 'g24' | 'g28' | 'g32' | 'g36' | 'g40' | 'g48' | 'g56' | 'g60' | 'g64' | 'g80' | 'g120';
469
+
468
470
  declare const TOOLTIP_POSITIONS: readonly ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end"];
469
471
 
472
+ declare type TPadding = '' | 'p2' | 'p4' | 'p6' | 'p8' | 'p10' | 'p12' | 'p14' | 'p16' | 'p18' | 'p20' | 'p24' | 'p28' | 'p32' | 'p36' | 'p40' | 'p42' | 'p64' | 'p80' | 'p120';
473
+
474
+ declare type TRadius = '' | 'r0' | 'r2' | 'r4' | 'r6' | 'r8' | 'r12' | 'r14' | 'r16' | 'r18' | 'r20' | 'r22' | 'r24' | 'r26' | 'r28' | 'r30' | 'r32';
475
+
470
476
  declare type TTooltipPosition = typeof TOOLTIP_POSITIONS[number];
471
477
 
472
478
  export declare const UiFlex: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;