quasar-cosmos-design-system 0.0.21 → 0.0.23
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
i.material-symbols-rounded{font-family:Material Symbols Rounded!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz"
|
|
1
|
+
i.material-symbols-rounded{font-family:Material Symbols Rounded!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}i.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.c-btn[data-v-9a51f787]{text-transform:none;font-size:1rem;border-radius:.25rem;padding:10px 16px;line-height:28px;font-weight:700}.c-btn .q-btn__content[data-v-9a51f787]{padding:0}.c-btn--lg[data-v-9a51f787] .q-icon{font-size:24px}.c-btn--md[data-v-9a51f787] .q-icon{font-size:20px}.c-btn--sm[data-v-9a51f787] .q-icon{font-size:18px}.c-btn[data-v-9a51f787] .on-left{margin-right:8px}.c-btn[data-v-9a51f787] .on-right{margin-left:8px}.c-btn--icon-only[data-v-9a51f787]{padding:0}.c-btn--icon-only.c-btn--lg[data-v-9a51f787]{min-height:48px;width:48px}.c-btn--icon-only.c-btn--md[data-v-9a51f787]{min-height:32px;width:32px}.c-btn--icon-only.c-btn--sm[data-v-9a51f787]{min-height:24px;width:24px}.c-btn--dense[data-v-9a51f787]{padding:.25rem 1rem;font-size:.875rem}.c-btn--dense[data-v-9a51f787] .q-icon{font-size:18px}.c-btn.disabled[data-v-9a51f787],.c-btn[disabled][data-v-9a51f787]{background-color:#f0f2f8;color:#c9cbd6;border:.0625rem solid #C9CBD6}.c-btn--primary[data-v-9a51f787]{background-color:#5b1979;color:#fff}.c-btn--secondary[data-v-9a51f787]{background-color:#f7f6ff;color:#5b1979}.c-btn--tertiary[data-v-9a51f787]{background-color:transparent;color:#5b1979;border:.0625rem solid #5b1979}.c-btn--error[data-v-9a51f787]{background-color:#983043;color:#fff}.c-btn--success[data-v-9a51f787]{background-color:#14a696;color:#fff}.c-btn--warning[data-v-9a51f787]{background-color:#bd820f;color:#fff}.c-btn.q-btn--flat[data-v-9a51f787]{background-color:transparent;color:#5b1979}.c-btn.q-btn--flat.disabled[data-v-9a51f787],.c-btn.q-btn--flat[disabled][data-v-9a51f787]{color:#c9cbd6;border:none}.c-btn.text-white[data-v-9a51f787]{color:inherit!important}.c-breadcrumbs[data-v-32c843e9]{text-transform:none;font-weight:400}.c-breadcrumbs .q-breadcrumbs--last .q-breadcrumbs__el[data-v-32c843e9]{color:#5b1979}.c-breadcrumbs .q-breadcrumbs__separator[data-v-32c843e9],.c-breadcrumbs a.q-breadcrumbs__el[data-v-32c843e9],.c-breadcrumbs .q-breadcrumbs__el[data-v-32c843e9]{color:#bbb}.c-breadcrumbs a.q-breadcrumbs__el[data-v-32c843e9]:hover,.c-breadcrumbs .q-breadcrumbs__el[data-v-32c843e9]:hover{color:#7543a7}.c-breadcrumbs a.q-breadcrumbs__el-icon[data-v-32c843e9],.c-breadcrumbs .q-breadcrumbs__el-icon[data-v-32c843e9]{padding-right:.5rem}.c-breadcrumbs .q-breadcrumbs__el--underline .q-breadcrumbs__el-label[data-v-32c843e9]:hover{text-decoration:underline}.c-breadcrumbs .q-breadcrumbs__el--disabled[data-v-32c843e9]{pointer-events:none;cursor:not-allowed}.c-breadcrumbs .q-breadcrumbs__el--disabled .q-breadcrumbs__el-label[data-v-32c843e9]{text-decoration:none}.c-header[data-v-54b02e38]{display:flex;flex-direction:column;gap:16px}.c-header__content[data-v-54b02e38]{display:flex;justify-content:space-between;align-items:center;gap:16px}.c-header__actions[data-v-54b02e38]{display:flex;gap:8px}.c-header__breadcrumbs[data-v-54b02e38]{flex-grow:1}.c-header__back[data-v-54b02e38]{display:flex;align-items:center}.c-header__title[data-v-54b02e38]{display:flex;flex-direction:column;gap:8px}.c-header__title h1[data-v-54b02e38]{margin:0;padding:0;color:#333a44;font-weight:700;font-size:32px;line-height:44px}.c-header__title h2[data-v-54b02e38]{color:#333a44;margin:0;padding:0;font-weight:400;font-size:16px;line-height:28px}.c-tabs[data-v-1093900d]{border-bottom:4px solid #5b1979}.c-tabs[data-v-1093900d] .q-tab__indicator{display:none}.c-tabs[data-v-1093900d] .q-tabs__content{gap:0px 4px}.c-tabs[data-v-1093900d] .q-tab{border-radius:4px 4px 0 0;overflow:hidden;background-color:#f0f2f8;padding:12px 24px}.c-tabs[data-v-1093900d] .q-tab.disabled,.c-tabs[data-v-1093900d] .q-tab[disabled]{background-color:#f0f2f8!important}.c-tabs[data-v-1093900d] .q-tab.disabled .q-tab__label,.c-tabs[data-v-1093900d] .q-tab.disabled .q-tab__icon,.c-tabs[data-v-1093900d] .q-tab[disabled] .q-tab__label,.c-tabs[data-v-1093900d] .q-tab[disabled] .q-tab__icon{color:#c9cbd6!important}.c-tabs[data-v-1093900d] .q-tab__content{padding:0}.c-tabs[data-v-1093900d] .q-tab__label{text-transform:none;font-size:16px;font-weight:500;line-height:24px;color:#000}.c-tabs[data-v-1093900d] .q-tab--active{background-color:#5b1979}.c-tabs[data-v-1093900d] .q-tab--active .q-tab__label,.c-tabs[data-v-1093900d] .q-tab--active .q-tab__icon{color:#fff}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computed as f, markRaw as ot, defineComponent as be, getCurrentInstance as J, h, ref as O, onBeforeUnmount as se, Transition as Ht, withDirectives as Nt, useSlots as Pe,
|
|
1
|
+
import { computed as f, markRaw as ot, defineComponent as be, getCurrentInstance as J, h, ref as O, onBeforeUnmount as se, Transition as Ht, withDirectives as Nt, useSlots as Pe, openBlock as V, createBlock as X, normalizeProps as it, guardReactiveProps as lt, createSlots as st, renderList as Me, unref as G, withCtx as de, renderSlot as fe, mergeProps as ut, createVNode as ct, createElementBlock as Ce, Fragment as dt, normalizeClass as Qt, createElementVNode as D, createCommentVNode as ft, toDisplayString as qe, reactive as Wt, onMounted as Be, nextTick as Te, onDeactivated as Oe, watch as ge, provide as Ft, onActivated as Kt } from "vue";
|
|
2
2
|
const $e = {
|
|
3
3
|
xs: 18,
|
|
4
4
|
sm: 24,
|
|
@@ -963,13 +963,13 @@ const Rn = /* @__PURE__ */ be({
|
|
|
963
963
|
const t = e, r = ["c-breadcrumbs"];
|
|
964
964
|
return (a, n) => (V(), X(G(On), ut({ class: r }, t), {
|
|
965
965
|
separator: de(() => [
|
|
966
|
-
|
|
966
|
+
ct(Y, {
|
|
967
967
|
size: "1.5em",
|
|
968
968
|
name: "sym_r_keyboard_arrow_right"
|
|
969
969
|
})
|
|
970
970
|
]),
|
|
971
971
|
default: de(() => [
|
|
972
|
-
(V(!0), Ce(
|
|
972
|
+
(V(!0), Ce(dt, null, Me(a.breadcrumbs, (d, l) => (V(), X(Pn, {
|
|
973
973
|
key: l,
|
|
974
974
|
to: d.to,
|
|
975
975
|
class: Qt({
|
|
@@ -983,7 +983,7 @@ const Rn = /* @__PURE__ */ be({
|
|
|
983
983
|
key: 0,
|
|
984
984
|
name: d.icon,
|
|
985
985
|
class: "q-breadcrumbs__el-icon"
|
|
986
|
-
}, null, 8, ["name"])) :
|
|
986
|
+
}, null, 8, ["name"])) : ft("", !0),
|
|
987
987
|
D("span", In, qe(d.label), 1)
|
|
988
988
|
])
|
|
989
989
|
]),
|
|
@@ -1010,13 +1010,13 @@ const Rn = /* @__PURE__ */ be({
|
|
|
1010
1010
|
return Pe(), (r, a) => (V(), Ce("header", jn, [
|
|
1011
1011
|
D("div", Dn, [
|
|
1012
1012
|
D("div", Vn, [
|
|
1013
|
-
|
|
1013
|
+
ct(G(Tt), {
|
|
1014
1014
|
breadcrumbs: t.breadcrumbs
|
|
1015
1015
|
}, null, 8, ["breadcrumbs"])
|
|
1016
1016
|
]),
|
|
1017
1017
|
D("div", Hn, [
|
|
1018
1018
|
fe(r.$slots, "back", {}, () => [
|
|
1019
|
-
t.back ? (V(), Ce(
|
|
1019
|
+
t.back ? (V(), Ce(dt, { key: 0 }, [
|
|
1020
1020
|
t.backRoute ? (V(), X(G(Le), {
|
|
1021
1021
|
key: 0,
|
|
1022
1022
|
to: t.backRoute,
|
|
@@ -1034,7 +1034,7 @@ const Rn = /* @__PURE__ */ be({
|
|
|
1034
1034
|
size: "md",
|
|
1035
1035
|
flat: ""
|
|
1036
1036
|
}, null, 8, ["icon", "label"]))
|
|
1037
|
-
], 64)) :
|
|
1037
|
+
], 64)) : ft("", !0)
|
|
1038
1038
|
], !0)
|
|
1039
1039
|
])
|
|
1040
1040
|
]),
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
|
|
20
20
|
&--md
|
|
21
21
|
:deep(.q-icon)
|
|
22
|
-
font-size:
|
|
22
|
+
font-size: 20px
|
|
23
23
|
|
|
24
24
|
&--sm
|
|
25
25
|
:deep(.q-icon)
|
|
26
|
-
font-size:
|
|
26
|
+
font-size: 18px
|
|
27
27
|
|
|
28
28
|
// Ícones alinhados
|
|
29
29
|
:deep(.on-left)
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
font-size: mixins.toRem(14)
|
|
55
55
|
|
|
56
56
|
:deep(.q-icon)
|
|
57
|
-
font-size:
|
|
57
|
+
font-size: 18px
|
|
58
58
|
|
|
59
59
|
// Estado desabilitado
|
|
60
60
|
&.disabled,
|
|
@@ -15,7 +15,7 @@ i.material-symbols-rounded
|
|
|
15
15
|
white-space: nowrap
|
|
16
16
|
word-wrap: normal
|
|
17
17
|
direction: ltr
|
|
18
|
-
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz'
|
|
18
|
+
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24
|
|
19
19
|
-webkit-font-feature-settings: 'liga'
|
|
20
20
|
-webkit-font-smoothing: antialiased
|
|
21
21
|
|
|
@@ -31,6 +31,6 @@ i.material-symbols-outlined
|
|
|
31
31
|
white-space: nowrap
|
|
32
32
|
word-wrap: normal
|
|
33
33
|
direction: ltr
|
|
34
|
-
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz'
|
|
34
|
+
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24
|
|
35
35
|
-webkit-font-feature-settings: 'liga'
|
|
36
36
|
-webkit-font-smoothing: antialiased
|