@quilltap/theme-storybook 1.0.100 → 1.0.101
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/package.json +1 -1
- package/src/css/qt-components.css +23 -23
package/package.json
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* @package @quilltap/theme-storybook
|
|
16
16
|
*/
|
|
17
17
|
@layer properties, theme, base, components, utilities;
|
|
18
|
-
/*! tailwindcss v4.3.
|
|
18
|
+
/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
|
|
19
19
|
@layer properties;
|
|
20
20
|
/* ==========================================================================
|
|
21
21
|
SOURCE: app/styles/qt-components/_variables.css
|
|
@@ -1289,7 +1289,7 @@
|
|
|
1289
1289
|
--tw-duration: 200ms;
|
|
1290
1290
|
transition-duration: 200ms;
|
|
1291
1291
|
&:focus-visible {
|
|
1292
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1292
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1293
1293
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1294
1294
|
}
|
|
1295
1295
|
&:focus-visible {
|
|
@@ -1297,7 +1297,7 @@
|
|
|
1297
1297
|
}
|
|
1298
1298
|
&:focus-visible {
|
|
1299
1299
|
--tw-ring-offset-width: 2px;
|
|
1300
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1300
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1301
1301
|
}
|
|
1302
1302
|
&:focus-visible {
|
|
1303
1303
|
--tw-outline-style: none;
|
|
@@ -1420,7 +1420,7 @@
|
|
|
1420
1420
|
font-size: var(--text-sm, 0.875rem);
|
|
1421
1421
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
1422
1422
|
&:focus {
|
|
1423
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1423
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1424
1424
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1425
1425
|
}
|
|
1426
1426
|
&:focus {
|
|
@@ -1571,7 +1571,7 @@
|
|
|
1571
1571
|
*/
|
|
1572
1572
|
.qt-checkbox {
|
|
1573
1573
|
&:focus {
|
|
1574
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1574
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1575
1575
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1576
1576
|
}
|
|
1577
1577
|
width: var(--qt-checkbox-size);
|
|
@@ -1589,7 +1589,7 @@
|
|
|
1589
1589
|
.qt-radio {
|
|
1590
1590
|
border-radius: calc(infinity * 1px);
|
|
1591
1591
|
&:focus {
|
|
1592
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1592
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1593
1593
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1594
1594
|
}
|
|
1595
1595
|
width: var(--qt-radio-size);
|
|
@@ -1614,7 +1614,7 @@
|
|
|
1614
1614
|
*/
|
|
1615
1615
|
.qt-range {
|
|
1616
1616
|
&:focus-visible {
|
|
1617
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1617
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1618
1618
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1619
1619
|
}
|
|
1620
1620
|
&:focus-visible {
|
|
@@ -1655,7 +1655,7 @@
|
|
|
1655
1655
|
border-bottom-style: var(--tw-border-style);
|
|
1656
1656
|
border-bottom-width: 0px;
|
|
1657
1657
|
&:focus-visible {
|
|
1658
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1658
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1659
1659
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1660
1660
|
}
|
|
1661
1661
|
&:focus-visible {
|
|
@@ -1663,7 +1663,7 @@
|
|
|
1663
1663
|
}
|
|
1664
1664
|
&:focus-visible {
|
|
1665
1665
|
--tw-ring-offset-width: 2px;
|
|
1666
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1666
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1667
1667
|
}
|
|
1668
1668
|
&:focus-visible {
|
|
1669
1669
|
--tw-outline-style: none;
|
|
@@ -2283,7 +2283,7 @@
|
|
|
2283
2283
|
color: var(--theme-muted-foreground);
|
|
2284
2284
|
}
|
|
2285
2285
|
&:focus-visible {
|
|
2286
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2286
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2287
2287
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2288
2288
|
}
|
|
2289
2289
|
&:focus-visible {
|
|
@@ -2697,11 +2697,11 @@
|
|
|
2697
2697
|
color: var(--qt-help-guide-search-placeholder, var(--color-muted-foreground));
|
|
2698
2698
|
}
|
|
2699
2699
|
.qt-help-guide-search-input:focus {
|
|
2700
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2700
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2701
2701
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2702
2702
|
--tw-ring-color: var(--theme-ring);
|
|
2703
2703
|
--tw-ring-offset-width: 1px;
|
|
2704
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2704
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2705
2705
|
--tw-outline-style: none;
|
|
2706
2706
|
outline-style: none;
|
|
2707
2707
|
}
|
|
@@ -3535,7 +3535,7 @@
|
|
|
3535
3535
|
--tw-duration: 200ms;
|
|
3536
3536
|
transition-duration: 200ms;
|
|
3537
3537
|
&:focus-visible {
|
|
3538
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3538
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3539
3539
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3540
3540
|
}
|
|
3541
3541
|
&:focus-visible {
|
|
@@ -3543,7 +3543,7 @@
|
|
|
3543
3543
|
}
|
|
3544
3544
|
&:focus-visible {
|
|
3545
3545
|
--tw-ring-offset-width: 2px;
|
|
3546
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
3546
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
3547
3547
|
}
|
|
3548
3548
|
&:focus-visible {
|
|
3549
3549
|
--tw-outline-style: none;
|
|
@@ -5950,7 +5950,7 @@
|
|
|
5950
5950
|
align-items: center;
|
|
5951
5951
|
justify-content: center;
|
|
5952
5952
|
&:focus-visible {
|
|
5953
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5953
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5954
5954
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5955
5955
|
}
|
|
5956
5956
|
&:focus-visible {
|
|
@@ -5958,7 +5958,7 @@
|
|
|
5958
5958
|
}
|
|
5959
5959
|
&:focus-visible {
|
|
5960
5960
|
--tw-ring-offset-width: 2px;
|
|
5961
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
5961
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
5962
5962
|
}
|
|
5963
5963
|
&:focus-visible {
|
|
5964
5964
|
--tw-outline-style: none;
|
|
@@ -6012,7 +6012,7 @@
|
|
|
6012
6012
|
font-size: var(--text-sm, 0.875rem);
|
|
6013
6013
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
6014
6014
|
&:focus {
|
|
6015
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
6015
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
6016
6016
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6017
6017
|
}
|
|
6018
6018
|
&:focus {
|
|
@@ -6343,7 +6343,7 @@
|
|
|
6343
6343
|
--tw-duration: 200ms;
|
|
6344
6344
|
transition-duration: 200ms;
|
|
6345
6345
|
&:focus-visible {
|
|
6346
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
6346
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
6347
6347
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6348
6348
|
}
|
|
6349
6349
|
&:focus-visible {
|
|
@@ -6351,7 +6351,7 @@
|
|
|
6351
6351
|
}
|
|
6352
6352
|
&:focus-visible {
|
|
6353
6353
|
--tw-ring-offset-width: 2px;
|
|
6354
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
6354
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
6355
6355
|
}
|
|
6356
6356
|
&:focus-visible {
|
|
6357
6357
|
--tw-outline-style: none;
|
|
@@ -6446,7 +6446,7 @@
|
|
|
6446
6446
|
align-items: center;
|
|
6447
6447
|
justify-content: center;
|
|
6448
6448
|
&:focus-visible {
|
|
6449
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
6449
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
6450
6450
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6451
6451
|
}
|
|
6452
6452
|
&:focus-visible {
|
|
@@ -6454,7 +6454,7 @@
|
|
|
6454
6454
|
}
|
|
6455
6455
|
&:focus-visible {
|
|
6456
6456
|
--tw-ring-offset-width: 2px;
|
|
6457
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
6457
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
6458
6458
|
}
|
|
6459
6459
|
&:focus-visible {
|
|
6460
6460
|
--tw-outline-style: none;
|
|
@@ -10093,7 +10093,7 @@
|
|
|
10093
10093
|
}
|
|
10094
10094
|
}
|
|
10095
10095
|
.qt-avatar-group .qt-avatar {
|
|
10096
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
10096
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
10097
10097
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
10098
10098
|
--tw-ring-color: var(--theme-background);
|
|
10099
10099
|
}
|
|
@@ -13721,7 +13721,7 @@
|
|
|
13721
13721
|
}
|
|
13722
13722
|
}
|
|
13723
13723
|
@layer properties {
|
|
13724
|
-
@supports ((-webkit-hyphens: none) and (not (margin-trim:
|
|
13724
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
13725
13725
|
*, ::before, ::after, ::backdrop {
|
|
13726
13726
|
--tw-font-weight: initial;
|
|
13727
13727
|
--tw-duration: initial;
|