@quilltap/theme-storybook 1.0.67 → 1.0.68
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 +20 -0
- package/package.json +1 -1
- package/src/css/qt-components.css +35 -0
package/dist/index.css
CHANGED
|
@@ -946,6 +946,26 @@ 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
|
+
}
|
|
949
969
|
.qt-badge-wardrobe-top,
|
|
950
970
|
.qt-badge-wardrobe-bottom,
|
|
951
971
|
.qt-badge-wardrobe-footwear,
|
package/package.json
CHANGED
|
@@ -1032,6 +1032,41 @@
|
|
|
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
|
+
|
|
1035
1070
|
/* ==========================================================================
|
|
1036
1071
|
WARDROBE SLOT BADGES
|
|
1037
1072
|
========================================================================== */
|