@sigx/zero-daisyui 0.13.0 → 0.15.0
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/audit.json +60 -0
- package/dist/css/components/combobox.css +5 -0
- package/dist/css/components/container.css +1 -0
- package/dist/css/components/input.css +9 -0
- package/dist/css/components/nav-list.css +7 -0
- package/dist/css/components/spinner.css +5 -5
- package/dist/css/index.css +27 -5
- package/dist/lynx/components/alert.css +49 -7
- package/dist/lynx/components/avatar-group.css +13 -1
- package/dist/lynx/components/avatar.css +56 -1
- package/dist/lynx/components/badge.css +209 -6
- package/dist/lynx/components/breadcrumbs.css +30 -21
- package/dist/lynx/components/button.css +2 -7
- package/dist/lynx/components/card.css +12 -2
- package/dist/lynx/components/carousel.css +4 -4
- package/dist/lynx/components/chat-log.css +5 -5
- package/dist/lynx/components/chat.css +1 -1
- package/dist/lynx/components/combobox.css +5 -0
- package/dist/lynx/components/container.css +3 -2
- package/dist/lynx/components/diff.css +1 -1
- package/dist/lynx/components/divider.css +53 -8
- package/dist/lynx/components/drawer.css +8 -8
- package/dist/lynx/components/empty-state.css +7 -1
- package/dist/lynx/components/fieldset.css +1 -1
- package/dist/lynx/components/grid.css +2 -2
- package/dist/lynx/components/kbd.css +16 -3
- package/dist/lynx/components/menu.css +20 -1
- package/dist/lynx/components/nav-list.css +15 -2
- package/dist/lynx/components/navbar.css +9 -5
- package/dist/lynx/components/pagination.css +97 -65
- package/dist/lynx/components/radial-progress.css +10 -10
- package/dist/lynx/components/select.css +1 -2
- package/dist/lynx/components/skeleton.css +1 -1
- package/dist/lynx/components/spinner.css +22 -12
- package/dist/lynx/components/stack.css +2 -2
- package/dist/lynx/components/stats.css +39 -3
- package/dist/lynx/components/status.css +197 -11
- package/dist/lynx/components/steps.css +114 -22
- package/dist/lynx/components/table.css +1 -1
- package/dist/lynx/components/tabs.css +1 -1
- package/dist/lynx/components/textarea.css +1 -1
- package/dist/lynx/components/timeline.css +12 -25
- package/dist/lynx/components/toast.css +331 -12
- package/dist/lynx/components/tree-view.css +31 -4
- package/dist/lynx/index.css +1382 -262
- package/dist/lynx/manifest.json +3 -3
- package/dist/manifest.json +1 -1
- package/dist/recipes.d.ts +6 -1
- package/dist/recipes.d.ts.map +1 -1
- package/dist/recipes.js +934 -25
- package/dist/recipes.js.map +1 -1
- package/dist/report.json +565 -89
- package/package.json +4 -4
- package/src/recipes.ts +939 -25
package/dist/report.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"reportVersion": 2,
|
|
4
4
|
"name": "daisyui",
|
|
5
5
|
"score": {
|
|
6
|
-
"total": 82.
|
|
6
|
+
"total": 82.6,
|
|
7
7
|
"grade": "B",
|
|
8
8
|
"criteria": {
|
|
9
9
|
"components": {
|
|
@@ -24,14 +24,14 @@
|
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"states": {
|
|
27
|
-
"score":
|
|
27
|
+
"score": 74.8,
|
|
28
28
|
"weight": 20,
|
|
29
29
|
"detail": {
|
|
30
|
-
"covered":
|
|
30
|
+
"covered": 446,
|
|
31
31
|
"coveredIndirectly": 0,
|
|
32
32
|
"skipped": 15,
|
|
33
|
-
"uncovered":
|
|
34
|
-
"total":
|
|
33
|
+
"uncovered": 145,
|
|
34
|
+
"total": 606
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
"contrast": {
|
|
@@ -1939,6 +1939,7 @@
|
|
|
1939
1939
|
"uncovered": [
|
|
1940
1940
|
"disabled",
|
|
1941
1941
|
"invalid",
|
|
1942
|
+
"placeholder",
|
|
1942
1943
|
"readonly",
|
|
1943
1944
|
"required"
|
|
1944
1945
|
]
|
|
@@ -1963,7 +1964,9 @@
|
|
|
1963
1964
|
],
|
|
1964
1965
|
"coveredIndirectly": [],
|
|
1965
1966
|
"skipped": [],
|
|
1966
|
-
"uncovered": [
|
|
1967
|
+
"uncovered": [
|
|
1968
|
+
"placeholder"
|
|
1969
|
+
]
|
|
1967
1970
|
}
|
|
1968
1971
|
},
|
|
1969
1972
|
"input": {
|
|
@@ -2001,7 +2004,8 @@
|
|
|
2001
2004
|
},
|
|
2002
2005
|
"flags": {
|
|
2003
2006
|
"covered": [
|
|
2004
|
-
"disabled"
|
|
2007
|
+
"disabled",
|
|
2008
|
+
"focus-visible"
|
|
2005
2009
|
],
|
|
2006
2010
|
"coveredIndirectly": [],
|
|
2007
2011
|
"skipped": [],
|
|
@@ -3706,7 +3710,9 @@
|
|
|
3706
3710
|
],
|
|
3707
3711
|
"coveredIndirectly": [],
|
|
3708
3712
|
"skipped": [],
|
|
3709
|
-
"uncovered": [
|
|
3713
|
+
"uncovered": [
|
|
3714
|
+
"placeholder"
|
|
3715
|
+
]
|
|
3710
3716
|
}
|
|
3711
3717
|
},
|
|
3712
3718
|
"label": {
|
|
@@ -3745,7 +3751,9 @@
|
|
|
3745
3751
|
],
|
|
3746
3752
|
"coveredIndirectly": [],
|
|
3747
3753
|
"skipped": [],
|
|
3748
|
-
"uncovered": [
|
|
3754
|
+
"uncovered": [
|
|
3755
|
+
"placeholder"
|
|
3756
|
+
]
|
|
3749
3757
|
}
|
|
3750
3758
|
},
|
|
3751
3759
|
"input": {
|
|
@@ -4634,7 +4642,9 @@
|
|
|
4634
4642
|
],
|
|
4635
4643
|
"coveredIndirectly": [],
|
|
4636
4644
|
"skipped": [],
|
|
4637
|
-
"uncovered": [
|
|
4645
|
+
"uncovered": [
|
|
4646
|
+
"placeholder"
|
|
4647
|
+
]
|
|
4638
4648
|
}
|
|
4639
4649
|
},
|
|
4640
4650
|
"label": {
|
|
@@ -4673,7 +4683,9 @@
|
|
|
4673
4683
|
],
|
|
4674
4684
|
"coveredIndirectly": [],
|
|
4675
4685
|
"skipped": [],
|
|
4676
|
-
"uncovered": [
|
|
4686
|
+
"uncovered": [
|
|
4687
|
+
"placeholder"
|
|
4688
|
+
]
|
|
4677
4689
|
}
|
|
4678
4690
|
},
|
|
4679
4691
|
"input": {
|
|
@@ -7466,7 +7478,9 @@
|
|
|
7466
7478
|
],
|
|
7467
7479
|
"coveredIndirectly": [],
|
|
7468
7480
|
"skipped": [],
|
|
7469
|
-
"uncovered": [
|
|
7481
|
+
"uncovered": [
|
|
7482
|
+
"placeholder"
|
|
7483
|
+
]
|
|
7470
7484
|
}
|
|
7471
7485
|
},
|
|
7472
7486
|
"label": {
|
|
@@ -9838,8 +9852,8 @@
|
|
|
9838
9852
|
"contrast": [
|
|
9839
9853
|
{
|
|
9840
9854
|
"name": "light",
|
|
9841
|
-
"cells":
|
|
9842
|
-
"measured":
|
|
9855
|
+
"cells": 3319,
|
|
9856
|
+
"measured": 2909,
|
|
9843
9857
|
"failing": 0,
|
|
9844
9858
|
"warnings": 324,
|
|
9845
9859
|
"disabledFailing": 0,
|
|
@@ -9914,8 +9928,8 @@
|
|
|
9914
9928
|
},
|
|
9915
9929
|
{
|
|
9916
9930
|
"name": "dark",
|
|
9917
|
-
"cells":
|
|
9918
|
-
"measured":
|
|
9931
|
+
"cells": 3319,
|
|
9932
|
+
"measured": 2909,
|
|
9919
9933
|
"failing": 0,
|
|
9920
9934
|
"warnings": 168,
|
|
9921
9935
|
"disabledFailing": 0,
|
|
@@ -9990,8 +10004,8 @@
|
|
|
9990
10004
|
},
|
|
9991
10005
|
{
|
|
9992
10006
|
"name": "dim",
|
|
9993
|
-
"cells":
|
|
9994
|
-
"measured":
|
|
10007
|
+
"cells": 3319,
|
|
10008
|
+
"measured": 2909,
|
|
9995
10009
|
"failing": 0,
|
|
9996
10010
|
"warnings": 272,
|
|
9997
10011
|
"disabledFailing": 0,
|
|
@@ -10066,8 +10080,8 @@
|
|
|
10066
10080
|
},
|
|
10067
10081
|
{
|
|
10068
10082
|
"name": "nord",
|
|
10069
|
-
"cells":
|
|
10070
|
-
"measured":
|
|
10083
|
+
"cells": 3319,
|
|
10084
|
+
"measured": 2909,
|
|
10071
10085
|
"failing": 0,
|
|
10072
10086
|
"warnings": 1234,
|
|
10073
10087
|
"disabledFailing": 0,
|
|
@@ -10142,8 +10156,8 @@
|
|
|
10142
10156
|
},
|
|
10143
10157
|
{
|
|
10144
10158
|
"name": "sunset",
|
|
10145
|
-
"cells":
|
|
10146
|
-
"measured":
|
|
10159
|
+
"cells": 3319,
|
|
10160
|
+
"measured": 2909,
|
|
10147
10161
|
"failing": 0,
|
|
10148
10162
|
"warnings": 271,
|
|
10149
10163
|
"disabledFailing": 0,
|
|
@@ -10300,18 +10314,60 @@
|
|
|
10300
10314
|
"what": "rem lengths (114)",
|
|
10301
10315
|
"detail": "rewritten to px at 16px/rem — lynx resolves rem against its 14px default page font size (measured, signalxjs/lynx#1183), which would draw every rem-based size 12.5% small"
|
|
10302
10316
|
},
|
|
10317
|
+
{
|
|
10318
|
+
"where": "lynx recipe for \"stack\".\"root\"",
|
|
10319
|
+
"what": "min-inline-size: 0",
|
|
10320
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
10321
|
+
"scope": "stack"
|
|
10322
|
+
},
|
|
10323
|
+
{
|
|
10324
|
+
"where": "lynx recipe for \"stack\".\"item\"",
|
|
10325
|
+
"what": "min-inline-size: 0",
|
|
10326
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
10327
|
+
"scope": "stack"
|
|
10328
|
+
},
|
|
10329
|
+
{
|
|
10330
|
+
"where": "lynx recipe for \"grid\".\"root\"",
|
|
10331
|
+
"what": "min-inline-size: 0",
|
|
10332
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
10333
|
+
"scope": "grid"
|
|
10334
|
+
},
|
|
10335
|
+
{
|
|
10336
|
+
"where": "lynx recipe for \"grid\".\"cell\"",
|
|
10337
|
+
"what": "min-inline-size: 0",
|
|
10338
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
10339
|
+
"scope": "grid"
|
|
10340
|
+
},
|
|
10303
10341
|
{
|
|
10304
10342
|
"where": "lynx recipe for \"grid\"",
|
|
10305
10343
|
"what": "rem lengths (1)",
|
|
10306
10344
|
"detail": "rewritten to px at 16px/rem — lynx resolves rem against its 14px default page font size (measured, signalxjs/lynx#1183), which would draw every rem-based size 12.5% small",
|
|
10307
10345
|
"scope": "grid"
|
|
10308
10346
|
},
|
|
10347
|
+
{
|
|
10348
|
+
"where": "lynx recipe for \"container\".\"root\"",
|
|
10349
|
+
"what": "inline-size: 100%",
|
|
10350
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10351
|
+
"scope": "container"
|
|
10352
|
+
},
|
|
10353
|
+
{
|
|
10354
|
+
"where": "lynx recipe for \"container\".\"root\"",
|
|
10355
|
+
"what": "max-inline-size: var(--l-measure)",
|
|
10356
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (max-width)",
|
|
10357
|
+
"scope": "container"
|
|
10358
|
+
},
|
|
10309
10359
|
{
|
|
10310
10360
|
"where": "lynx recipe for \"tabs\".\"list\"",
|
|
10311
10361
|
"what": "display: inline-flex",
|
|
10312
10362
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10313
10363
|
"scope": "tabs"
|
|
10314
10364
|
},
|
|
10365
|
+
{
|
|
10366
|
+
"where": "lynx recipe for \"tabs\".\"list\"",
|
|
10367
|
+
"what": "max-inline-size: 100%",
|
|
10368
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (max-width)",
|
|
10369
|
+
"scope": "tabs"
|
|
10370
|
+
},
|
|
10315
10371
|
{
|
|
10316
10372
|
"where": "lynx recipe for \"tabs\"",
|
|
10317
10373
|
"what": "--tab-radius-min",
|
|
@@ -10408,6 +10464,12 @@
|
|
|
10408
10464
|
"detail": "rewritten to px at 16px/rem — lynx resolves rem against its 14px default page font size (measured, signalxjs/lynx#1183), which would draw every rem-based size 12.5% small",
|
|
10409
10465
|
"scope": "menu"
|
|
10410
10466
|
},
|
|
10467
|
+
{
|
|
10468
|
+
"where": "lynx recipe for \"fieldset\".\"root\"",
|
|
10469
|
+
"what": "min-inline-size: 0",
|
|
10470
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
10471
|
+
"scope": "fieldset"
|
|
10472
|
+
},
|
|
10411
10473
|
{
|
|
10412
10474
|
"where": "lynx recipe for \"checkbox\"",
|
|
10413
10475
|
"what": "--checkbox-size",
|
|
@@ -10468,6 +10530,18 @@
|
|
|
10468
10530
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10469
10531
|
"scope": "select"
|
|
10470
10532
|
},
|
|
10533
|
+
{
|
|
10534
|
+
"where": "lynx recipe for \"select\".\"clear-trigger\"",
|
|
10535
|
+
"what": "block-size: min(1.5rem, 100%)",
|
|
10536
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10537
|
+
"scope": "select"
|
|
10538
|
+
},
|
|
10539
|
+
{
|
|
10540
|
+
"where": "lynx recipe for \"select\".\"clear-trigger\"",
|
|
10541
|
+
"what": "min-inline-size: 1.5rem",
|
|
10542
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
10543
|
+
"scope": "select"
|
|
10544
|
+
},
|
|
10471
10545
|
{
|
|
10472
10546
|
"where": "lynx recipe for \"select\".\"clear-trigger\"",
|
|
10473
10547
|
"what": "display: inline-flex",
|
|
@@ -10476,19 +10550,49 @@
|
|
|
10476
10550
|
},
|
|
10477
10551
|
{
|
|
10478
10552
|
"where": "lynx recipe for \"select\"",
|
|
10479
|
-
"what": "rem lengths (
|
|
10553
|
+
"what": "rem lengths (14)",
|
|
10480
10554
|
"detail": "rewritten to px at 16px/rem — lynx resolves rem against its 14px default page font size (measured, signalxjs/lynx#1183), which would draw every rem-based size 12.5% small",
|
|
10481
10555
|
"scope": "select"
|
|
10482
10556
|
},
|
|
10557
|
+
{
|
|
10558
|
+
"where": "lynx recipe for \"button\".\"spinner\"",
|
|
10559
|
+
"what": "inline-size: 1em",
|
|
10560
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10561
|
+
"scope": "button"
|
|
10562
|
+
},
|
|
10563
|
+
{
|
|
10564
|
+
"where": "lynx recipe for \"button\".\"spinner\"",
|
|
10565
|
+
"what": "block-size: 1em",
|
|
10566
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10567
|
+
"scope": "button"
|
|
10568
|
+
},
|
|
10483
10569
|
{
|
|
10484
10570
|
"where": "lynx recipe for \"button\".\"root\"",
|
|
10485
10571
|
"what": "display: inline-flex",
|
|
10486
10572
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10487
10573
|
"scope": "button"
|
|
10488
10574
|
},
|
|
10575
|
+
{
|
|
10576
|
+
"where": "lynx recipe for \"button\".\"root\"",
|
|
10577
|
+
"what": "inline-size: 100%",
|
|
10578
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10579
|
+
"scope": "button"
|
|
10580
|
+
},
|
|
10581
|
+
{
|
|
10582
|
+
"where": "lynx recipe for \"button\".\"root\"",
|
|
10583
|
+
"what": "max-inline-size: 16rem",
|
|
10584
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (max-width)",
|
|
10585
|
+
"scope": "button"
|
|
10586
|
+
},
|
|
10587
|
+
{
|
|
10588
|
+
"where": "lynx recipe for \"button\".\"root\"",
|
|
10589
|
+
"what": "inline-size: 100%",
|
|
10590
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10591
|
+
"scope": "button"
|
|
10592
|
+
},
|
|
10489
10593
|
{
|
|
10490
10594
|
"where": "lynx recipe for \"button\"",
|
|
10491
|
-
"what": "rem lengths (
|
|
10595
|
+
"what": "rem lengths (1)",
|
|
10492
10596
|
"detail": "rewritten to px at 16px/rem — lynx resolves rem against its 14px default page font size (measured, signalxjs/lynx#1183), which would draw every rem-based size 12.5% small",
|
|
10493
10597
|
"scope": "button"
|
|
10494
10598
|
},
|
|
@@ -10498,18 +10602,24 @@
|
|
|
10498
10602
|
"detail": "calc-holding custom-property chain inlined: value substituted into 2 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
|
|
10499
10603
|
"scope": "avatar"
|
|
10500
10604
|
},
|
|
10501
|
-
{
|
|
10502
|
-
"where": "lynx recipe for \"avatar-group\".\"root\"",
|
|
10503
|
-
"what": "display: inline-flex",
|
|
10504
|
-
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10505
|
-
"scope": "avatar-group"
|
|
10506
|
-
},
|
|
10507
10605
|
{
|
|
10508
10606
|
"where": "lynx recipe for \"avatar-group\"",
|
|
10509
10607
|
"what": "--avatar-group-size",
|
|
10510
|
-
"detail": "calc-holding custom-property chain inlined: value substituted into
|
|
10608
|
+
"detail": "calc-holding custom-property chain inlined: value substituted into 3 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
|
|
10511
10609
|
"scope": "avatar-group"
|
|
10512
10610
|
},
|
|
10611
|
+
{
|
|
10612
|
+
"where": "lynx recipe for \"toast\".\"indicator\"",
|
|
10613
|
+
"what": "inline-size: var(--toast-mark)",
|
|
10614
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10615
|
+
"scope": "toast"
|
|
10616
|
+
},
|
|
10617
|
+
{
|
|
10618
|
+
"where": "lynx recipe for \"toast\".\"indicator\"",
|
|
10619
|
+
"what": "block-size: var(--toast-mark)",
|
|
10620
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10621
|
+
"scope": "toast"
|
|
10622
|
+
},
|
|
10513
10623
|
{
|
|
10514
10624
|
"where": "lynx recipe for \"toast\"",
|
|
10515
10625
|
"what": "rem lengths (2)",
|
|
@@ -10625,10 +10735,10 @@
|
|
|
10625
10735
|
"scope": "textarea"
|
|
10626
10736
|
},
|
|
10627
10737
|
{
|
|
10628
|
-
"where": "lynx recipe for \"
|
|
10629
|
-
"what": "
|
|
10630
|
-
"detail": "
|
|
10631
|
-
"scope": "
|
|
10738
|
+
"where": "lynx recipe for \"card\".\"media\"",
|
|
10739
|
+
"what": "inline-size: 100%",
|
|
10740
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10741
|
+
"scope": "card"
|
|
10632
10742
|
},
|
|
10633
10743
|
{
|
|
10634
10744
|
"where": "lynx recipe for \"empty-state\".\"icon\"",
|
|
@@ -10636,18 +10746,78 @@
|
|
|
10636
10746
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10637
10747
|
"scope": "empty-state"
|
|
10638
10748
|
},
|
|
10749
|
+
{
|
|
10750
|
+
"where": "lynx recipe for \"empty-state\".\"description\"",
|
|
10751
|
+
"what": "max-inline-size: 100%",
|
|
10752
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (max-width)",
|
|
10753
|
+
"scope": "empty-state"
|
|
10754
|
+
},
|
|
10639
10755
|
{
|
|
10640
10756
|
"where": "lynx recipe for \"badge\".\"root\"",
|
|
10641
10757
|
"what": "display: inline-flex",
|
|
10642
10758
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10643
10759
|
"scope": "badge"
|
|
10644
10760
|
},
|
|
10761
|
+
{
|
|
10762
|
+
"where": "lynx recipe for \"badge\".\"dot\"",
|
|
10763
|
+
"what": "inline-size: 0.5em",
|
|
10764
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10765
|
+
"scope": "badge"
|
|
10766
|
+
},
|
|
10767
|
+
{
|
|
10768
|
+
"where": "lynx recipe for \"badge\".\"dot\"",
|
|
10769
|
+
"what": "block-size: 0.5em",
|
|
10770
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10771
|
+
"scope": "badge"
|
|
10772
|
+
},
|
|
10773
|
+
{
|
|
10774
|
+
"where": "lynx recipe for \"divider\".\"root\"",
|
|
10775
|
+
"what": "inline-size: 100%",
|
|
10776
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10777
|
+
"scope": "divider"
|
|
10778
|
+
},
|
|
10779
|
+
{
|
|
10780
|
+
"where": "lynx recipe for \"divider\".\"root\"",
|
|
10781
|
+
"what": "block-size: var(--divider-thickness)",
|
|
10782
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10783
|
+
"scope": "divider"
|
|
10784
|
+
},
|
|
10785
|
+
{
|
|
10786
|
+
"where": "lynx recipe for \"divider\".\"root\"",
|
|
10787
|
+
"what": "min-block-size: 1em",
|
|
10788
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-height)",
|
|
10789
|
+
"scope": "divider"
|
|
10790
|
+
},
|
|
10791
|
+
{
|
|
10792
|
+
"where": "lynx recipe for \"divider\".\"root\"",
|
|
10793
|
+
"what": "inline-size: var(--divider-thickness)",
|
|
10794
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10795
|
+
"scope": "divider"
|
|
10796
|
+
},
|
|
10645
10797
|
{
|
|
10646
10798
|
"where": "lynx recipe for \"divider\"",
|
|
10647
10799
|
"what": "--divider-thickness",
|
|
10648
10800
|
"detail": "calc-holding custom-property chain inlined: value substituted into 2 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
|
|
10649
10801
|
"scope": "divider"
|
|
10650
10802
|
},
|
|
10803
|
+
{
|
|
10804
|
+
"where": "lynx recipe for \"divider\" css (raw stylesheet escape hatch)",
|
|
10805
|
+
"what": "logical sizing properties (2)",
|
|
10806
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there",
|
|
10807
|
+
"scope": "divider"
|
|
10808
|
+
},
|
|
10809
|
+
{
|
|
10810
|
+
"where": "lynx recipe for \"spinner\".\"root\"",
|
|
10811
|
+
"what": "inline-size: var(--spinner-size)",
|
|
10812
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10813
|
+
"scope": "spinner"
|
|
10814
|
+
},
|
|
10815
|
+
{
|
|
10816
|
+
"where": "lynx recipe for \"spinner\".\"root\"",
|
|
10817
|
+
"what": "block-size: var(--spinner-size)",
|
|
10818
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10819
|
+
"scope": "spinner"
|
|
10820
|
+
},
|
|
10651
10821
|
{
|
|
10652
10822
|
"where": "lynx recipe for \"spinner\"",
|
|
10653
10823
|
"what": "--spinner-size",
|
|
@@ -10660,10 +10830,34 @@
|
|
|
10660
10830
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10661
10831
|
"scope": "kbd"
|
|
10662
10832
|
},
|
|
10833
|
+
{
|
|
10834
|
+
"where": "lynx recipe for \"kbd\".\"root\"",
|
|
10835
|
+
"what": "min-inline-size: 1.75em",
|
|
10836
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
10837
|
+
"scope": "kbd"
|
|
10838
|
+
},
|
|
10839
|
+
{
|
|
10840
|
+
"where": "lynx recipe for \"kbd\".\"root\"",
|
|
10841
|
+
"what": "min-inline-size: 1.5em",
|
|
10842
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
10843
|
+
"scope": "kbd"
|
|
10844
|
+
},
|
|
10845
|
+
{
|
|
10846
|
+
"where": "lynx recipe for \"status\".\"root\"",
|
|
10847
|
+
"what": "inline-size: var(--status-size)",
|
|
10848
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10849
|
+
"scope": "status"
|
|
10850
|
+
},
|
|
10851
|
+
{
|
|
10852
|
+
"where": "lynx recipe for \"status\".\"root\"",
|
|
10853
|
+
"what": "block-size: var(--status-size)",
|
|
10854
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10855
|
+
"scope": "status"
|
|
10856
|
+
},
|
|
10663
10857
|
{
|
|
10664
10858
|
"where": "lynx recipe for \"status\"",
|
|
10665
10859
|
"what": "--status-size",
|
|
10666
|
-
"detail": "calc-holding custom-property chain inlined: value substituted into
|
|
10860
|
+
"detail": "calc-holding custom-property chain inlined: value substituted into 4 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
|
|
10667
10861
|
"scope": "status"
|
|
10668
10862
|
},
|
|
10669
10863
|
{
|
|
@@ -10672,12 +10866,78 @@
|
|
|
10672
10866
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10673
10867
|
"scope": "indicator"
|
|
10674
10868
|
},
|
|
10869
|
+
{
|
|
10870
|
+
"where": "lynx recipe for \"stats\"",
|
|
10871
|
+
"what": "rem lengths (1)",
|
|
10872
|
+
"detail": "rewritten to px at 16px/rem — lynx resolves rem against its 14px default page font size (measured, signalxjs/lynx#1183), which would draw every rem-based size 12.5% small",
|
|
10873
|
+
"scope": "stats"
|
|
10874
|
+
},
|
|
10875
|
+
{
|
|
10876
|
+
"where": "lynx recipe for \"timeline\".\"marker\"",
|
|
10877
|
+
"what": "inline-size: var(--timeline-marker-size)",
|
|
10878
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10879
|
+
"scope": "timeline"
|
|
10880
|
+
},
|
|
10881
|
+
{
|
|
10882
|
+
"where": "lynx recipe for \"timeline\".\"marker\"",
|
|
10883
|
+
"what": "block-size: var(--timeline-marker-size)",
|
|
10884
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10885
|
+
"scope": "timeline"
|
|
10886
|
+
},
|
|
10887
|
+
{
|
|
10888
|
+
"where": "lynx recipe for \"timeline\".\"connector\"",
|
|
10889
|
+
"what": "inline-size: var(--border)",
|
|
10890
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10891
|
+
"scope": "timeline"
|
|
10892
|
+
},
|
|
10893
|
+
{
|
|
10894
|
+
"where": "lynx recipe for \"timeline\".\"connector\"",
|
|
10895
|
+
"what": "min-block-size: var(--space-lg)",
|
|
10896
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-height)",
|
|
10897
|
+
"scope": "timeline"
|
|
10898
|
+
},
|
|
10899
|
+
{
|
|
10900
|
+
"where": "lynx recipe for \"timeline\".\"connector\"",
|
|
10901
|
+
"what": "block-size: 100%",
|
|
10902
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10903
|
+
"scope": "timeline"
|
|
10904
|
+
},
|
|
10905
|
+
{
|
|
10906
|
+
"where": "lynx recipe for \"timeline\".\"connector\"",
|
|
10907
|
+
"what": "block-size: var(--border)",
|
|
10908
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10909
|
+
"scope": "timeline"
|
|
10910
|
+
},
|
|
10911
|
+
{
|
|
10912
|
+
"where": "lynx recipe for \"timeline\".\"connector\"",
|
|
10913
|
+
"what": "min-inline-size: var(--space-lg)",
|
|
10914
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
10915
|
+
"scope": "timeline"
|
|
10916
|
+
},
|
|
10917
|
+
{
|
|
10918
|
+
"where": "lynx recipe for \"timeline\".\"connector\"",
|
|
10919
|
+
"what": "inline-size: 100%",
|
|
10920
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10921
|
+
"scope": "timeline"
|
|
10922
|
+
},
|
|
10675
10923
|
{
|
|
10676
10924
|
"where": "lynx recipe for \"timeline\"",
|
|
10677
10925
|
"what": "--timeline-marker-size",
|
|
10678
|
-
"detail": "calc-holding custom-property chain inlined: value substituted into
|
|
10926
|
+
"detail": "calc-holding custom-property chain inlined: value substituted into 4 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
|
|
10679
10927
|
"scope": "timeline"
|
|
10680
10928
|
},
|
|
10929
|
+
{
|
|
10930
|
+
"where": "lynx recipe for \"chat\".\"bubble\"",
|
|
10931
|
+
"what": "max-inline-size: 90%",
|
|
10932
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (max-width)",
|
|
10933
|
+
"scope": "chat"
|
|
10934
|
+
},
|
|
10935
|
+
{
|
|
10936
|
+
"where": "lynx recipe for \"chat-log\".\"jump-trigger\"",
|
|
10937
|
+
"what": "block-size: var(--chat-log-jump-size)",
|
|
10938
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10939
|
+
"scope": "chat-log"
|
|
10940
|
+
},
|
|
10681
10941
|
{
|
|
10682
10942
|
"where": "lynx recipe for \"chat-log\".\"jump-trigger\"",
|
|
10683
10943
|
"what": "display: inline-flex",
|
|
@@ -10690,6 +10950,18 @@
|
|
|
10690
10950
|
"detail": "calc-holding custom-property chain inlined: value substituted into 1 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
|
|
10691
10951
|
"scope": "chat-log"
|
|
10692
10952
|
},
|
|
10953
|
+
{
|
|
10954
|
+
"where": "lynx recipe for \"radial-progress\".\"root\"",
|
|
10955
|
+
"what": "inline-size: var(--radial-size)",
|
|
10956
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
10957
|
+
"scope": "radial-progress"
|
|
10958
|
+
},
|
|
10959
|
+
{
|
|
10960
|
+
"where": "lynx recipe for \"radial-progress\".\"root\"",
|
|
10961
|
+
"what": "block-size: var(--radial-size)",
|
|
10962
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
10963
|
+
"scope": "radial-progress"
|
|
10964
|
+
},
|
|
10693
10965
|
{
|
|
10694
10966
|
"where": "lynx recipe for \"radial-progress\"",
|
|
10695
10967
|
"what": "--radial-size",
|
|
@@ -10708,18 +10980,60 @@
|
|
|
10708
10980
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10709
10981
|
"scope": "join"
|
|
10710
10982
|
},
|
|
10983
|
+
{
|
|
10984
|
+
"where": "lynx recipe for \"navbar\".\"root\"",
|
|
10985
|
+
"what": "min-block-size: 4rem",
|
|
10986
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-height)",
|
|
10987
|
+
"scope": "navbar"
|
|
10988
|
+
},
|
|
10989
|
+
{
|
|
10990
|
+
"where": "lynx recipe for \"navbar\".\"root\"",
|
|
10991
|
+
"what": "min-block-size: 2.5rem",
|
|
10992
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-height)",
|
|
10993
|
+
"scope": "navbar"
|
|
10994
|
+
},
|
|
10995
|
+
{
|
|
10996
|
+
"where": "lynx recipe for \"navbar\".\"root\"",
|
|
10997
|
+
"what": "min-block-size: 3rem",
|
|
10998
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-height)",
|
|
10999
|
+
"scope": "navbar"
|
|
11000
|
+
},
|
|
11001
|
+
{
|
|
11002
|
+
"where": "lynx recipe for \"navbar\".\"root\"",
|
|
11003
|
+
"what": "min-block-size: 5rem",
|
|
11004
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-height)",
|
|
11005
|
+
"scope": "navbar"
|
|
11006
|
+
},
|
|
11007
|
+
{
|
|
11008
|
+
"where": "lynx recipe for \"navbar\".\"root\"",
|
|
11009
|
+
"what": "min-block-size: 6rem",
|
|
11010
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-height)",
|
|
11011
|
+
"scope": "navbar"
|
|
11012
|
+
},
|
|
10711
11013
|
{
|
|
10712
11014
|
"where": "lynx recipe for \"navbar\"",
|
|
10713
11015
|
"what": "rem lengths (5)",
|
|
10714
11016
|
"detail": "rewritten to px at 16px/rem — lynx resolves rem against its 14px default page font size (measured, signalxjs/lynx#1183), which would draw every rem-based size 12.5% small",
|
|
10715
11017
|
"scope": "navbar"
|
|
10716
11018
|
},
|
|
11019
|
+
{
|
|
11020
|
+
"where": "lynx recipe for \"nav-list\".\"link\"",
|
|
11021
|
+
"what": "inline-size: 100%",
|
|
11022
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11023
|
+
"scope": "nav-list"
|
|
11024
|
+
},
|
|
10717
11025
|
{
|
|
10718
11026
|
"where": "lynx recipe for \"nav-list\".\"icon\"",
|
|
10719
11027
|
"what": "display: inline-flex",
|
|
10720
11028
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10721
11029
|
"scope": "nav-list"
|
|
10722
11030
|
},
|
|
11031
|
+
{
|
|
11032
|
+
"where": "lynx recipe for \"nav-list\".\"icon\"",
|
|
11033
|
+
"what": "inline-size: 1.25em",
|
|
11034
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11035
|
+
"scope": "nav-list"
|
|
11036
|
+
},
|
|
10723
11037
|
{
|
|
10724
11038
|
"where": "lynx recipe for \"nav-list\".\"meta\"",
|
|
10725
11039
|
"what": "display: inline-flex",
|
|
@@ -10732,36 +11046,108 @@
|
|
|
10732
11046
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10733
11047
|
"scope": "pagination"
|
|
10734
11048
|
},
|
|
11049
|
+
{
|
|
11050
|
+
"where": "lynx recipe for \"pagination\".\"item\"",
|
|
11051
|
+
"what": "min-inline-size: var(--pg-size)",
|
|
11052
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
11053
|
+
"scope": "pagination"
|
|
11054
|
+
},
|
|
11055
|
+
{
|
|
11056
|
+
"where": "lynx recipe for \"pagination\".\"item\"",
|
|
11057
|
+
"what": "block-size: var(--pg-size)",
|
|
11058
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11059
|
+
"scope": "pagination"
|
|
11060
|
+
},
|
|
10735
11061
|
{
|
|
10736
11062
|
"where": "lynx recipe for \"pagination\".\"ellipsis\"",
|
|
10737
11063
|
"what": "display: inline-flex",
|
|
10738
11064
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10739
11065
|
"scope": "pagination"
|
|
10740
11066
|
},
|
|
11067
|
+
{
|
|
11068
|
+
"where": "lynx recipe for \"pagination\".\"ellipsis\"",
|
|
11069
|
+
"what": "min-inline-size: var(--pg-size)",
|
|
11070
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
11071
|
+
"scope": "pagination"
|
|
11072
|
+
},
|
|
11073
|
+
{
|
|
11074
|
+
"where": "lynx recipe for \"pagination\".\"ellipsis\"",
|
|
11075
|
+
"what": "block-size: var(--pg-size)",
|
|
11076
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11077
|
+
"scope": "pagination"
|
|
11078
|
+
},
|
|
10741
11079
|
{
|
|
10742
11080
|
"where": "lynx recipe for \"pagination\".\"first-trigger\"",
|
|
10743
11081
|
"what": "display: inline-flex",
|
|
10744
11082
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10745
11083
|
"scope": "pagination"
|
|
10746
11084
|
},
|
|
11085
|
+
{
|
|
11086
|
+
"where": "lynx recipe for \"pagination\".\"first-trigger\"",
|
|
11087
|
+
"what": "min-inline-size: var(--pg-size)",
|
|
11088
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
11089
|
+
"scope": "pagination"
|
|
11090
|
+
},
|
|
11091
|
+
{
|
|
11092
|
+
"where": "lynx recipe for \"pagination\".\"first-trigger\"",
|
|
11093
|
+
"what": "block-size: var(--pg-size)",
|
|
11094
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11095
|
+
"scope": "pagination"
|
|
11096
|
+
},
|
|
10747
11097
|
{
|
|
10748
11098
|
"where": "lynx recipe for \"pagination\".\"prev-trigger\"",
|
|
10749
11099
|
"what": "display: inline-flex",
|
|
10750
11100
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10751
11101
|
"scope": "pagination"
|
|
10752
11102
|
},
|
|
11103
|
+
{
|
|
11104
|
+
"where": "lynx recipe for \"pagination\".\"prev-trigger\"",
|
|
11105
|
+
"what": "min-inline-size: var(--pg-size)",
|
|
11106
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
11107
|
+
"scope": "pagination"
|
|
11108
|
+
},
|
|
11109
|
+
{
|
|
11110
|
+
"where": "lynx recipe for \"pagination\".\"prev-trigger\"",
|
|
11111
|
+
"what": "block-size: var(--pg-size)",
|
|
11112
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11113
|
+
"scope": "pagination"
|
|
11114
|
+
},
|
|
10753
11115
|
{
|
|
10754
11116
|
"where": "lynx recipe for \"pagination\".\"next-trigger\"",
|
|
10755
11117
|
"what": "display: inline-flex",
|
|
10756
11118
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10757
11119
|
"scope": "pagination"
|
|
10758
11120
|
},
|
|
11121
|
+
{
|
|
11122
|
+
"where": "lynx recipe for \"pagination\".\"next-trigger\"",
|
|
11123
|
+
"what": "min-inline-size: var(--pg-size)",
|
|
11124
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
11125
|
+
"scope": "pagination"
|
|
11126
|
+
},
|
|
11127
|
+
{
|
|
11128
|
+
"where": "lynx recipe for \"pagination\".\"next-trigger\"",
|
|
11129
|
+
"what": "block-size: var(--pg-size)",
|
|
11130
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11131
|
+
"scope": "pagination"
|
|
11132
|
+
},
|
|
10759
11133
|
{
|
|
10760
11134
|
"where": "lynx recipe for \"pagination\".\"last-trigger\"",
|
|
10761
11135
|
"what": "display: inline-flex",
|
|
10762
11136
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10763
11137
|
"scope": "pagination"
|
|
10764
11138
|
},
|
|
11139
|
+
{
|
|
11140
|
+
"where": "lynx recipe for \"pagination\".\"last-trigger\"",
|
|
11141
|
+
"what": "min-inline-size: var(--pg-size)",
|
|
11142
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (min-width)",
|
|
11143
|
+
"scope": "pagination"
|
|
11144
|
+
},
|
|
11145
|
+
{
|
|
11146
|
+
"where": "lynx recipe for \"pagination\".\"last-trigger\"",
|
|
11147
|
+
"what": "block-size: var(--pg-size)",
|
|
11148
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11149
|
+
"scope": "pagination"
|
|
11150
|
+
},
|
|
10765
11151
|
{
|
|
10766
11152
|
"where": "lynx recipe for \"pagination\"",
|
|
10767
11153
|
"what": "--pg-size",
|
|
@@ -10774,6 +11160,36 @@
|
|
|
10774
11160
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10775
11161
|
"scope": "steps"
|
|
10776
11162
|
},
|
|
11163
|
+
{
|
|
11164
|
+
"where": "lynx recipe for \"steps\".\"indicator\"",
|
|
11165
|
+
"what": "inline-size: var(--steps-ind)",
|
|
11166
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11167
|
+
"scope": "steps"
|
|
11168
|
+
},
|
|
11169
|
+
{
|
|
11170
|
+
"where": "lynx recipe for \"steps\".\"indicator\"",
|
|
11171
|
+
"what": "block-size: var(--steps-ind)",
|
|
11172
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11173
|
+
"scope": "steps"
|
|
11174
|
+
},
|
|
11175
|
+
{
|
|
11176
|
+
"where": "lynx recipe for \"steps\".\"separator\"",
|
|
11177
|
+
"what": "inline-size: 100%",
|
|
11178
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11179
|
+
"scope": "steps"
|
|
11180
|
+
},
|
|
11181
|
+
{
|
|
11182
|
+
"where": "lynx recipe for \"steps\".\"separator\"",
|
|
11183
|
+
"what": "block-size: var(--border)",
|
|
11184
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11185
|
+
"scope": "steps"
|
|
11186
|
+
},
|
|
11187
|
+
{
|
|
11188
|
+
"where": "lynx recipe for \"steps\".\"separator\"",
|
|
11189
|
+
"what": "inline-size: var(--border)",
|
|
11190
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11191
|
+
"scope": "steps"
|
|
11192
|
+
},
|
|
10777
11193
|
{
|
|
10778
11194
|
"where": "lynx recipe for \"steps\".\"prev-trigger\"",
|
|
10779
11195
|
"what": "display: inline-flex",
|
|
@@ -10789,7 +11205,7 @@
|
|
|
10789
11205
|
{
|
|
10790
11206
|
"where": "lynx recipe for \"steps\"",
|
|
10791
11207
|
"what": "--steps-ind",
|
|
10792
|
-
"detail": "calc-holding custom-property chain inlined: value substituted into
|
|
11208
|
+
"detail": "calc-holding custom-property chain inlined: value substituted into 8 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
|
|
10793
11209
|
"scope": "steps"
|
|
10794
11210
|
},
|
|
10795
11211
|
{
|
|
@@ -10798,12 +11214,66 @@
|
|
|
10798
11214
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10799
11215
|
"scope": "drawer"
|
|
10800
11216
|
},
|
|
11217
|
+
{
|
|
11218
|
+
"where": "lynx recipe for \"drawer\".\"panel\"",
|
|
11219
|
+
"what": "inline-size: 100%",
|
|
11220
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11221
|
+
"scope": "drawer"
|
|
11222
|
+
},
|
|
11223
|
+
{
|
|
11224
|
+
"where": "lynx recipe for \"drawer\".\"panel\"",
|
|
11225
|
+
"what": "max-inline-size: var(--l-measure)",
|
|
11226
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (max-width)",
|
|
11227
|
+
"scope": "drawer"
|
|
11228
|
+
},
|
|
11229
|
+
{
|
|
11230
|
+
"where": "lynx recipe for \"drawer\".\"panel\"",
|
|
11231
|
+
"what": "block-size: 100dvh",
|
|
11232
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11233
|
+
"scope": "drawer"
|
|
11234
|
+
},
|
|
11235
|
+
{
|
|
11236
|
+
"where": "lynx recipe for \"drawer\".\"panel\"",
|
|
11237
|
+
"what": "max-block-size: 100dvh",
|
|
11238
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (max-height)",
|
|
11239
|
+
"scope": "drawer"
|
|
11240
|
+
},
|
|
11241
|
+
{
|
|
11242
|
+
"where": "lynx recipe for \"drawer\".\"panel\"",
|
|
11243
|
+
"what": "block-size: auto",
|
|
11244
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11245
|
+
"scope": "drawer"
|
|
11246
|
+
},
|
|
11247
|
+
{
|
|
11248
|
+
"where": "lynx recipe for \"drawer\".\"panel\"",
|
|
11249
|
+
"what": "max-block-size: 85dvh",
|
|
11250
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (max-height)",
|
|
11251
|
+
"scope": "drawer"
|
|
11252
|
+
},
|
|
11253
|
+
{
|
|
11254
|
+
"where": "lynx recipe for \"drawer\".\"panel\"",
|
|
11255
|
+
"what": "block-size: auto",
|
|
11256
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11257
|
+
"scope": "drawer"
|
|
11258
|
+
},
|
|
11259
|
+
{
|
|
11260
|
+
"where": "lynx recipe for \"drawer\".\"panel\"",
|
|
11261
|
+
"what": "max-block-size: 85dvh",
|
|
11262
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (max-height)",
|
|
11263
|
+
"scope": "drawer"
|
|
11264
|
+
},
|
|
10801
11265
|
{
|
|
10802
11266
|
"where": "lynx recipe for \"drawer\".\"close\"",
|
|
10803
11267
|
"what": "display: inline-flex",
|
|
10804
11268
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10805
11269
|
"scope": "drawer"
|
|
10806
11270
|
},
|
|
11271
|
+
{
|
|
11272
|
+
"where": "lynx recipe for \"table\".\"table\"",
|
|
11273
|
+
"what": "inline-size: 100%",
|
|
11274
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11275
|
+
"scope": "table"
|
|
11276
|
+
},
|
|
10807
11277
|
{
|
|
10808
11278
|
"where": "lynx recipe for \"table\".\"sort-trigger\"",
|
|
10809
11279
|
"what": "display: inline-flex",
|
|
@@ -10828,6 +11298,42 @@
|
|
|
10828
11298
|
"detail": "calc-holding custom-property chain inlined: value substituted into 1 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
|
|
10829
11299
|
"scope": "file-upload"
|
|
10830
11300
|
},
|
|
11301
|
+
{
|
|
11302
|
+
"where": "lynx recipe for \"carousel\".\"prev-trigger\"",
|
|
11303
|
+
"what": "inline-size: var(--carousel-nav)",
|
|
11304
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11305
|
+
"scope": "carousel"
|
|
11306
|
+
},
|
|
11307
|
+
{
|
|
11308
|
+
"where": "lynx recipe for \"carousel\".\"prev-trigger\"",
|
|
11309
|
+
"what": "block-size: var(--carousel-nav)",
|
|
11310
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11311
|
+
"scope": "carousel"
|
|
11312
|
+
},
|
|
11313
|
+
{
|
|
11314
|
+
"where": "lynx recipe for \"carousel\".\"next-trigger\"",
|
|
11315
|
+
"what": "inline-size: var(--carousel-nav)",
|
|
11316
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11317
|
+
"scope": "carousel"
|
|
11318
|
+
},
|
|
11319
|
+
{
|
|
11320
|
+
"where": "lynx recipe for \"carousel\".\"next-trigger\"",
|
|
11321
|
+
"what": "block-size: var(--carousel-nav)",
|
|
11322
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11323
|
+
"scope": "carousel"
|
|
11324
|
+
},
|
|
11325
|
+
{
|
|
11326
|
+
"where": "lynx recipe for \"carousel\".\"indicator\"",
|
|
11327
|
+
"what": "inline-size: max(var(--carousel-dot), 1.5rem)",
|
|
11328
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11329
|
+
"scope": "carousel"
|
|
11330
|
+
},
|
|
11331
|
+
{
|
|
11332
|
+
"where": "lynx recipe for \"carousel\".\"indicator\"",
|
|
11333
|
+
"what": "block-size: max(var(--carousel-dot), 1.5rem)",
|
|
11334
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (height)",
|
|
11335
|
+
"scope": "carousel"
|
|
11336
|
+
},
|
|
10831
11337
|
{
|
|
10832
11338
|
"where": "lynx recipe for \"carousel\"",
|
|
10833
11339
|
"what": "rem lengths (10)",
|
|
@@ -10840,6 +11346,12 @@
|
|
|
10840
11346
|
"detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
|
|
10841
11347
|
"scope": "countdown"
|
|
10842
11348
|
},
|
|
11349
|
+
{
|
|
11350
|
+
"where": "lynx recipe for \"diff\".\"handle\"",
|
|
11351
|
+
"what": "inline-size: var(--diff-hit)",
|
|
11352
|
+
"detail": "lynx ignores the logical sizing properties (measured, signalxjs/lynx#1250 — daisy's divider drew no rule) and has no writing modes, so the block axis is always vertical; rewritten to the physical property it names there (width)",
|
|
11353
|
+
"scope": "diff"
|
|
11354
|
+
},
|
|
10843
11355
|
{
|
|
10844
11356
|
"where": "lynx recipe for \"diff\"",
|
|
10845
11357
|
"what": "rem lengths (10)",
|
|
@@ -11767,7 +12279,7 @@
|
|
|
11767
12279
|
},
|
|
11768
12280
|
{
|
|
11769
12281
|
"where": "lynx recipe for \"select\".\"clear-trigger\"",
|
|
11770
|
-
"what": "
|
|
12282
|
+
"what": "height: min(1.5rem, 100%)",
|
|
11771
12283
|
"detail": "min()/max()/clamp() are not implemented by lynx's engine — the declaration would be dropped on device and lay out as though never written; dropped here instead, supply a lynx replacement in the recipe target section",
|
|
11772
12284
|
"scope": "select"
|
|
11773
12285
|
},
|
|
@@ -12023,12 +12535,6 @@
|
|
|
12023
12535
|
"detail": "conditional rules (@media/@supports/breakpoints) are not emitted on this target — responsive styling is runtime JS on lynx",
|
|
12024
12536
|
"scope": "toast"
|
|
12025
12537
|
},
|
|
12026
|
-
{
|
|
12027
|
-
"where": "lynx recipe for \"toast\".\"indicator\"",
|
|
12028
|
-
"what": "border: calc(var(--border) * 2) solid color-mix(in oklab, var(--toast-ink) 25%, transparent)",
|
|
12029
|
-
"detail": "a color function over --border cannot bake — only the theme's --color-* vocabulary has a literal per theme, and a recipe-local property's value depends on which compound matched; dropped, supply a lynx replacement in the recipe target section",
|
|
12030
|
-
"scope": "toast"
|
|
12031
|
-
},
|
|
12032
12538
|
{
|
|
12033
12539
|
"where": "lynx recipe for \"toast\".\"indicator\"",
|
|
12034
12540
|
"what": "clipPath: polygon(15.1% 41.3%, 1% 55%, 37.6% 92.8%, 99% 19.8%, 83.9% 7.2%, 36.6% 63.5%)",
|
|
@@ -12317,6 +12823,18 @@
|
|
|
12317
12823
|
"detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section",
|
|
12318
12824
|
"scope": "input"
|
|
12319
12825
|
},
|
|
12826
|
+
{
|
|
12827
|
+
"where": "lynx recipe for \"input\".\"input\"",
|
|
12828
|
+
"what": "selectors[\"&::-webkit-search-cancel-button\"]",
|
|
12829
|
+
"detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section",
|
|
12830
|
+
"scope": "input"
|
|
12831
|
+
},
|
|
12832
|
+
{
|
|
12833
|
+
"where": "lynx recipe for \"input\".\"input\"",
|
|
12834
|
+
"what": "selectors[\"&::-webkit-search-decoration\"]",
|
|
12835
|
+
"detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section",
|
|
12836
|
+
"scope": "input"
|
|
12837
|
+
},
|
|
12320
12838
|
{
|
|
12321
12839
|
"where": "lynx recipe for \"input\".\"adornment\"",
|
|
12322
12840
|
"what": "paddingInlineStart: var(--space-md)",
|
|
@@ -12401,24 +12919,6 @@
|
|
|
12401
12919
|
"detail": "margin-block-start resolves on iOS but not on Android (measured, signalxjs/lynx#1084) — cross-platform-asymmetric, treated as unsupported; dropped, restate the geometry with a physical spelling (top/right/bottom/left, margin-*/padding-*) in the recipe's lynx target section",
|
|
12402
12920
|
"scope": "empty-state"
|
|
12403
12921
|
},
|
|
12404
|
-
{
|
|
12405
|
-
"where": "lynx recipe for \"badge\" tokens",
|
|
12406
|
-
"what": "--badge-dot: currentColor",
|
|
12407
|
-
"detail": "currentColor never resolves on lynx (measured on device on both platforms, signalxjs/lynx#1079) — the declaration would ship and silently paint nothing; dropped, spend the ink the element's color rules deliver (a plain var() chain or a baked literal) in the recipe's lynx target section",
|
|
12408
|
-
"scope": "badge"
|
|
12409
|
-
},
|
|
12410
|
-
{
|
|
12411
|
-
"where": "lynx recipe for \"badge\" tokens",
|
|
12412
|
-
"what": "--badge-dot-ring: currentColor",
|
|
12413
|
-
"detail": "currentColor never resolves on lynx (measured on device on both platforms, signalxjs/lynx#1079) — the declaration would ship and silently paint nothing; dropped, spend the ink the element's color rules deliver (a plain var() chain or a baked literal) in the recipe's lynx target section",
|
|
12414
|
-
"scope": "badge"
|
|
12415
|
-
},
|
|
12416
|
-
{
|
|
12417
|
-
"where": "lynx recipe for \"badge\".\"dot\"",
|
|
12418
|
-
"what": "boxShadow: 0 0 0 0.2em color-mix(in oklch, var(--badge-dot) 35%, transparent)",
|
|
12419
|
-
"detail": "a color function over --badge-dot cannot bake — only the theme's --color-* vocabulary has a literal per theme, and a recipe-local property's value depends on which compound matched; dropped, supply a lynx replacement in the recipe target section",
|
|
12420
|
-
"scope": "badge"
|
|
12421
|
-
},
|
|
12422
12922
|
{
|
|
12423
12923
|
"where": "lynx recipe for \"badge\".\"dot\"",
|
|
12424
12924
|
"what": "at[\"reduced-motion\"]",
|
|
@@ -12431,12 +12931,6 @@
|
|
|
12431
12931
|
"detail": "conditional rules (@media/@supports/breakpoints) are not emitted on this target — responsive styling is runtime JS on lynx",
|
|
12432
12932
|
"scope": "badge"
|
|
12433
12933
|
},
|
|
12434
|
-
{
|
|
12435
|
-
"where": "lynx recipe for \"badge\" keyframes \"zero-daisy-badge-pulse\"",
|
|
12436
|
-
"what": "keyframes zero-daisy-badge-pulse",
|
|
12437
|
-
"detail": "a keyframes block is not selector-scoped, so a color function over theme variables cannot be restated per theme the way a declaration can — the animation is dropped; supply a lynx replacement in the recipe target section",
|
|
12438
|
-
"scope": "badge"
|
|
12439
|
-
},
|
|
12440
12934
|
{
|
|
12441
12935
|
"where": "lynx recipe for \"divider\".\"root\"",
|
|
12442
12936
|
"what": "selectors[\"&::before\"]",
|
|
@@ -12533,12 +13027,6 @@
|
|
|
12533
13027
|
"detail": "conditional rules (@media/@supports/breakpoints) are not emitted on this target — responsive styling is runtime JS on lynx",
|
|
12534
13028
|
"scope": "spinner"
|
|
12535
13029
|
},
|
|
12536
|
-
{
|
|
12537
|
-
"where": "lynx recipe for \"status\".\"root\"",
|
|
12538
|
-
"what": "boxShadow: 0 0 0 calc(var(--status-size) / 4) color-mix(in oklch, var(--status-ink) 25%, transparent)",
|
|
12539
|
-
"detail": "a color function over --status-size cannot bake — only the theme's --color-* vocabulary has a literal per theme, and a recipe-local property's value depends on which compound matched; dropped, supply a lynx replacement in the recipe target section",
|
|
12540
|
-
"scope": "status"
|
|
12541
|
-
},
|
|
12542
13030
|
{
|
|
12543
13031
|
"where": "lynx recipe for \"indicator\".\"item\"",
|
|
12544
13032
|
"what": "insetBlockStart: 0",
|
|
@@ -13031,12 +13519,6 @@
|
|
|
13031
13519
|
"detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section",
|
|
13032
13520
|
"scope": "pagination"
|
|
13033
13521
|
},
|
|
13034
|
-
{
|
|
13035
|
-
"where": "lynx recipe for \"steps\" tokens",
|
|
13036
|
-
"what": "--steps-complete-ink: color-mix(in oklab, var(--steps-accent) 70%, var(--color-base-content))",
|
|
13037
|
-
"detail": "a color function over --steps-accent cannot bake — only the theme's --color-* vocabulary has a literal per theme, and a recipe-local property's value depends on which compound matched; dropped, supply a lynx replacement in the recipe target section",
|
|
13038
|
-
"scope": "steps"
|
|
13039
|
-
},
|
|
13040
13522
|
{
|
|
13041
13523
|
"where": "lynx recipe for \"steps\".\"root\"",
|
|
13042
13524
|
"what": "selectors[\"&:has(> [data-scope=\"steps\"]:is([data-part=\"content\"], [data-part=\"prev-trigger\"], [data-part=\"next-trigger\"]))\"]",
|
|
@@ -13049,12 +13531,6 @@
|
|
|
13049
13531
|
"detail": "padding-block-end resolves on iOS but not on Android (measured, signalxjs/lynx#1084) — cross-platform-asymmetric, treated as unsupported; dropped, restate the geometry with a physical spelling (top/right/bottom/left, margin-*/padding-*) in the recipe's lynx target section",
|
|
13050
13532
|
"scope": "steps"
|
|
13051
13533
|
},
|
|
13052
|
-
{
|
|
13053
|
-
"where": "lynx recipe for \"steps\".\"indicator\"",
|
|
13054
|
-
"what": "background: color-mix(in oklab, var(--steps-accent) 20%, var(--color-base-100))",
|
|
13055
|
-
"detail": "a color function over --steps-accent cannot bake — only the theme's --color-* vocabulary has a literal per theme, and a recipe-local property's value depends on which compound matched; dropped, supply a lynx replacement in the recipe target section",
|
|
13056
|
-
"scope": "steps"
|
|
13057
|
-
},
|
|
13058
13534
|
{
|
|
13059
13535
|
"where": "lynx recipe for \"steps\".\"separator\"",
|
|
13060
13536
|
"what": "insetBlockStart: calc(var(--space-xs) + var(--steps-ind) / 2)",
|
|
@@ -13615,13 +14091,13 @@
|
|
|
13615
14091
|
},
|
|
13616
14092
|
{
|
|
13617
14093
|
"where": "lynx recipe for \"carousel\".\"indicator\"",
|
|
13618
|
-
"what": "
|
|
14094
|
+
"what": "width: max(var(--carousel-dot), 1.5rem)",
|
|
13619
14095
|
"detail": "min()/max()/clamp() are not implemented by lynx's engine — the declaration would be dropped on device and lay out as though never written; dropped here instead, supply a lynx replacement in the recipe target section",
|
|
13620
14096
|
"scope": "carousel"
|
|
13621
14097
|
},
|
|
13622
14098
|
{
|
|
13623
14099
|
"where": "lynx recipe for \"carousel\".\"indicator\"",
|
|
13624
|
-
"what": "
|
|
14100
|
+
"what": "height: max(var(--carousel-dot), 1.5rem)",
|
|
13625
14101
|
"detail": "min()/max()/clamp() are not implemented by lynx's engine — the declaration would be dropped on device and lay out as though never written; dropped here instead, supply a lynx replacement in the recipe target section",
|
|
13626
14102
|
"scope": "carousel"
|
|
13627
14103
|
},
|