@quidgest/ui 0.0.10 → 0.1.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.
- package/dist/ui.esm.js +662 -574
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +3 -3
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.js +148 -141
- package/dist/ui.min.js.map +1 -1
- package/lib/components/QOverlay/QOverlay.vue.d.ts +9 -0
- package/lib/components/QOverlay/QOverlay.vue.d.ts.map +1 -1
- package/lib/components/QPopover/QPopover.vue.d.ts +9 -0
- package/lib/components/QPopover/QPopover.vue.d.ts.map +1 -1
- package/lib/composables/defaults/index.d.ts +7 -0
- package/lib/composables/defaults/index.d.ts.map +1 -0
- package/lib/composables/index.d.ts +4 -0
- package/lib/composables/index.d.ts.map +1 -0
- package/lib/composables/{overlay.d.ts → overlay/index.d.ts} +1 -1
- package/lib/composables/overlay/index.d.ts.map +1 -0
- package/lib/composables/theme/index.d.ts +55 -0
- package/lib/composables/theme/index.d.ts.map +1 -0
- package/lib/framework.d.ts +4 -2
- package/lib/framework.d.ts.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/styles/ui.css +4 -3
- package/lib/styles/ui.min.css +1 -1
- package/lib/styles/ui.scss +4 -3
- package/package.json +1 -1
- package/lib/composables/defaults.d.ts +0 -5
- package/lib/composables/defaults.d.ts.map +0 -1
- package/lib/composables/overlay.d.ts.map +0 -1
- package/lib/composables/theme.d.ts +0 -35
- package/lib/composables/theme.d.ts.map +0 -1
|
@@ -43,6 +43,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
43
43
|
type: import("vue").PropType<Placement>;
|
|
44
44
|
default: string;
|
|
45
45
|
};
|
|
46
|
+
spy: {
|
|
47
|
+
type: import("vue").PropType<boolean>;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
46
50
|
trigger: {
|
|
47
51
|
type: import("vue").PropType<Trigger>;
|
|
48
52
|
default: string;
|
|
@@ -90,6 +94,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
90
94
|
type: import("vue").PropType<Placement>;
|
|
91
95
|
default: string;
|
|
92
96
|
};
|
|
97
|
+
spy: {
|
|
98
|
+
type: import("vue").PropType<boolean>;
|
|
99
|
+
default: boolean;
|
|
100
|
+
};
|
|
93
101
|
trigger: {
|
|
94
102
|
type: import("vue").PropType<Trigger>;
|
|
95
103
|
default: string;
|
|
@@ -103,6 +111,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
103
111
|
delay: number;
|
|
104
112
|
offset: number;
|
|
105
113
|
placement: Placement;
|
|
114
|
+
spy: boolean;
|
|
106
115
|
trigger: Trigger;
|
|
107
116
|
}, {}>, {
|
|
108
117
|
default?(_: {}): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue.ts"],"names":[],"mappings":"AAGC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAmB,MAAM,uBAAuB,CAAA;AAGvF,OAAO,EAAE,QAAQ,EAAc,MAAM,oBAAoB,CAAA
|
|
1
|
+
{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue.ts"],"names":[],"mappings":"AAGC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAmB,MAAM,uBAAuB,CAAA;AAGvF,OAAO,EAAE,QAAQ,EAAc,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsiB1D,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -35,6 +35,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
35
35
|
type: import("vue").PropType<Placement>;
|
|
36
36
|
default: string;
|
|
37
37
|
};
|
|
38
|
+
spy: {
|
|
39
|
+
type: import("vue").PropType<boolean>;
|
|
40
|
+
default: boolean;
|
|
41
|
+
};
|
|
38
42
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
39
43
|
html: {
|
|
40
44
|
type: import("vue").PropType<boolean>;
|
|
@@ -70,11 +74,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
70
74
|
type: import("vue").PropType<Placement>;
|
|
71
75
|
default: string;
|
|
72
76
|
};
|
|
77
|
+
spy: {
|
|
78
|
+
type: import("vue").PropType<boolean>;
|
|
79
|
+
default: boolean;
|
|
80
|
+
};
|
|
73
81
|
}>>, {
|
|
74
82
|
html: boolean;
|
|
75
83
|
arrow: boolean;
|
|
76
84
|
attach: string;
|
|
77
85
|
placement: Placement;
|
|
86
|
+
spy: boolean;
|
|
78
87
|
}, {}>, {
|
|
79
88
|
header?(_: {}): any;
|
|
80
89
|
body?(_: {}): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue.ts"],"names":[],"mappings":"AAMC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA
|
|
1
|
+
{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue.ts"],"names":[],"mappings":"AAMC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8T9C,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const DEFAULTS_SYMBOL = "q-defaults";
|
|
2
|
+
export type Defaults = Record<string | symbol, ComponentDefaults>;
|
|
3
|
+
export type ComponentDefaults = Record<string | symbol, unknown>;
|
|
4
|
+
export declare function useDefaults(): ComponentDefaults;
|
|
5
|
+
export declare function provideDefaults(defaults: Defaults): void;
|
|
6
|
+
export declare function injectDefaults(): Defaults;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/defaults/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,eAAe,CAAA;AAE3C,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAEjE,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;AAEhE,wBAAgB,WAAW,sBAW1B;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,QAAQ,QAKjD;AAED,wBAAgB,cAAc,aAM7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA"}
|
|
@@ -10,4 +10,4 @@ export type Position = {
|
|
|
10
10
|
* Reposition the overlay based on its size and the position of its anchor.
|
|
11
11
|
*/
|
|
12
12
|
export declare function computePosition(anchor: Element, overlay: Element, tentativePlacement?: Placement): Position;
|
|
13
|
-
//# sourceMappingURL=
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/overlay/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AAC/C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC3D,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvC,MAAM,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC9B,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,OAAO,EAChB,kBAAkB,GAAE,SAAmB,GACrC,QAAQ,CAuCV"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { App, Ref } from 'vue';
|
|
2
|
+
export declare const THEME_SYMBOL = "q-theme";
|
|
3
|
+
export type ThemeMode = 'light' | 'dark';
|
|
4
|
+
export interface AppThemes {
|
|
5
|
+
defaultTheme: string;
|
|
6
|
+
themes: Array<{
|
|
7
|
+
name: string;
|
|
8
|
+
mode: ThemeMode;
|
|
9
|
+
colors?: Partial<ColorScheme>;
|
|
10
|
+
}>;
|
|
11
|
+
}
|
|
12
|
+
export interface ThemeDefinition {
|
|
13
|
+
name: string;
|
|
14
|
+
mode: ThemeMode;
|
|
15
|
+
colors: ColorScheme;
|
|
16
|
+
}
|
|
17
|
+
export interface ThemeConfiguration {
|
|
18
|
+
activeTheme: string;
|
|
19
|
+
themes: ThemeDefinition[];
|
|
20
|
+
}
|
|
21
|
+
export interface ColorScheme {
|
|
22
|
+
primary: string;
|
|
23
|
+
primaryLight: string;
|
|
24
|
+
primaryDark: string;
|
|
25
|
+
secondary: string;
|
|
26
|
+
secondaryLight: string;
|
|
27
|
+
secondaryDark: string;
|
|
28
|
+
highlight: string;
|
|
29
|
+
background: string;
|
|
30
|
+
container: string;
|
|
31
|
+
border: string;
|
|
32
|
+
borderLight: string;
|
|
33
|
+
success: string;
|
|
34
|
+
warning: string;
|
|
35
|
+
danger: string;
|
|
36
|
+
dangerLight: string;
|
|
37
|
+
dangerDark: string;
|
|
38
|
+
info: string;
|
|
39
|
+
onPrimary: string;
|
|
40
|
+
onSecondary: string;
|
|
41
|
+
onHighlight: string;
|
|
42
|
+
onBackground: string;
|
|
43
|
+
onContainer: string;
|
|
44
|
+
onSuccess: string;
|
|
45
|
+
onWarning: string;
|
|
46
|
+
onDanger: string;
|
|
47
|
+
onInfo: string;
|
|
48
|
+
}
|
|
49
|
+
export declare const defaultLightColorScheme: ColorScheme;
|
|
50
|
+
export declare const defaultDarkColorScheme: ColorScheme;
|
|
51
|
+
export declare function useTheme(): Ref<ThemeConfiguration>;
|
|
52
|
+
export declare function installThemes(app: App, config?: AppThemes): void;
|
|
53
|
+
export declare function generateRootStyle(colors: Partial<ColorScheme>): void;
|
|
54
|
+
export declare function toProperty(color: string): string;
|
|
55
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/theme/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAsB,MAAM,KAAK,CAAA;AAElD,eAAO,MAAM,YAAY,YAAY,CAAA;AAErC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,MAAM,WAAW,SAAS;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,SAAS,CAAA;QACf,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF;AAED,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,WAAW,CAAA;CACnB;AAED,MAAM,WAAW,kBAAkB;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,eAAe,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,WAAW;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,uBAAuB,EAAE,WA2BrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,WA2BpC,CAAA;AAED,wBAAgB,QAAQ,IAAI,GAAG,CAAC,kBAAkB,CAAC,CAMlD;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,SAAS,QAuDzD;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,QAuB7D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC"}
|
package/lib/framework.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import { Defaults } from './composables/defaults';
|
|
2
|
+
import { AppThemes } from './composables/theme';
|
|
1
3
|
import { Plugin } from 'vue';
|
|
2
|
-
import { ThemeProps } from './composables/theme';
|
|
3
4
|
export interface AppDefinition {
|
|
4
|
-
|
|
5
|
+
themes?: AppThemes;
|
|
6
|
+
defaults?: Defaults;
|
|
5
7
|
}
|
|
6
8
|
export declare function createFramework(components: Record<string, any>, options?: AppDefinition): Plugin;
|
|
7
9
|
//# sourceMappingURL=framework.d.ts.map
|
package/lib/framework.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAiB,MAAM,qBAAqB,CAAA;AAG9D,OAAO,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AAGjC,MAAM,WAAW,aAAa;IAC7B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB;AAED,wBAAgB,eAAe,CAE9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC/B,OAAO,CAAC,EAAE,aAAa,GACrB,MAAM,CAgBR"}
|
package/lib/index.d.ts
CHANGED
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAmB,MAAM,aAAa,CAAA;AAE5D,QAAA,MAAM,gBAAgB,aAAc,aAAa,yBAAyC,CAAA;AAE1F,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAmB,MAAM,aAAa,CAAA;AAE5D,QAAA,MAAM,gBAAgB,aAAc,aAAa,yBAAyC,CAAA;AAE1F,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAA;AAE9C,cAAc,eAAe,CAAA"}
|
package/lib/styles/ui.css
CHANGED
|
@@ -507,7 +507,7 @@ template {
|
|
|
507
507
|
.q-overlay {
|
|
508
508
|
--q-overlay-bg: var(--q-theme-background);
|
|
509
509
|
--q-overlay-color: var(--q-theme-on-background);
|
|
510
|
-
--q-overlay-border-color: var(--q-theme-border
|
|
510
|
+
--q-overlay-border-color: var(--q-theme-border);
|
|
511
511
|
position: absolute;
|
|
512
512
|
}
|
|
513
513
|
.q-overlay__content {
|
|
@@ -624,14 +624,15 @@ template {
|
|
|
624
624
|
padding: 0.5rem 1rem;
|
|
625
625
|
margin: 0;
|
|
626
626
|
font-size: 0.9rem;
|
|
627
|
-
background-color: var(--q-
|
|
627
|
+
background-color: color-mix(in srgb, var(--q-overlay-color) 4%, var(--q-overlay-bg));
|
|
628
|
+
border-bottom: 1px solid var(--q-overlay-border-color);
|
|
628
629
|
}
|
|
629
630
|
.q-popover__body {
|
|
630
631
|
padding: 1rem;
|
|
631
632
|
}
|
|
632
633
|
|
|
633
634
|
.q-popover.q-overlay--bottom .q-overlay__arrow::after {
|
|
634
|
-
border-bottom-color: var(--q-
|
|
635
|
+
border-bottom-color: color-mix(in srgb, var(--q-overlay-color) 4%, var(--q-overlay-bg));
|
|
635
636
|
}
|
|
636
637
|
|
|
637
638
|
.q-spinner-loader {
|
package/lib/styles/ui.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.15s ease-in-out}.q-btn{position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border:thin solid;background-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn--active{z-index:2;background-color:var(--q-theme-primary-light)}.q-btn:disabled{opacity:0.6}.q-btn--loading span{visibility:hidden}.q-btn--primary{background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--danger{background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--link{background-color:transparent;border-color:transparent;color:var(--q-theme-primary)}.q-btn--link:focus:not(:disabled),.q-btn--link:hover:not(:disabled){color:var(--q-theme-primary-dark)}.q-btn--small{padding:0.25rem;line-height:14px}.q-btn--small span{font-size:0.75rem;line-height:14px}.q-btn--small .e-icon__svg{width:14px;height:14px}.q-btn--borderless{border-color:transparent!important}.q-btn--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn--block{display:block;width:100%;padding:0.5rem}.q-btn--block span{gap:0.5rem}.q-btn--block+.q-btn--block{margin-top:0.5rem}.q-btn__spinner{position:absolute;left:50%;transform:translateX(-50%)}.q-btn-group{position:relative;display:inline-flex;border-radius:0.25rem}.q-btn-group--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn-group>.q-btn{position:relative;flex:0 1 auto}.q-btn-group>.q-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.q-btn-group>.q-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.q-btn-group>.q-btn:hover{z-index:3}.q-line-loader{width:100%;height:2px;display:inline-block;position:relative;background:transparent;overflow:hidden}.q-line-loader:after{content:"";min-width:33%;height:2px;background:linear-gradient(to right,#edebe9 0%,var(--q-theme-primary) 50%,#edebe9 100%);position:absolute;top:0;left:0;box-sizing:border-box;animation:q-move 2s linear infinite}@keyframes q-move{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0%)}}.q-overlay{--q-overlay-bg:var(--q-theme-background);--q-overlay-color:var(--q-theme-on-background);--q-overlay-border-color:var(--q-theme-border
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.15s ease-in-out}.q-btn{position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border:thin solid;background-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn--active{z-index:2;background-color:var(--q-theme-primary-light)}.q-btn:disabled{opacity:0.6}.q-btn--loading span{visibility:hidden}.q-btn--primary{background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--danger{background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--link{background-color:transparent;border-color:transparent;color:var(--q-theme-primary)}.q-btn--link:focus:not(:disabled),.q-btn--link:hover:not(:disabled){color:var(--q-theme-primary-dark)}.q-btn--small{padding:0.25rem;line-height:14px}.q-btn--small span{font-size:0.75rem;line-height:14px}.q-btn--small .e-icon__svg{width:14px;height:14px}.q-btn--borderless{border-color:transparent!important}.q-btn--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn--block{display:block;width:100%;padding:0.5rem}.q-btn--block span{gap:0.5rem}.q-btn--block+.q-btn--block{margin-top:0.5rem}.q-btn__spinner{position:absolute;left:50%;transform:translateX(-50%)}.q-btn-group{position:relative;display:inline-flex;border-radius:0.25rem}.q-btn-group--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn-group>.q-btn{position:relative;flex:0 1 auto}.q-btn-group>.q-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.q-btn-group>.q-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.q-btn-group>.q-btn:hover{z-index:3}.q-line-loader{width:100%;height:2px;display:inline-block;position:relative;background:transparent;overflow:hidden}.q-line-loader:after{content:"";min-width:33%;height:2px;background:linear-gradient(to right,#edebe9 0%,var(--q-theme-primary) 50%,#edebe9 100%);position:absolute;top:0;left:0;box-sizing:border-box;animation:q-move 2s linear infinite}@keyframes q-move{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0%)}}.q-overlay{--q-overlay-bg:var(--q-theme-background);--q-overlay-color:var(--q-theme-on-background);--q-overlay-border-color:var(--q-theme-border);position:absolute}.q-overlay__content{display:block;position:relative;transform:translateX(-50%);width:-moz-max-content;width:max-content;z-index:1070;background-color:var(--q-overlay-bg);color:var(--q-overlay-color);background-clip:padding-box;border:1px solid var(--q-overlay-border-color);border-radius:0.25rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.q-overlay__arrow{position:absolute;display:block;width:1rem;height:0.5rem}.q-overlay__arrow:after,.q-overlay__arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.q-overlay--top .q-overlay__arrow{left:calc(50% - 0.5rem);bottom:calc(-0.5rem - 1px)}.q-overlay--top .q-overlay__arrow:after,.q-overlay--top .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0}.q-overlay--top .q-overlay__arrow:before{bottom:0;border-top-color:var(--q-overlay-border-color)}.q-overlay--top .q-overlay__arrow:after{bottom:1px;border-top-color:var(--q-overlay-bg)}.q-overlay--bottom .q-overlay__arrow{top:calc(-0.5rem - 1px);left:calc(50% - 0.5rem)}.q-overlay--bottom .q-overlay__arrow:after,.q-overlay--bottom .q-overlay__arrow:before{border-width:0 0.5rem 0.5rem}.q-overlay--bottom .q-overlay__arrow:before{top:0;border-bottom-color:var(--q-overlay-border-color)}.q-overlay--bottom .q-overlay__arrow:after{top:1px;border-bottom-color:var(--q-overlay-bg)}.q-overlay--left .q-overlay__arrow{top:calc(50% - 0.5rem);right:-0.5rem;width:0.5rem;height:1rem}.q-overlay--left .q-overlay__arrow:after,.q-overlay--left .q-overlay__arrow:before{border-width:0.5rem 0 0.5rem 0.5rem}.q-overlay--left .q-overlay__arrow:before{right:0;border-left-color:var(--q-overlay-border-color)}.q-overlay--left .q-overlay__arrow:after{right:1px;border-left-color:var(--q-overlay-bg)}.q-overlay--right .q-overlay__arrow{top:calc(50% - 0.5rem);left:-0.5rem;width:0.5rem;height:1rem}.q-overlay--right .q-overlay__arrow:after,.q-overlay--right .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0.5rem 0}.q-overlay--right .q-overlay__arrow:before{left:0;border-right-color:var(--q-overlay-border-color)}.q-overlay--right .q-overlay__arrow:after{left:1px;border-right-color:var(--q-overlay-bg)}.q-overlay--inverted{--q-overlay-bg:var(--q-theme-on-background);--q-overlay-color:var(--q-theme-background);--q-overlay-border-color:transparent}.q-popover .q-overlay__content{z-index:1070;position:relative;max-width:276px;line-height:1.5;word-break:normal;word-spacing:normal;word-wrap:break-word;white-space:normal;line-break:auto;font-size:0.7875rem}.q-popover__header{padding:0.5rem 1rem;margin:0;font-size:0.9rem;background-color:color-mix(in srgb,var(--q-overlay-color) 4%,var(--q-overlay-bg));border-bottom:1px solid var(--q-overlay-border-color)}.q-popover__body{padding:1rem}.q-popover.q-overlay--bottom .q-overlay__arrow:after{border-bottom-color:color-mix(in srgb,var(--q-overlay-color) 4%,var(--q-overlay-bg))}.q-spinner-loader{display:flex;position:relative;width:1em;height:1em;font-size:48px;line-height:1;align-items:center;justify-content:center;color:var(--q-theme-primary)}.q-spinner-loader svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;animation:q-spin 2s linear infinite;transform-origin:center center}.q-spinner-loader .path{stroke-dasharray:1,250;stroke-dashoffset:0;animation:q-md-dash 1.5s ease-in-out infinite}@keyframes q-spin{0%{transform:rotate3d(0,0,1,0)}25%{transform:rotate3d(0,0,1,90deg)}50%{transform:rotate3d(0,0,1,180deg)}75%{transform:rotate3d(0,0,1,270deg)}to{transform:rotate3d(0,0,1,359deg)}}@keyframes q-md-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.q-tooltip .q-overlay__content{padding:0.5rem;text-align:center;font-style:normal;font-size:0.7875rem;font-weight:400;text-decoration:none;text-shadow:none;text-transform:none;line-height:1.5;line-break:auto;word-wrap:break-word;word-break:normal;word-spacing:normal;white-space:normal;letter-spacing:normal;max-width:200px}
|
package/lib/styles/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quid UI Framework v0.0
|
|
2
|
+
* Quid UI Framework v0.1.0
|
|
3
3
|
* (c) 2023 Quidgest - Consultores de Gestão, SA
|
|
4
4
|
*/
|
|
5
5
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
@@ -476,7 +476,7 @@ $overlay-arrow-height: 0.5rem;
|
|
|
476
476
|
$this: &;
|
|
477
477
|
--q-overlay-bg: var(--q-theme-background);
|
|
478
478
|
--q-overlay-color: var(--q-theme-on-background);
|
|
479
|
-
--q-overlay-border-color: var(--q-theme-border
|
|
479
|
+
--q-overlay-border-color: var(--q-theme-border);
|
|
480
480
|
position: absolute;
|
|
481
481
|
&__content {
|
|
482
482
|
display: block;
|
|
@@ -597,7 +597,7 @@ $overlay-arrow-height: 0.5rem;
|
|
|
597
597
|
--q-overlay-border-color: transparent;
|
|
598
598
|
}
|
|
599
599
|
}
|
|
600
|
-
$popover-header-bg: var(--q-
|
|
600
|
+
$popover-header-bg: color-mix(in srgb, var(--q-overlay-color) 4%, var(--q-overlay-bg));
|
|
601
601
|
.q-popover {
|
|
602
602
|
.q-overlay__content {
|
|
603
603
|
z-index: 1070;
|
|
@@ -616,6 +616,7 @@ $popover-header-bg: var(--q-theme-border-light);
|
|
|
616
616
|
margin: 0;
|
|
617
617
|
font-size: $font-size-base;
|
|
618
618
|
background-color: $popover-header-bg;
|
|
619
|
+
border-bottom: 1px solid var(--q-overlay-border-color);
|
|
619
620
|
}
|
|
620
621
|
&__body {
|
|
621
622
|
padding: 1rem;
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare const DEFAULTS_SYMBOL = "q-defaults";
|
|
2
|
-
export declare function useDefaults(): any;
|
|
3
|
-
export declare function provideDefaults(defaults: Record<string, any>): void;
|
|
4
|
-
export declare function injectDefaults(): Record<string, any>;
|
|
5
|
-
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/composables/defaults.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,eAAe,CAAA;AAE3C,wBAAgB,WAAW,QAW1B;AAGD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAK5D;AAED,wBAAgB,cAAc,wBAO7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/composables/overlay.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AAC/C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC3D,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvC,MAAM,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC9B,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,OAAO,EAChB,kBAAkB,GAAE,SAAmB,GACrC,QAAQ,CAuCV"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { App, Ref } from 'vue';
|
|
2
|
-
export interface ThemeDefinition {
|
|
3
|
-
primary: string;
|
|
4
|
-
primaryLight: string;
|
|
5
|
-
primaryDark: string;
|
|
6
|
-
secondary: string;
|
|
7
|
-
secondaryLight: string;
|
|
8
|
-
secondaryDark: string;
|
|
9
|
-
highlight: string;
|
|
10
|
-
background: string;
|
|
11
|
-
container: string;
|
|
12
|
-
border: string;
|
|
13
|
-
borderLight: string;
|
|
14
|
-
success: string;
|
|
15
|
-
warning: string;
|
|
16
|
-
danger: string;
|
|
17
|
-
dangerLight: string;
|
|
18
|
-
dangerDark: string;
|
|
19
|
-
info: string;
|
|
20
|
-
onPrimary: string;
|
|
21
|
-
onSecondary: string;
|
|
22
|
-
onHighlight: string;
|
|
23
|
-
onBackground: string;
|
|
24
|
-
onContainer: string;
|
|
25
|
-
onSuccess: string;
|
|
26
|
-
onWarning: string;
|
|
27
|
-
onDanger: string;
|
|
28
|
-
onInfo: string;
|
|
29
|
-
}
|
|
30
|
-
export type ThemeProps = Partial<ThemeDefinition>;
|
|
31
|
-
export declare const defaultLightTheme: ThemeDefinition;
|
|
32
|
-
export declare function useTheme(): Ref<ThemeDefinition>;
|
|
33
|
-
export declare function installTheme(app: App, theme?: ThemeProps): void;
|
|
34
|
-
export declare function generateRootStyle(theme: ThemeDefinition): void;
|
|
35
|
-
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAe,MAAM,KAAK,CAAA;AAI3C,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,eAAe,CAAC,CAAA;AAEjD,eAAO,MAAM,iBAAiB,EAAE,eA2B/B,CAAA;AAED,wBAAgB,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,CAM/C;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,UAAU,QAcxD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,QAuBvD"}
|