@quilltap/theme-storybook 1.0.67 → 1.0.69
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/index.css +33 -0
- package/package.json +1 -1
- package/src/css/qt-components.css +59 -0
package/dist/index.css
CHANGED
|
@@ -946,6 +946,39 @@ body {
|
|
|
946
946
|
color: var(--qt-status-info-fg);
|
|
947
947
|
border: 1px solid var(--qt-status-info-border);
|
|
948
948
|
}
|
|
949
|
+
.qt-danger-badge {
|
|
950
|
+
--qt-concierge-badge-color: var(--color-destructive, #dc2626);
|
|
951
|
+
display: inline-flex;
|
|
952
|
+
align-items: center;
|
|
953
|
+
gap: 0.25rem;
|
|
954
|
+
padding: 0.125rem 0.375rem;
|
|
955
|
+
border-radius: 0.25rem;
|
|
956
|
+
font-size: 0.75rem;
|
|
957
|
+
line-height: 1rem;
|
|
958
|
+
font-weight: 500;
|
|
959
|
+
background: color-mix(in srgb, var(--qt-concierge-badge-color) 15%, transparent);
|
|
960
|
+
color: var(--qt-concierge-badge-color);
|
|
961
|
+
border: 1px solid color-mix(in srgb, var(--qt-concierge-badge-color) 40%, transparent);
|
|
962
|
+
}
|
|
963
|
+
.qt-danger-badge-muted {
|
|
964
|
+
--qt-concierge-badge-color: var(--color-muted-foreground, #6b7280);
|
|
965
|
+
}
|
|
966
|
+
.qt-danger-badge-info {
|
|
967
|
+
--qt-concierge-badge-color: var(--color-info, #2563eb);
|
|
968
|
+
}
|
|
969
|
+
.qt-concierge-mark {
|
|
970
|
+
--qt-concierge-mark-color: var(--color-destructive, #dc2626);
|
|
971
|
+
display: inline-block;
|
|
972
|
+
font-weight: 700;
|
|
973
|
+
line-height: 1;
|
|
974
|
+
color: var(--qt-concierge-mark-color);
|
|
975
|
+
}
|
|
976
|
+
.qt-concierge-mark-muted {
|
|
977
|
+
--qt-concierge-mark-color: var(--color-muted-foreground, #6b7280);
|
|
978
|
+
}
|
|
979
|
+
.qt-concierge-mark-info {
|
|
980
|
+
--qt-concierge-mark-color: var(--color-info, #2563eb);
|
|
981
|
+
}
|
|
949
982
|
.qt-badge-wardrobe-top,
|
|
950
983
|
.qt-badge-wardrobe-bottom,
|
|
951
984
|
.qt-badge-wardrobe-footwear,
|
package/package.json
CHANGED
|
@@ -1032,6 +1032,65 @@
|
|
|
1032
1032
|
border: 1px solid var(--qt-status-info-border);
|
|
1033
1033
|
}
|
|
1034
1034
|
|
|
1035
|
+
/* ==========================================================================
|
|
1036
|
+
CONCIERGE BADGE (Salon breadcrumb header)
|
|
1037
|
+
========================================================================== */
|
|
1038
|
+
|
|
1039
|
+
/**
|
|
1040
|
+
* Concierge badge for the Salon breadcrumb header. Parameterized over one
|
|
1041
|
+
* CSS var so the four-state family is a recolor, not four rules: the base
|
|
1042
|
+
* is the red Flagged pill; the modifiers below recolor it for the two
|
|
1043
|
+
* operator states (Monitored renders no badge at all).
|
|
1044
|
+
*/
|
|
1045
|
+
.qt-danger-badge {
|
|
1046
|
+
--qt-concierge-badge-color: var(--color-destructive, #dc2626);
|
|
1047
|
+
display: inline-flex;
|
|
1048
|
+
align-items: center;
|
|
1049
|
+
gap: 0.25rem;
|
|
1050
|
+
padding: 0.125rem 0.375rem;
|
|
1051
|
+
border-radius: 0.25rem;
|
|
1052
|
+
font-size: 0.75rem;
|
|
1053
|
+
line-height: 1rem;
|
|
1054
|
+
font-weight: 500;
|
|
1055
|
+
background: color-mix(in srgb, var(--qt-concierge-badge-color) 15%, transparent);
|
|
1056
|
+
color: var(--qt-concierge-badge-color);
|
|
1057
|
+
border: 1px solid color-mix(in srgb, var(--qt-concierge-badge-color) 40%, transparent);
|
|
1058
|
+
}
|
|
1059
|
+
|
|
1060
|
+
/* Vouched Safe — no colour: the Concierge isn't in the room. */
|
|
1061
|
+
.qt-danger-badge-muted {
|
|
1062
|
+
--qt-concierge-badge-color: var(--color-muted-foreground, #6b7280);
|
|
1063
|
+
}
|
|
1064
|
+
|
|
1065
|
+
/* Uncensored — the eye you closed yourself. */
|
|
1066
|
+
.qt-danger-badge-info {
|
|
1067
|
+
--qt-concierge-badge-color: var(--color-info, #2563eb);
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
/**
|
|
1071
|
+
* Concierge mark — the list-view asterisk, on chat cards and the homepage's
|
|
1072
|
+
* Recent Chats. Same three tones as the badge above and the same colour
|
|
1073
|
+
* tokens, so a theme that retints one retints both. Monitored draws no mark,
|
|
1074
|
+
* so there is no third modifier.
|
|
1075
|
+
*/
|
|
1076
|
+
.qt-concierge-mark {
|
|
1077
|
+
--qt-concierge-mark-color: var(--color-destructive, #dc2626);
|
|
1078
|
+
display: inline-block;
|
|
1079
|
+
font-weight: 700;
|
|
1080
|
+
line-height: 1;
|
|
1081
|
+
color: var(--qt-concierge-mark-color);
|
|
1082
|
+
}
|
|
1083
|
+
|
|
1084
|
+
/* Vouched Safe — no colour: the Concierge isn't in the room. */
|
|
1085
|
+
.qt-concierge-mark-muted {
|
|
1086
|
+
--qt-concierge-mark-color: var(--color-muted-foreground, #6b7280);
|
|
1087
|
+
}
|
|
1088
|
+
|
|
1089
|
+
/* Uncensored — the eye you closed yourself. */
|
|
1090
|
+
.qt-concierge-mark-info {
|
|
1091
|
+
--qt-concierge-mark-color: var(--color-info, #2563eb);
|
|
1092
|
+
}
|
|
1093
|
+
|
|
1035
1094
|
/* ==========================================================================
|
|
1036
1095
|
WARDROBE SLOT BADGES
|
|
1037
1096
|
========================================================================== */
|