@quilltap/theme-storybook 1.0.82 → 1.0.83
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 +8 -0
- package/package.json +1 -1
- package/src/css/qt-components.css +13 -0
package/dist/index.css
CHANGED
|
@@ -298,6 +298,8 @@ body {
|
|
|
298
298
|
--qt-status-danger-bg: color-mix(in srgb, var(--color-destructive) 85%, transparent);
|
|
299
299
|
--qt-status-danger-fg: var(--color-destructive-foreground);
|
|
300
300
|
--qt-status-danger-border: var(--color-destructive);
|
|
301
|
+
--qt-punctuation-warning-bg: color-mix(in srgb, var(--color-warning) 35%, transparent);
|
|
302
|
+
--qt-punctuation-warning-underline: var(--color-warning);
|
|
301
303
|
--qt-badge-primary-bg: var(--color-primary);
|
|
302
304
|
--qt-badge-primary-fg: var(--color-primary-foreground);
|
|
303
305
|
--qt-badge-secondary-bg: var(--color-secondary);
|
|
@@ -1911,6 +1913,12 @@ body {
|
|
|
1911
1913
|
animation: none;
|
|
1912
1914
|
}
|
|
1913
1915
|
}
|
|
1916
|
+
::highlight(qt-punctuation-warning) {
|
|
1917
|
+
background-color: var(--qt-punctuation-warning-bg);
|
|
1918
|
+
-webkit-text-decoration: underline wavy var(--qt-punctuation-warning-underline);
|
|
1919
|
+
text-decoration: underline wavy var(--qt-punctuation-warning-underline);
|
|
1920
|
+
text-decoration-thickness: 2px;
|
|
1921
|
+
}
|
|
1914
1922
|
.qt-lexical-contenteditable {
|
|
1915
1923
|
overflow-y: auto;
|
|
1916
1924
|
position: relative;
|
package/package.json
CHANGED
|
@@ -166,6 +166,10 @@
|
|
|
166
166
|
--qt-status-danger-fg: var(--color-destructive-foreground);
|
|
167
167
|
--qt-status-danger-border: var(--color-destructive);
|
|
168
168
|
|
|
169
|
+
/* Composer punctuation warnings (PunctuationLintPlugin, ::highlight) */
|
|
170
|
+
--qt-punctuation-warning-bg: color-mix(in srgb, var(--color-warning) 35%, transparent);
|
|
171
|
+
--qt-punctuation-warning-underline: var(--color-warning);
|
|
172
|
+
|
|
169
173
|
/* Badge palette tokens - referenced by the provider badges */
|
|
170
174
|
--qt-badge-primary-bg: var(--color-primary);
|
|
171
175
|
--qt-badge-primary-fg: var(--color-primary-foreground);
|
|
@@ -2302,6 +2306,15 @@
|
|
|
2302
2306
|
.qt-chat-interrupt-button-raised { animation: none; }
|
|
2303
2307
|
}
|
|
2304
2308
|
|
|
2309
|
+
/* Composer punctuation warnings — painted by PunctuationLintPlugin through the
|
|
2310
|
+
CSS Custom Highlight API, so no element carries a class. Only background and
|
|
2311
|
+
text-decoration are styleable on a ::highlight. */
|
|
2312
|
+
::highlight(qt-punctuation-warning) {
|
|
2313
|
+
background-color: var(--qt-punctuation-warning-bg);
|
|
2314
|
+
text-decoration: underline wavy var(--qt-punctuation-warning-underline);
|
|
2315
|
+
text-decoration-thickness: 2px;
|
|
2316
|
+
}
|
|
2317
|
+
|
|
2305
2318
|
/* Lexical editor rich text node styles */
|
|
2306
2319
|
.qt-lexical-contenteditable {
|
|
2307
2320
|
overflow-y: auto;
|