@quilltap/theme-storybook 1.0.19 → 1.0.20

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 CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  All notable changes to `@quilltap/theme-storybook` will be documented in this file.
4
4
 
5
+ ## [1.0.20] - 2026-02-09
6
+
7
+ ### Added
8
+ - `qt-shadow-lg` utility class for elevated surfaces (dropdowns, modals)
9
+ - `hover:qt-bg-primary/10` hover background utility class
10
+
5
11
  ## [1.0.18] - 2026-02-08
6
12
 
7
13
  ### Changed
package/dist/index.css CHANGED
@@ -1030,6 +1030,9 @@ body {
1030
1030
  .hover\:qt-bg-info\/10:hover {
1031
1031
  background-color: color-mix(in srgb, var(--color-info) 10%, transparent);
1032
1032
  }
1033
+ .hover\:qt-bg-primary\/10:hover {
1034
+ background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
1035
+ }
1033
1036
  .qt-left-sidebar {
1034
1037
  display: flex;
1035
1038
  flex-direction: column;
@@ -1460,6 +1463,9 @@ body {
1460
1463
  .qt-shadow-md {
1461
1464
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1462
1465
  }
1466
+ .qt-shadow-lg {
1467
+ box-shadow: var(--qt-dialog-shadow, 0 10px 25px hsl(225 18% 10% / 0.15), 0 4px 10px hsl(225 18% 10% / 0.08));
1468
+ }
1463
1469
  .hover\:qt-bg-surface-alt:hover {
1464
1470
  background-color: var(--color-muted);
1465
1471
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quilltap/theme-storybook",
3
- "version": "1.0.19",
3
+ "version": "1.0.20",
4
4
  "description": "Storybook preset and stories for developing Quilltap theme plugins",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -1093,6 +1093,10 @@
1093
1093
  background-color: color-mix(in srgb, var(--color-info) 10%, transparent);
1094
1094
  }
1095
1095
 
1096
+ .hover\:qt-bg-primary\/10:hover {
1097
+ background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
1098
+ }
1099
+
1096
1100
  /* ==========================================================================
1097
1101
  LEFT SIDEBAR COMPONENTS
1098
1102
  ========================================================================== */
@@ -1641,6 +1645,10 @@
1641
1645
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1642
1646
  }
1643
1647
 
1648
+ .qt-shadow-lg {
1649
+ box-shadow: var(--qt-dialog-shadow, 0 10px 25px hsl(225 18% 10% / 0.15), 0 4px 10px hsl(225 18% 10% / 0.08));
1650
+ }
1651
+
1644
1652
  .hover\:qt-bg-surface-alt:hover {
1645
1653
  background-color: var(--color-muted);
1646
1654
  }