@quilltap/theme-storybook 1.0.14 → 1.0.16
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/CHANGELOG.md +10 -0
- package/dist/index.css +10 -0
- package/package.json +1 -1
- package/src/css/qt-components.css +14 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to `@quilltap/theme-storybook` will be documented in this file.
|
|
4
4
|
|
|
5
|
+
## [1.0.16] - 2026-01-30
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
- `.qt-dialog-wide` class for dialogs that match page container width (uses `--qt-page-max-width` variable)
|
|
9
|
+
|
|
10
|
+
## [1.0.15] - 2026-01-29
|
|
11
|
+
|
|
12
|
+
### Added
|
|
13
|
+
- `.qt-button-warning` class for cautionary action buttons (uses `--qt-button-warning-*` variables)
|
|
14
|
+
|
|
5
15
|
## [1.0.14] - 2026-01-25
|
|
6
16
|
|
|
7
17
|
### Added
|
package/dist/index.css
CHANGED
|
@@ -365,6 +365,13 @@ body {
|
|
|
365
365
|
.qt-button-destructive:hover:not(:disabled) {
|
|
366
366
|
background-color: var(--qt-button-destructive-hover-bg);
|
|
367
367
|
}
|
|
368
|
+
.qt-button-warning {
|
|
369
|
+
background-color: var(--qt-button-warning-bg);
|
|
370
|
+
color: var(--qt-button-warning-fg);
|
|
371
|
+
}
|
|
372
|
+
.qt-button-warning:hover:not(:disabled) {
|
|
373
|
+
background-color: var(--qt-button-warning-hover-bg);
|
|
374
|
+
}
|
|
368
375
|
.qt-button-success {
|
|
369
376
|
display: inline-flex;
|
|
370
377
|
align-items: center;
|
|
@@ -653,6 +660,9 @@ body {
|
|
|
653
660
|
padding: 1.5rem;
|
|
654
661
|
padding-top: 0;
|
|
655
662
|
}
|
|
663
|
+
.qt-dialog-wide {
|
|
664
|
+
max-width: min(var(--qt-page-max-width, 75rem), calc(100vw - 2rem));
|
|
665
|
+
}
|
|
656
666
|
.qt-tabs {
|
|
657
667
|
display: flex;
|
|
658
668
|
gap: 0.25rem;
|
package/package.json
CHANGED
|
@@ -284,6 +284,15 @@
|
|
|
284
284
|
background-color: var(--qt-button-destructive-hover-bg);
|
|
285
285
|
}
|
|
286
286
|
|
|
287
|
+
.qt-button-warning {
|
|
288
|
+
background-color: var(--qt-button-warning-bg);
|
|
289
|
+
color: var(--qt-button-warning-fg);
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.qt-button-warning:hover:not(:disabled) {
|
|
293
|
+
background-color: var(--qt-button-warning-hover-bg);
|
|
294
|
+
}
|
|
295
|
+
|
|
287
296
|
.qt-button-success {
|
|
288
297
|
display: inline-flex;
|
|
289
298
|
align-items: center;
|
|
@@ -633,6 +642,11 @@
|
|
|
633
642
|
padding-top: 0;
|
|
634
643
|
}
|
|
635
644
|
|
|
645
|
+
/* Wide dialog variant - matches page container width */
|
|
646
|
+
.qt-dialog-wide {
|
|
647
|
+
max-width: min(var(--qt-page-max-width, 75rem), calc(100vw - 2rem));
|
|
648
|
+
}
|
|
649
|
+
|
|
636
650
|
/* ==========================================================================
|
|
637
651
|
TAB COMPONENTS
|
|
638
652
|
========================================================================== */
|