@quidgest/ui 0.23.2 → 0.23.4

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/json/api.json +1 -1
  3. package/dist/ui.css +351 -321
  4. package/dist/ui.esm.js +1 -1
  5. package/dist/ui.js +1 -1
  6. package/dist/ui.min.css +1 -1
  7. package/dist/ui.min.js +1 -1
  8. package/dist/ui.scss +61 -31
  9. package/package.json +1 -1
package/dist/ui.css CHANGED
@@ -1329,43 +1329,72 @@ to ensure consistent appearance across different browsers.
1329
1329
  --q-group-border-bottom: var(--q-border-width) solid var(--q-border-color);
1330
1330
  --q-transition-duration: 0.2s;
1331
1331
  --q-transition-timing-function: ease;
1332
- /* Field padding bases before density (consumed as calc in density tokens) */
1332
+ /* Bases before density (consumed as calc in density tokens), overridable from outside the package */
1333
+ --q-space-1-base: 4px;
1334
+ --q-space-2-base: 8px;
1335
+ --q-space-3-base: 12px;
1336
+ --q-space-4-base: 16px;
1337
+ --q-space-5-base: 20px;
1338
+ --q-space-6-base: 24px;
1339
+ --q-control-height-sm-base: 28px;
1340
+ --q-control-height-md-base: 32px;
1341
+ --q-control-height-lg-base: 40px;
1342
+ --q-control-padding-x-sm-base: 8px;
1343
+ --q-control-padding-x-md-base: 10px;
1344
+ --q-control-padding-x-lg-base: 12px;
1345
+ --q-control-padding-y-sm-base: 4px;
1346
+ --q-control-padding-y-md-base: 6px;
1347
+ --q-control-padding-y-lg-base: 8px;
1348
+ --q-font-size-sm-base: 0.75rem;
1349
+ --q-font-size-md-base: 0.875rem;
1350
+ --q-font-size-lg-base: 1rem;
1351
+ --q-line-height-sm-base: 1rem;
1352
+ --q-line-height-md-base: 1.25rem;
1353
+ --q-line-height-lg-base: 1.5rem;
1354
+ --q-letter-spacing-sm-base: 0.0063rem;
1355
+ --q-letter-spacing-md-base: 0.0125rem;
1356
+ --q-letter-spacing-lg-base: 0.0187rem;
1357
+ --q-selection-control-size-base: 1.15rem;
1333
1358
  --q-field-padding-y-base: 0.26rem;
1334
1359
  --q-field-padding-x-base: 0.25rem;
1335
- --q-selection-control-size-base: 1.15rem;
1336
- --q-space-1: calc(4px * var(--q-density-scale));
1337
- --q-space-2: calc(8px * var(--q-density-scale));
1338
- --q-space-3: calc(12px * var(--q-density-scale));
1339
- --q-space-4: calc(16px * var(--q-density-scale));
1340
- --q-space-5: calc(20px * var(--q-density-scale));
1341
- --q-space-6: calc(24px * var(--q-density-scale));
1342
- --q-control-height-sm: calc(28px * var(--q-density-scale));
1343
- --q-control-height-md: calc(32px * var(--q-density-scale));
1344
- --q-control-height-lg: calc(40px * var(--q-density-scale));
1360
+ --q-icon-size-sm-base: 14px;
1361
+ --q-icon-size-md-base: 16px;
1362
+ --q-icon-size-lg-base: 20px;
1363
+ --q-icon-padding-base: 4px;
1364
+ --q-border-radius-base: 4px;
1365
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
1366
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
1367
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
1368
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
1369
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
1370
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
1371
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
1372
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
1373
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
1345
1374
  --q-interactive-height: var(--q-control-height-md);
1346
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
1347
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
1348
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
1349
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
1350
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
1351
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
1352
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
1353
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
1354
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
1355
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
1356
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
1357
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
1358
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
1359
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
1360
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
1375
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
1376
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
1377
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
1378
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
1379
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
1380
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
1381
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
1382
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
1383
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
1384
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
1385
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
1386
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
1387
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
1388
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
1389
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
1361
1390
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
1362
1391
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
1363
1392
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
1364
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
1365
- --q-icon-size-md: calc(16px * var(--q-density-scale));
1366
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
1367
- --q-icon-padding: calc(4px * var(--q-density-scale));
1368
- --q-border-radius: calc(4px * var(--q-density-scale));
1393
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
1394
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
1395
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
1396
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
1397
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
1369
1398
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
1370
1399
  --q-border-width: 1px;
1371
1400
  --q-focus-ring-width: 2px;
@@ -1762,39 +1791,39 @@ body *::-webkit-scrollbar-track {
1762
1791
  }
1763
1792
  .q-badge--small {
1764
1793
  --q-density-scale: calc(var(--q-density-scale-base) * 0.8);
1765
- --q-space-1: calc(4px * var(--q-density-scale));
1766
- --q-space-2: calc(8px * var(--q-density-scale));
1767
- --q-space-3: calc(12px * var(--q-density-scale));
1768
- --q-space-4: calc(16px * var(--q-density-scale));
1769
- --q-space-5: calc(20px * var(--q-density-scale));
1770
- --q-space-6: calc(24px * var(--q-density-scale));
1771
- --q-control-height-sm: calc(28px * var(--q-density-scale));
1772
- --q-control-height-md: calc(32px * var(--q-density-scale));
1773
- --q-control-height-lg: calc(40px * var(--q-density-scale));
1794
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
1795
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
1796
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
1797
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
1798
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
1799
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
1800
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
1801
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
1802
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
1774
1803
  --q-interactive-height: var(--q-control-height-md);
1775
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
1776
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
1777
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
1778
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
1779
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
1780
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
1781
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
1782
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
1783
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
1784
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
1785
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
1786
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
1787
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
1788
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
1789
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
1804
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
1805
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
1806
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
1807
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
1808
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
1809
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
1810
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
1811
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
1812
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
1813
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
1814
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
1815
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
1816
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
1817
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
1818
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
1790
1819
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
1791
1820
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
1792
1821
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
1793
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
1794
- --q-icon-size-md: calc(16px * var(--q-density-scale));
1795
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
1796
- --q-icon-padding: calc(4px * var(--q-density-scale));
1797
- --q-border-radius: calc(4px * var(--q-density-scale));
1822
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
1823
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
1824
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
1825
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
1826
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
1798
1827
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
1799
1828
  --q-border-width: 1px;
1800
1829
  --q-focus-ring-width: 2px;
@@ -1817,39 +1846,39 @@ body *::-webkit-scrollbar-track {
1817
1846
  }
1818
1847
  .q-badge--large {
1819
1848
  --q-density-scale: calc(var(--q-density-scale-base) * 1.2);
1820
- --q-space-1: calc(4px * var(--q-density-scale));
1821
- --q-space-2: calc(8px * var(--q-density-scale));
1822
- --q-space-3: calc(12px * var(--q-density-scale));
1823
- --q-space-4: calc(16px * var(--q-density-scale));
1824
- --q-space-5: calc(20px * var(--q-density-scale));
1825
- --q-space-6: calc(24px * var(--q-density-scale));
1826
- --q-control-height-sm: calc(28px * var(--q-density-scale));
1827
- --q-control-height-md: calc(32px * var(--q-density-scale));
1828
- --q-control-height-lg: calc(40px * var(--q-density-scale));
1849
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
1850
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
1851
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
1852
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
1853
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
1854
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
1855
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
1856
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
1857
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
1829
1858
  --q-interactive-height: var(--q-control-height-md);
1830
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
1831
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
1832
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
1833
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
1834
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
1835
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
1836
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
1837
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
1838
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
1839
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
1840
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
1841
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
1842
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
1843
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
1844
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
1859
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
1860
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
1861
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
1862
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
1863
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
1864
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
1865
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
1866
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
1867
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
1868
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
1869
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
1870
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
1871
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
1872
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
1873
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
1845
1874
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
1846
1875
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
1847
1876
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
1848
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
1849
- --q-icon-size-md: calc(16px * var(--q-density-scale));
1850
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
1851
- --q-icon-padding: calc(4px * var(--q-density-scale));
1852
- --q-border-radius: calc(4px * var(--q-density-scale));
1877
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
1878
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
1879
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
1880
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
1881
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
1853
1882
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
1854
1883
  --q-border-width: 1px;
1855
1884
  --q-focus-ring-width: 2px;
@@ -2128,39 +2157,39 @@ body *::-webkit-scrollbar-track {
2128
2157
  }
2129
2158
  .q-button--small {
2130
2159
  --q-density-scale: calc(var(--q-density-scale-base) * 0.8);
2131
- --q-space-1: calc(4px * var(--q-density-scale));
2132
- --q-space-2: calc(8px * var(--q-density-scale));
2133
- --q-space-3: calc(12px * var(--q-density-scale));
2134
- --q-space-4: calc(16px * var(--q-density-scale));
2135
- --q-space-5: calc(20px * var(--q-density-scale));
2136
- --q-space-6: calc(24px * var(--q-density-scale));
2137
- --q-control-height-sm: calc(28px * var(--q-density-scale));
2138
- --q-control-height-md: calc(32px * var(--q-density-scale));
2139
- --q-control-height-lg: calc(40px * var(--q-density-scale));
2160
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
2161
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
2162
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
2163
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
2164
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
2165
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
2166
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
2167
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
2168
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
2140
2169
  --q-interactive-height: var(--q-control-height-md);
2141
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
2142
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
2143
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
2144
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
2145
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
2146
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
2147
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
2148
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
2149
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
2150
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
2151
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
2152
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
2153
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
2154
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
2155
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
2170
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
2171
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
2172
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
2173
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
2174
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
2175
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
2176
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
2177
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
2178
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
2179
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
2180
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
2181
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
2182
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
2183
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
2184
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
2156
2185
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
2157
2186
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
2158
2187
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
2159
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
2160
- --q-icon-size-md: calc(16px * var(--q-density-scale));
2161
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
2162
- --q-icon-padding: calc(4px * var(--q-density-scale));
2163
- --q-border-radius: calc(4px * var(--q-density-scale));
2188
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
2189
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
2190
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
2191
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
2192
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
2164
2193
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
2165
2194
  --q-border-width: 1px;
2166
2195
  --q-focus-ring-width: 2px;
@@ -2183,39 +2212,39 @@ body *::-webkit-scrollbar-track {
2183
2212
  }
2184
2213
  .q-button--large {
2185
2214
  --q-density-scale: calc(var(--q-density-scale-base) * 1.2);
2186
- --q-space-1: calc(4px * var(--q-density-scale));
2187
- --q-space-2: calc(8px * var(--q-density-scale));
2188
- --q-space-3: calc(12px * var(--q-density-scale));
2189
- --q-space-4: calc(16px * var(--q-density-scale));
2190
- --q-space-5: calc(20px * var(--q-density-scale));
2191
- --q-space-6: calc(24px * var(--q-density-scale));
2192
- --q-control-height-sm: calc(28px * var(--q-density-scale));
2193
- --q-control-height-md: calc(32px * var(--q-density-scale));
2194
- --q-control-height-lg: calc(40px * var(--q-density-scale));
2215
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
2216
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
2217
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
2218
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
2219
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
2220
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
2221
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
2222
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
2223
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
2195
2224
  --q-interactive-height: var(--q-control-height-md);
2196
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
2197
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
2198
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
2199
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
2200
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
2201
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
2202
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
2203
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
2204
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
2205
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
2206
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
2207
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
2208
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
2209
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
2210
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
2225
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
2226
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
2227
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
2228
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
2229
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
2230
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
2231
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
2232
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
2233
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
2234
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
2235
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
2236
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
2237
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
2238
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
2239
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
2211
2240
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
2212
2241
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
2213
2242
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
2214
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
2215
- --q-icon-size-md: calc(16px * var(--q-density-scale));
2216
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
2217
- --q-icon-padding: calc(4px * var(--q-density-scale));
2218
- --q-border-radius: calc(4px * var(--q-density-scale));
2243
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
2244
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
2245
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
2246
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
2247
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
2219
2248
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
2220
2249
  --q-border-width: 1px;
2221
2250
  --q-focus-ring-width: 2px;
@@ -2737,39 +2766,39 @@ body *::-webkit-scrollbar-track {
2737
2766
  }
2738
2767
  .q-checkbox--small {
2739
2768
  --q-density-scale: calc(var(--q-density-scale-base) * 0.8);
2740
- --q-space-1: calc(4px * var(--q-density-scale));
2741
- --q-space-2: calc(8px * var(--q-density-scale));
2742
- --q-space-3: calc(12px * var(--q-density-scale));
2743
- --q-space-4: calc(16px * var(--q-density-scale));
2744
- --q-space-5: calc(20px * var(--q-density-scale));
2745
- --q-space-6: calc(24px * var(--q-density-scale));
2746
- --q-control-height-sm: calc(28px * var(--q-density-scale));
2747
- --q-control-height-md: calc(32px * var(--q-density-scale));
2748
- --q-control-height-lg: calc(40px * var(--q-density-scale));
2769
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
2770
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
2771
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
2772
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
2773
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
2774
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
2775
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
2776
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
2777
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
2749
2778
  --q-interactive-height: var(--q-control-height-md);
2750
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
2751
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
2752
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
2753
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
2754
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
2755
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
2756
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
2757
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
2758
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
2759
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
2760
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
2761
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
2762
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
2763
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
2764
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
2779
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
2780
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
2781
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
2782
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
2783
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
2784
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
2785
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
2786
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
2787
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
2788
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
2789
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
2790
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
2791
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
2792
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
2793
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
2765
2794
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
2766
2795
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
2767
2796
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
2768
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
2769
- --q-icon-size-md: calc(16px * var(--q-density-scale));
2770
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
2771
- --q-icon-padding: calc(4px * var(--q-density-scale));
2772
- --q-border-radius: calc(4px * var(--q-density-scale));
2797
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
2798
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
2799
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
2800
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
2801
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
2773
2802
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
2774
2803
  --q-border-width: 1px;
2775
2804
  --q-focus-ring-width: 2px;
@@ -2792,39 +2821,39 @@ body *::-webkit-scrollbar-track {
2792
2821
  }
2793
2822
  .q-checkbox--large {
2794
2823
  --q-density-scale: calc(var(--q-density-scale-base) * 1.2);
2795
- --q-space-1: calc(4px * var(--q-density-scale));
2796
- --q-space-2: calc(8px * var(--q-density-scale));
2797
- --q-space-3: calc(12px * var(--q-density-scale));
2798
- --q-space-4: calc(16px * var(--q-density-scale));
2799
- --q-space-5: calc(20px * var(--q-density-scale));
2800
- --q-space-6: calc(24px * var(--q-density-scale));
2801
- --q-control-height-sm: calc(28px * var(--q-density-scale));
2802
- --q-control-height-md: calc(32px * var(--q-density-scale));
2803
- --q-control-height-lg: calc(40px * var(--q-density-scale));
2824
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
2825
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
2826
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
2827
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
2828
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
2829
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
2830
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
2831
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
2832
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
2804
2833
  --q-interactive-height: var(--q-control-height-md);
2805
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
2806
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
2807
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
2808
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
2809
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
2810
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
2811
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
2812
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
2813
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
2814
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
2815
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
2816
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
2817
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
2818
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
2819
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
2834
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
2835
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
2836
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
2837
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
2838
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
2839
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
2840
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
2841
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
2842
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
2843
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
2844
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
2845
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
2846
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
2847
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
2848
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
2820
2849
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
2821
2850
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
2822
2851
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
2823
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
2824
- --q-icon-size-md: calc(16px * var(--q-density-scale));
2825
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
2826
- --q-icon-padding: calc(4px * var(--q-density-scale));
2827
- --q-border-radius: calc(4px * var(--q-density-scale));
2852
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
2853
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
2854
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
2855
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
2856
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
2828
2857
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
2829
2858
  --q-border-width: 1px;
2830
2859
  --q-focus-ring-width: 2px;
@@ -6393,6 +6422,7 @@ body *::-webkit-scrollbar-track {
6393
6422
  }
6394
6423
  .q-list-item__content {
6395
6424
  display: flex;
6425
+ align-items: center;
6396
6426
  flex-grow: 1;
6397
6427
  gap: var(--q-space-2);
6398
6428
  cursor: inherit;
@@ -7346,39 +7376,39 @@ body *::-webkit-scrollbar-track {
7346
7376
  }
7347
7377
  .q-radio-button--small {
7348
7378
  --q-density-scale: calc(var(--q-density-scale-base) * 0.8);
7349
- --q-space-1: calc(4px * var(--q-density-scale));
7350
- --q-space-2: calc(8px * var(--q-density-scale));
7351
- --q-space-3: calc(12px * var(--q-density-scale));
7352
- --q-space-4: calc(16px * var(--q-density-scale));
7353
- --q-space-5: calc(20px * var(--q-density-scale));
7354
- --q-space-6: calc(24px * var(--q-density-scale));
7355
- --q-control-height-sm: calc(28px * var(--q-density-scale));
7356
- --q-control-height-md: calc(32px * var(--q-density-scale));
7357
- --q-control-height-lg: calc(40px * var(--q-density-scale));
7379
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
7380
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
7381
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
7382
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
7383
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
7384
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
7385
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
7386
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
7387
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
7358
7388
  --q-interactive-height: var(--q-control-height-md);
7359
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
7360
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
7361
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
7362
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
7363
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
7364
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
7365
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
7366
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
7367
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
7368
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
7369
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
7370
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
7371
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
7372
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
7373
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
7389
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
7390
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
7391
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
7392
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
7393
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
7394
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
7395
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
7396
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
7397
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
7398
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
7399
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
7400
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
7401
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
7402
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
7403
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
7374
7404
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
7375
7405
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
7376
7406
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
7377
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
7378
- --q-icon-size-md: calc(16px * var(--q-density-scale));
7379
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
7380
- --q-icon-padding: calc(4px * var(--q-density-scale));
7381
- --q-border-radius: calc(4px * var(--q-density-scale));
7407
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
7408
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
7409
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
7410
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
7411
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
7382
7412
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
7383
7413
  --q-border-width: 1px;
7384
7414
  --q-focus-ring-width: 2px;
@@ -7401,39 +7431,39 @@ body *::-webkit-scrollbar-track {
7401
7431
  }
7402
7432
  .q-radio-button--large {
7403
7433
  --q-density-scale: calc(var(--q-density-scale-base) * 1.2);
7404
- --q-space-1: calc(4px * var(--q-density-scale));
7405
- --q-space-2: calc(8px * var(--q-density-scale));
7406
- --q-space-3: calc(12px * var(--q-density-scale));
7407
- --q-space-4: calc(16px * var(--q-density-scale));
7408
- --q-space-5: calc(20px * var(--q-density-scale));
7409
- --q-space-6: calc(24px * var(--q-density-scale));
7410
- --q-control-height-sm: calc(28px * var(--q-density-scale));
7411
- --q-control-height-md: calc(32px * var(--q-density-scale));
7412
- --q-control-height-lg: calc(40px * var(--q-density-scale));
7434
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
7435
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
7436
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
7437
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
7438
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
7439
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
7440
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
7441
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
7442
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
7413
7443
  --q-interactive-height: var(--q-control-height-md);
7414
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
7415
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
7416
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
7417
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
7418
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
7419
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
7420
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
7421
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
7422
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
7423
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
7424
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
7425
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
7426
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
7427
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
7428
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
7444
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
7445
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
7446
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
7447
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
7448
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
7449
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
7450
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
7451
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
7452
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
7453
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
7454
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
7455
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
7456
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
7457
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
7458
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
7429
7459
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
7430
7460
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
7431
7461
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
7432
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
7433
- --q-icon-size-md: calc(16px * var(--q-density-scale));
7434
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
7435
- --q-icon-padding: calc(4px * var(--q-density-scale));
7436
- --q-border-radius: calc(4px * var(--q-density-scale));
7462
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
7463
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
7464
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
7465
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
7466
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
7437
7467
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
7438
7468
  --q-border-width: 1px;
7439
7469
  --q-focus-ring-width: 2px;
@@ -8014,39 +8044,39 @@ body *::-webkit-scrollbar-track {
8014
8044
  }
8015
8045
  .q-switch--small {
8016
8046
  --q-density-scale: calc(var(--q-density-scale-base) * 0.8);
8017
- --q-space-1: calc(4px * var(--q-density-scale));
8018
- --q-space-2: calc(8px * var(--q-density-scale));
8019
- --q-space-3: calc(12px * var(--q-density-scale));
8020
- --q-space-4: calc(16px * var(--q-density-scale));
8021
- --q-space-5: calc(20px * var(--q-density-scale));
8022
- --q-space-6: calc(24px * var(--q-density-scale));
8023
- --q-control-height-sm: calc(28px * var(--q-density-scale));
8024
- --q-control-height-md: calc(32px * var(--q-density-scale));
8025
- --q-control-height-lg: calc(40px * var(--q-density-scale));
8047
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
8048
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
8049
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
8050
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
8051
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
8052
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
8053
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
8054
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
8055
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
8026
8056
  --q-interactive-height: var(--q-control-height-md);
8027
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
8028
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
8029
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
8030
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
8031
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
8032
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
8033
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
8034
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
8035
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
8036
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
8037
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
8038
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
8039
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
8040
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
8041
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
8057
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
8058
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
8059
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
8060
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
8061
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
8062
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
8063
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
8064
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
8065
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
8066
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
8067
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
8068
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
8069
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
8070
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
8071
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
8042
8072
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
8043
8073
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
8044
8074
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
8045
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
8046
- --q-icon-size-md: calc(16px * var(--q-density-scale));
8047
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
8048
- --q-icon-padding: calc(4px * var(--q-density-scale));
8049
- --q-border-radius: calc(4px * var(--q-density-scale));
8075
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
8076
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
8077
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
8078
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
8079
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
8050
8080
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
8051
8081
  --q-border-width: 1px;
8052
8082
  --q-focus-ring-width: 2px;
@@ -8069,39 +8099,39 @@ body *::-webkit-scrollbar-track {
8069
8099
  }
8070
8100
  .q-switch--large {
8071
8101
  --q-density-scale: calc(var(--q-density-scale-base) * 1.2);
8072
- --q-space-1: calc(4px * var(--q-density-scale));
8073
- --q-space-2: calc(8px * var(--q-density-scale));
8074
- --q-space-3: calc(12px * var(--q-density-scale));
8075
- --q-space-4: calc(16px * var(--q-density-scale));
8076
- --q-space-5: calc(20px * var(--q-density-scale));
8077
- --q-space-6: calc(24px * var(--q-density-scale));
8078
- --q-control-height-sm: calc(28px * var(--q-density-scale));
8079
- --q-control-height-md: calc(32px * var(--q-density-scale));
8080
- --q-control-height-lg: calc(40px * var(--q-density-scale));
8102
+ --q-space-1: calc(var(--q-space-1-base) * var(--q-density-scale));
8103
+ --q-space-2: calc(var(--q-space-2-base) * var(--q-density-scale));
8104
+ --q-space-3: calc(var(--q-space-3-base) * var(--q-density-scale));
8105
+ --q-space-4: calc(var(--q-space-4-base) * var(--q-density-scale));
8106
+ --q-space-5: calc(var(--q-space-5-base) * var(--q-density-scale));
8107
+ --q-space-6: calc(var(--q-space-6-base) * var(--q-density-scale));
8108
+ --q-control-height-sm: calc(var(--q-control-height-sm-base) * var(--q-density-scale));
8109
+ --q-control-height-md: calc(var(--q-control-height-md-base) * var(--q-density-scale));
8110
+ --q-control-height-lg: calc(var(--q-control-height-lg-base) * var(--q-density-scale));
8081
8111
  --q-interactive-height: var(--q-control-height-md);
8082
- --q-control-padding-x-sm: calc(8px * var(--q-density-scale));
8083
- --q-control-padding-x-md: calc(10px * var(--q-density-scale));
8084
- --q-control-padding-x-lg: calc(12px * var(--q-density-scale));
8085
- --q-control-padding-y-sm: calc(4px * var(--q-density-scale));
8086
- --q-control-padding-y-md: calc(6px * var(--q-density-scale));
8087
- --q-control-padding-y-lg: calc(8px * var(--q-density-scale));
8088
- --q-font-size-sm: calc(0.75rem * var(--q-density-scale));
8089
- --q-font-size-md: calc(0.875rem * var(--q-density-scale));
8090
- --q-font-size-lg: calc(1rem * var(--q-density-scale));
8091
- --q-line-height-sm: calc(1rem * var(--q-density-scale));
8092
- --q-line-height-md: calc(1.25rem * var(--q-density-scale));
8093
- --q-line-height-lg: calc(1.5rem * var(--q-density-scale));
8094
- --q-letter-spacing-sm: calc(0.0063rem * var(--q-density-scale));
8095
- --q-letter-spacing-md: calc(0.0125rem * var(--q-density-scale));
8096
- --q-letter-spacing-lg: calc(0.0187rem * var(--q-density-scale));
8112
+ --q-control-padding-x-sm: calc(var(--q-control-padding-x-sm-base) * var(--q-density-scale));
8113
+ --q-control-padding-x-md: calc(var(--q-control-padding-x-md-base) * var(--q-density-scale));
8114
+ --q-control-padding-x-lg: calc(var(--q-control-padding-x-lg-base) * var(--q-density-scale));
8115
+ --q-control-padding-y-sm: calc(var(--q-control-padding-y-sm-base) * var(--q-density-scale));
8116
+ --q-control-padding-y-md: calc(var(--q-control-padding-y-md-base) * var(--q-density-scale));
8117
+ --q-control-padding-y-lg: calc(var(--q-control-padding-y-lg-base) * var(--q-density-scale));
8118
+ --q-font-size-sm: calc(var(--q-font-size-sm-base) * var(--q-density-scale));
8119
+ --q-font-size-md: calc(var(--q-font-size-md-base) * var(--q-density-scale));
8120
+ --q-font-size-lg: calc(var(--q-font-size-lg-base) * var(--q-density-scale));
8121
+ --q-line-height-sm: calc(var(--q-line-height-sm-base) * var(--q-density-scale));
8122
+ --q-line-height-md: calc(var(--q-line-height-md-base) * var(--q-density-scale));
8123
+ --q-line-height-lg: calc(var(--q-line-height-lg-base) * var(--q-density-scale));
8124
+ --q-letter-spacing-sm: calc(var(--q-letter-spacing-sm-base) * var(--q-density-scale));
8125
+ --q-letter-spacing-md: calc(var(--q-letter-spacing-md-base) * var(--q-density-scale));
8126
+ --q-letter-spacing-lg: calc(var(--q-letter-spacing-lg-base) * var(--q-density-scale));
8097
8127
  --q-selection-control-size: calc(var(--q-selection-control-size-base) * var(--q-density-scale));
8098
8128
  --q-field-padding-y: calc(var(--q-field-padding-y-base) * var(--q-density-scale));
8099
8129
  --q-field-padding-x: calc(var(--q-field-padding-x-base) * var(--q-density-scale));
8100
- --q-icon-size-sm: calc(14px * var(--q-density-scale));
8101
- --q-icon-size-md: calc(16px * var(--q-density-scale));
8102
- --q-icon-size-lg: calc(20px * var(--q-density-scale));
8103
- --q-icon-padding: calc(4px * var(--q-density-scale));
8104
- --q-border-radius: calc(4px * var(--q-density-scale));
8130
+ --q-icon-size-sm: calc(var(--q-icon-size-sm-base) * var(--q-density-scale));
8131
+ --q-icon-size-md: calc(var(--q-icon-size-md-base) * var(--q-density-scale));
8132
+ --q-icon-size-lg: calc(var(--q-icon-size-lg-base) * var(--q-density-scale));
8133
+ --q-icon-padding: calc(var(--q-icon-padding-base) * var(--q-density-scale));
8134
+ --q-border-radius: calc(var(--q-border-radius-base) * var(--q-density-scale));
8105
8135
  /* Fixed hairline / focus chrome (avoid subpixel borders in compact) */
8106
8136
  --q-border-width: 1px;
8107
8137
  --q-focus-ring-width: 2px;