@quidgest/ui 0.0.7

package/lib/styles/ui.min.css

@@ -0,0 +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: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{color:var(--q-theme-primary)}.q-btn--link,.q-btn--link:focus:not(:disabled),.q-btn--link:hover:not(:disabled){background-color:transparent;border-color:transparent}.q-btn--link:focus:not(:disabled) span,.q-btn--link:hover:not(:disabled) span{text-decoration:underline;text-underline-offset:0.25rem}.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}.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--active{z-index:2;background-color:var(--q-theme-primary-light)}.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-light);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:var(--q-theme-border-light)}.q-popover__body{padding:1rem}.q-popover.q-overlay--bottom .q-overlay__arrow:after{border-bottom-color:var(--q-theme-border-light)}.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

@@ -0,0 +1,710 @@
+/*!
+ * Quid UI Framework v0.0.7
+ * (c) 2023 Quidgest - Consultores de Gestão, SA
+ */
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+   ========================================================================== */
+html {
+	line-height: 1.15; 
+	-webkit-text-size-adjust: 100%; 
+}
+/* Sections
+   ========================================================================== */
+body {
+	margin: 0;
+}
+main {
+	display: block;
+}
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+/* Grouping content
+   ========================================================================== */
+hr {
+	box-sizing: content-box; 
+	height: 0; 
+	overflow: visible; 
+}
+pre {
+	font-family: monospace, monospace; 
+	font-size: 1em; 
+}
+/* Text-level semantics
+   ========================================================================== */
+a {
+	background-color: transparent;
+}
+abbr[title] {
+	border-bottom: none; 
+	text-decoration: underline; 
+	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;
+}
+/* Embedded content
+   ========================================================================== */
+img {
+	border-style: none;
+}
+/* Forms
+   ========================================================================== */
+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;
+}
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+	-webkit-appearance: button;
+}
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+	border-style: none;
+	padding: 0;
+}
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-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; 
+}
+/* Interactive
+   ========================================================================== */
+details {
+	display: block;
+}
+summary {
+	display: list-item;
+}
+/* Misc
+   ========================================================================== */
+template {
+	display: none;
+}
+[hidden] {
+	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;
+}
+$border-radius: 0.25rem !default;
+$compact: true !default;
+$space-base: 0.25rem !default;
+$space-x-base: $space-base !default;
+$space-y-base: $space-base !default;
+$space-none: (
+	x: 0,
+	y: 0
+) !default;
+$space-xs: (
+	x: (
+		$space-x-base * 0.25
+	),
+	y: (
+		$space-y-base * 0.25
+	)
+) !default;
+$space-sm: (
+	x: (
+		$space-x-base * 0.5
+	),
+	y: (
+		$space-y-base * 0.5
+	)
+) !default;
+$space-md: (
+	x: $space-x-base,
+	y: $space-y-base
+) !default;
+$space-lg: (
+	x: (
+		$space-x-base * 1.5
+	),
+	y: (
+		$space-y-base * 1.5
+	)
+) !default;
+$space-xl: (
+	x: (
+		$space-x-base * 3
+	),
+	y: (
+		$space-y-base * 3
+	)
+) !default;
+$spaces: (
+	'none': $space-none,
+	'xs': $space-xs,
+	'sm': $space-sm,
+	'md': $space-md,
+	'lg': $space-lg,
+	'xl': $space-xl
+) !default;
+$breakpoint-xs: 599px !default;
+$breakpoint-sm: 1023px !default;
+$breakpoint-md: 1439px !default;
+$breakpoint-lg: 1919px !default;
+$font-size-base: 0.9rem !default;
+$line-height-base: 1.5 !default;
+$font-weight-thin: 100;
+$font-weight-light: 300;
+$font-weight-regular: 400;
+$font-weight-italic: 400;
+$font-weight-bold: 700;
+$font-weight-black: 900;
+$btn-bg-primary: var(--q-theme-primary);
+$btn-color-primary: var(--q-theme-on-primary);
+$btn-hover-bg-primary: var(--q-theme-primary-dark);
+$btn-bg-secondary: var(--q-theme-secondary);
+$btn-color-secondary: var(--q-theme-primary);
+$btn-bg-danger: var(--q-theme-danger);
+$btn-color-danger: var(--q-theme-on-danger);
+$btn-hover-bg-danger: var(--q-theme-danger-dark);
+$btn-color-link: var(--q-theme-primary);
+.q-btn {
+	$this: &;
+	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: $border-radius;
+	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;
+	@if $compact {
+		line-height: 15px;
+	} @else {
+		line-height: 16px;
+	}
+	&:hover:not(:disabled) {
+		cursor: pointer;
+	}
+	&__content {
+		position: relative;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		font-size: $font-size-base;
+		white-space: nowrap;
+		gap: 0.25rem;
+		pointer-events: none;
+		@if $compact {
+			line-height: 15px;
+			min-width: 15px;
+		} @else {
+			line-height: 16px;
+			min-width: 16px;
+		}
+	}
+	.e-icon__svg {
+		padding: 0;
+		margin: 0;
+		fill: currentColor;
+		@if $compact {
+			width: 15px;
+			height: 15px;
+		} @else {
+			width: 16px;
+			height: 16px;
+		}
+	}
+	.q-spinner-loader {
+		color: currentColor;
+	}
+	
+	&:disabled {
+		opacity: 0.6;
+	}
+	&--loading {
+		span {
+			visibility: hidden;
+		}
+	}
+	
+	&--primary {
+		background-color: $btn-bg-primary;
+		border-color: $btn-bg-primary;
+		color: $btn-color-primary;
+		&:hover:not(:disabled) {
+			background-color: $btn-hover-bg-primary;
+			border-color: $btn-hover-bg-primary;
+		}
+	}
+	&--secondary {
+		border-color: currentColor;
+		color: $btn-color-secondary;
+		&:hover:not(:disabled) {
+			background-color: $btn-hover-bg-primary;
+			border-color: $btn-hover-bg-primary;
+			color: $btn-color-primary;
+		}
+	}
+	&--danger {
+		background-color: $btn-bg-danger;
+		border-color: $btn-bg-danger;
+		color: $btn-color-danger;
+		&:hover:not(:disabled) {
+			background-color: $btn-hover-bg-danger;
+			border-color: $btn-hover-bg-danger;
+		}
+	}
+	&--link {
+		background-color: transparent;
+		border-color: transparent;
+		color: $btn-color-link;
+		&:hover:not(:disabled),
+		&:focus:not(:disabled) {
+			background-color: transparent;
+			border-color: transparent;
+			span {
+				text-decoration: underline;
+				text-underline-offset: 0.25rem;
+			}
+		}
+	}
+	
+	&--small {
+		padding: 0.25rem;
+		line-height: 14px;
+		span {
+			font-size: 0.75rem;
+			line-height: 14px;
+		}
+		.e-icon__svg {
+			width: 14px;
+			height: 14px;
+		}
+	}
+	
+	&--borderless {
+		border-color: transparent;
+	}
+	&--elevated {
+		box-shadow:
+			0px 2px 4px -1px rgba(0, 0, 0, 0.2),
+			0px 4px 5px 0px rgba(0, 0, 0, 0.14),
+			0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+	}
+	
+	&--block {
+		display: block;
+		width: 100%;
+		padding: 0.5rem;
+		span {
+			gap: 0.5rem;
+		}
+		& + & {
+			margin-top: 0.5rem;
+		}
+	}
+	&__spinner {
+		position: absolute;
+		left: 50%;
+		transform: translateX(-50%);
+	}
+}
+$btn-bg-active: var(--q-theme-primary-light);
+.q-btn-group {
+	position: relative;
+	display: -ms-inline-flexbox;
+	display: inline-flex;
+	border-radius: $border-radius;
+	&--elevated {
+		box-shadow:
+			0px 2px 4px -1px rgba(0, 0, 0, 0.2),
+			0px 4px 5px 0px rgba(0, 0, 0, 0.14),
+			0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+	}
+	> .q-btn {
+		position: relative;
+		flex: 0 1 auto;
+		&--active {
+			z-index: 2;
+			background-color: $btn-bg-active;
+		}
+		&:not(:last-child) {
+			border-top-right-radius: 0;
+			border-bottom-right-radius: 0;
+		}
+		&:not(:first-child) {
+			border-top-left-radius: 0;
+			border-bottom-left-radius: 0;
+			margin-left: -1px;
+		}
+		&:hover {
+			z-index: 3;
+		}
+	}
+}
+$line-color: var(--q-theme-primary);
+.q-line-loader {
+	width: 100%;
+	height: 2px;
+	display: inline-block;
+	position: relative;
+	background: transparent;
+	overflow: hidden;
+	&::after {
+		content: '';
+		min-width: 33%;
+		height: 2px;
+		background: linear-gradient(
+			to right,
+			rgb(237, 235, 233) 0%,
+			$line-color 50%,
+			rgb(237, 235, 233) 100%
+		);
+		position: absolute;
+		top: 0;
+		left: 0;
+		box-sizing: border-box;
+		-webkit-animation: q-move 2s linear infinite;
+		-moz-animation: q-move 2s linear infinite;
+		-ms-animation: q-move 2s linear infinite;
+		-o-animation: q-move 2s linear infinite;
+		animation: q-move 2s linear infinite;
+	}
+}
+@keyframes q-move {
+	0% {
+		left: 0;
+		transform: translateX(-100%);
+	}
+	100% {
+		left: 100%;
+		transform: translateX(0%);
+	}
+}
+$overlay-border-width: 1px;
+$overlay-arrow-width: 1rem;
+$overlay-arrow-height: 0.5rem;
+.q-overlay {
+	$this: &;
+	--q-overlay-bg: var(--q-theme-background);
+	--q-overlay-color: var(--q-theme-on-background);
+	--q-overlay-border-color: var(--q-theme-border-light);
+	position: absolute;
+	&__content {
+		display: block;
+		position: relative;
+		transform: translateX(-50%);
+		width: max-content;
+		z-index: 1070;
+		background-color: var(--q-overlay-bg);
+		color: var(--q-overlay-color);
+		background-clip: padding-box;
+		border: $overlay-border-width solid var(--q-overlay-border-color);
+		border-radius: $border-radius;
+		box-shadow:
+			0 0 #0000,
+			0 0 #0000,
+			0 4px 6px -1px rgba(0, 0, 0, 0.1),
+			0 2px 4px -2px rgba(0, 0, 0, 0.1);
+	}
+	&__arrow {
+		position: absolute;
+		display: block;
+		width: $overlay-arrow-width;
+		height: $overlay-arrow-height;
+		&::before,
+		&::after {
+			position: absolute;
+			display: block;
+			content: '';
+			border-color: transparent;
+			border-style: solid;
+			border-width: 0;
+		}
+	}
+	&--top {
+		#{$this}__arrow {
+			left: calc(50% - $overlay-arrow-height);
+			bottom: calc(-1 * ($overlay-arrow-height) - $overlay-border-width);
+			&::before,
+			&::after {
+				border-width: $overlay-arrow-height calc($overlay-arrow-width * 0.5) 0;
+			}
+			&::before {
+				bottom: 0;
+				border-top-color: var(--q-overlay-border-color);
+			}
+			&::after {
+				bottom: $overlay-border-width;
+				border-top-color: var(--q-overlay-bg);
+			}
+		}
+	}
+	&--bottom {
+		#{$this}__arrow {
+			top: calc(-1 * ($overlay-arrow-height) - $overlay-border-width);
+			left: calc(50% - $overlay-arrow-height);
+			&::before,
+			&::after {
+				border-width: 0 calc($overlay-arrow-width * 0.5) $overlay-arrow-height;
+			}
+			&::before {
+				top: 0;
+				border-bottom-color: var(--q-overlay-border-color);
+			}
+			&::after {
+				top: $overlay-border-width;
+				border-bottom-color: var(--q-overlay-bg);
+			}
+		}
+	}
+	&--left {
+		#{$this}__arrow {
+			top: calc(50% - $overlay-arrow-height);
+			right: calc(-1 * $overlay-arrow-height);
+			
+			width: $overlay-arrow-height;
+			height: $overlay-arrow-width;
+			&::before,
+			&::after {
+				border-width: calc($overlay-arrow-width * 0.5) 0 calc($overlay-arrow-width * 0.5)
+					$overlay-arrow-height;
+			}
+			&::before {
+				right: 0;
+				border-left-color: var(--q-overlay-border-color);
+			}
+			&::after {
+				right: $overlay-border-width;
+				border-left-color: var(--q-overlay-bg);
+			}
+		}
+	}
+	&--right {
+		#{$this}__arrow {
+			top: calc(50% - $overlay-arrow-height);
+			left: calc(-1 * $overlay-arrow-height);
+			width: $overlay-arrow-height;
+			height: $overlay-arrow-width;
+			&::before,
+			&::after {
+				border-width: calc($overlay-arrow-width * 0.5) $overlay-arrow-height
+					calc($overlay-arrow-width * 0.5) 0;
+			}
+			&::before {
+				left: 0;
+				border-right-color: var(--q-overlay-border-color);
+			}
+			&::after {
+				left: 1px;
+				border-right-color: var(--q-overlay-bg);
+			}
+		}
+	}
+	
+	&--inverted {
+		
+		--q-overlay-bg: var(--q-theme-on-background);
+		--q-overlay-color: var(--q-theme-background);
+		--q-overlay-border-color: transparent;
+	}
+}
+$popover-header-bg: var(--q-theme-border-light);
+.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: calc($font-size-base * 0.875);
+	}
+	&__header {
+		padding: 0.5rem 1rem;
+		margin: 0;
+		font-size: $font-size-base;
+		background-color: $popover-header-bg;
+	}
+	&__body {
+		padding: 1rem;
+	}
+}
+.q-popover.q-overlay--bottom .q-overlay__arrow::after {
+	border-bottom-color: $popover-header-bg;
+}
+$spinner-color: var(--q-theme-primary);
+.q-spinner-loader {
+	display: flex;
+	position: relative;
+	width: 1em;
+	height: 1em;
+	font-size: 48px;
+	line-height: 1;
+	align-items: center;
+	justify-content: center;
+	color: $spinner-color;
+	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;
+	}
+	.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: $font-weight-regular;
+	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/utils/defineComponent.d.ts

@@ -0,0 +1,4 @@
+import { ComponentOptions, VNode } from 'vue';
+export declare function propIsDefined(vnode: VNode, prop: string): boolean;
+export declare function defineComponent(component: ComponentOptions): ComponentOptions;
+//# sourceMappingURL=defineComponent.d.ts.map