@sigx/zero-daisyui 0.2.0-beta.3 → 0.2.0-beta.5

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 (58) hide show
  1. package/README.md +8 -0
  2. package/dist/components.d.ts +3 -2
  3. package/dist/css/components/button.css +6 -0
  4. package/dist/css/components/tabs.css +191 -19
  5. package/dist/css/index.css +197 -19
  6. package/dist/lynx/components/alert.css +1 -1
  7. package/dist/lynx/components/avatar.css +22 -7
  8. package/dist/lynx/components/badge.css +1 -1
  9. package/dist/lynx/components/button.css +6 -1
  10. package/dist/lynx/components/checkbox.css +25 -10
  11. package/dist/lynx/components/combobox.css +2 -2
  12. package/dist/lynx/components/countdown.css +1 -1
  13. package/dist/lynx/components/dialog.css +3 -3
  14. package/dist/lynx/components/divider.css +18 -19
  15. package/dist/lynx/components/drawer.css +2 -2
  16. package/dist/lynx/components/file-upload.css +18 -7
  17. package/dist/lynx/components/indicator.css +1 -1
  18. package/dist/lynx/components/input.css +2 -2
  19. package/dist/lynx/components/join.css +1 -1
  20. package/dist/lynx/components/kbd.css +1 -1
  21. package/dist/lynx/components/menu.css +1 -1
  22. package/dist/lynx/components/native-select.css +1 -1
  23. package/dist/lynx/components/number-input.css +2 -2
  24. package/dist/lynx/components/pagination.css +92 -23
  25. package/dist/lynx/components/popover.css +2 -2
  26. package/dist/lynx/components/progress.css +17 -25
  27. package/dist/lynx/components/radial-progress.css +22 -24
  28. package/dist/lynx/components/radio-group.css +26 -11
  29. package/dist/lynx/components/rating-group.css +19 -23
  30. package/dist/lynx/components/select.css +2 -2
  31. package/dist/lynx/components/slider.css +3 -0
  32. package/dist/lynx/components/spinner.css +22 -19
  33. package/dist/lynx/components/status.css +27 -20
  34. package/dist/lynx/components/steps.css +67 -18
  35. package/dist/lynx/components/switch.css +79 -37
  36. package/dist/lynx/components/table.css +51 -8
  37. package/dist/lynx/components/tabs.css +383 -21
  38. package/dist/lynx/components/textarea.css +1 -1
  39. package/dist/lynx/components/timeline.css +27 -20
  40. package/dist/lynx/components/toggle-group.css +2 -2
  41. package/dist/lynx/components/toggle.css +1 -1
  42. package/dist/lynx/components/tooltip.css +1 -1
  43. package/dist/lynx/index.css +952 -321
  44. package/dist/lynx/manifest.json +33 -7
  45. package/dist/manifest.json +31 -5
  46. package/dist/recipes.d.ts +28 -0
  47. package/dist/recipes.d.ts.map +1 -1
  48. package/dist/recipes.js +522 -80
  49. package/dist/recipes.js.map +1 -1
  50. package/dist/register.d.ts +2 -3
  51. package/dist/report.json +401 -44
  52. package/dist/tokens.d.ts +17 -5
  53. package/dist/tokens.d.ts.map +1 -1
  54. package/dist/tokens.js +22 -8
  55. package/dist/tokens.js.map +1 -1
  56. package/package.json +4 -4
  57. package/src/recipes.ts +527 -81
  58. package/src/tokens.ts +24 -8
@@ -21,12 +21,11 @@ declare module '@sigx/zero' {
21
21
  ease: 'linear' | 'standard' | 'emphasized';
22
22
  };
23
23
  components: {
24
- /** tabs — color, size wired. */
24
+ /** tabs — color, size, variant wired. */
25
25
  'tabs': {
26
26
  color: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
27
27
  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
28
- /** Accepts `variant` at runtime, but no daisyui recipe wires it — the attribute would match nothing. */
29
- variant: never;
28
+ variant: 'border' | 'lift' | 'box';
30
29
  axes: Record<string, never>;
31
30
  mods: Record<string, never>;
32
31
  };
package/dist/report.json CHANGED
@@ -31,7 +31,10 @@
31
31
  "soft",
32
32
  "ghost",
33
33
  "dash",
34
- "link"
34
+ "link",
35
+ "border",
36
+ "lift",
37
+ "box"
35
38
  ],
36
39
  "axes": {},
37
40
  "modifiers": [
@@ -69,6 +72,13 @@
69
72
  "zebra",
70
73
  "hover"
71
74
  ]
75
+ },
76
+ "tabs": {
77
+ "variants": [
78
+ "border",
79
+ "lift",
80
+ "box"
81
+ ]
72
82
  }
73
83
  }
74
84
  },
@@ -5535,18 +5545,26 @@
5535
5545
  "status": "wired"
5536
5546
  },
5537
5547
  "variant": {
5538
- "wired": [],
5539
- "status": "unwired"
5548
+ "wired": [
5549
+ "border",
5550
+ "box",
5551
+ "lift"
5552
+ ],
5553
+ "status": "wired",
5554
+ "offered": [
5555
+ "border",
5556
+ "box",
5557
+ "lift"
5558
+ ]
5540
5559
  }
5541
5560
  },
5542
5561
  "customAxes": {},
5543
5562
  "mods": [],
5544
5563
  "defaults": {
5545
- "size": "md"
5564
+ "size": "md",
5565
+ "variant": "border"
5546
5566
  },
5547
- "never": [
5548
- "variant"
5549
- ],
5567
+ "never": [],
5550
5568
  "parts": {
5551
5569
  "root": {
5552
5570
  "styled": true,
@@ -7362,8 +7380,11 @@
7362
7380
  },
7363
7381
  "variant": {
7364
7382
  "wiredAnywhere": [
7383
+ "border",
7384
+ "box",
7365
7385
  "dash",
7366
7386
  "ghost",
7387
+ "lift",
7367
7388
  "link",
7368
7389
  "outline",
7369
7390
  "soft",
@@ -7377,10 +7398,51 @@
7377
7398
  "outline",
7378
7399
  "soft",
7379
7400
  "solid"
7401
+ ],
7402
+ "tabs": [
7403
+ "border",
7404
+ "box",
7405
+ "lift"
7380
7406
  ]
7381
7407
  },
7382
- "subsets": [],
7383
- "declared": []
7408
+ "subsets": [
7409
+ {
7410
+ "scope": "button",
7411
+ "wired": [
7412
+ "dash",
7413
+ "ghost",
7414
+ "link",
7415
+ "outline",
7416
+ "soft",
7417
+ "solid"
7418
+ ],
7419
+ "missing": [
7420
+ "border",
7421
+ "box",
7422
+ "lift"
7423
+ ]
7424
+ },
7425
+ {
7426
+ "scope": "tabs",
7427
+ "wired": [
7428
+ "border",
7429
+ "box",
7430
+ "lift"
7431
+ ],
7432
+ "missing": [
7433
+ "dash",
7434
+ "ghost",
7435
+ "link",
7436
+ "outline",
7437
+ "soft",
7438
+ "solid"
7439
+ ]
7440
+ }
7441
+ ],
7442
+ "declared": [
7443
+ "button",
7444
+ "tabs"
7445
+ ]
7384
7446
  }
7385
7447
  },
7386
7448
  "themes": [
@@ -7794,10 +7856,300 @@
7794
7856
  "what": "@property registrations, @layer, light-dark()/prefers-color-scheme",
7795
7857
  "detail": "omitted: colors are baked per theme block and switching is a class swap, so there is nothing left for them to do"
7796
7858
  },
7859
+ {
7860
+ "where": "lynx recipe for \"tabs\".\"list\"",
7861
+ "what": "display: inline-flex",
7862
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7863
+ },
7864
+ {
7865
+ "where": "lynx recipe for \"tabs\"",
7866
+ "what": "--tab-radius-min",
7867
+ "detail": "calc-holding custom-property chain inlined: value substituted into 0 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)"
7868
+ },
7869
+ {
7870
+ "where": "lynx recipe for \"switch\"",
7871
+ "what": "--switch-p",
7872
+ "detail": "calc-holding custom-property chain inlined: value substituted into 6 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)"
7873
+ },
7874
+ {
7875
+ "where": "lynx recipe for \"switch\"",
7876
+ "what": "--switch-size",
7877
+ "detail": "calc-holding custom-property chain inlined: value substituted into 5 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)"
7878
+ },
7879
+ {
7880
+ "where": "lynx recipe for \"dialog\".\"trigger\"",
7881
+ "what": "display: inline-flex",
7882
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7883
+ },
7884
+ {
7885
+ "where": "lynx recipe for \"dialog\".\"close\"",
7886
+ "what": "display: inline-flex",
7887
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7888
+ },
7889
+ {
7890
+ "where": "lynx recipe for \"dialog\".\"cancel\"",
7891
+ "what": "display: inline-flex",
7892
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7893
+ },
7894
+ {
7895
+ "where": "lynx recipe for \"popover\".\"trigger\"",
7896
+ "what": "display: inline-flex",
7897
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7898
+ },
7899
+ {
7900
+ "where": "lynx recipe for \"popover\".\"close\"",
7901
+ "what": "display: inline-flex",
7902
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7903
+ },
7904
+ {
7905
+ "where": "lynx recipe for \"tooltip\".\"trigger\"",
7906
+ "what": "display: inline-flex",
7907
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7908
+ },
7909
+ {
7910
+ "where": "lynx recipe for \"menu\".\"trigger\"",
7911
+ "what": "display: inline-flex",
7912
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7913
+ },
7914
+ {
7915
+ "where": "lynx recipe for \"checkbox\".\"root\"",
7916
+ "what": "display: inline-flex",
7917
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7918
+ },
7919
+ {
7920
+ "where": "lynx recipe for \"checkbox\"",
7921
+ "what": "--checkbox-size",
7922
+ "detail": "calc-holding custom-property chain inlined: value substituted into 2 consumer declaration(s) across 6 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)"
7923
+ },
7924
+ {
7925
+ "where": "lynx recipe for \"radio-group\".\"item\"",
7926
+ "what": "display: inline-flex",
7927
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7928
+ },
7929
+ {
7930
+ "where": "lynx recipe for \"radio-group\"",
7931
+ "what": "--radio-size",
7932
+ "detail": "calc-holding custom-property chain inlined: value substituted into 2 consumer declaration(s) across 6 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)"
7933
+ },
7934
+ {
7935
+ "where": "lynx recipe for \"progress\"",
7936
+ "what": "--progress-track-size",
7937
+ "detail": "calc-holding custom-property chain inlined: value substituted into 1 consumer declaration(s) across 6 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)"
7938
+ },
7939
+ {
7940
+ "where": "lynx recipe for \"select\".\"root\"",
7941
+ "what": "display: inline-flex",
7942
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7943
+ },
7944
+ {
7945
+ "where": "lynx recipe for \"select\".\"trigger\"",
7946
+ "what": "display: inline-flex",
7947
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7948
+ },
7949
+ {
7950
+ "where": "lynx recipe for \"button\".\"root\"",
7951
+ "what": "display: inline-flex",
7952
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7953
+ },
7954
+ {
7955
+ "where": "lynx recipe for \"avatar\"",
7956
+ "what": "--avatar-size",
7957
+ "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)"
7958
+ },
7959
+ {
7960
+ "where": "lynx recipe for \"combobox\".\"root\"",
7961
+ "what": "display: inline-flex",
7962
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7963
+ },
7964
+ {
7965
+ "where": "lynx recipe for \"combobox\".\"control\"",
7966
+ "what": "display: inline-flex",
7967
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7968
+ },
7797
7969
  {
7798
7970
  "where": "lynx recipe for \"combobox\".\"input\"",
7799
7971
  "what": "flex: 1",
7800
7972
  "detail": "expanded to flex-grow/flex-shrink/flex-basis — lynx mis-expands the shorthand"
7973
+ },
7974
+ {
7975
+ "where": "lynx recipe for \"toggle\".\"root\"",
7976
+ "what": "display: inline-flex",
7977
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7978
+ },
7979
+ {
7980
+ "where": "lynx recipe for \"toggle-group\".\"root\"",
7981
+ "what": "display: inline-flex",
7982
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7983
+ },
7984
+ {
7985
+ "where": "lynx recipe for \"toggle-group\".\"item\"",
7986
+ "what": "display: inline-flex",
7987
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7988
+ },
7989
+ {
7990
+ "where": "lynx recipe for \"number-input\".\"root\"",
7991
+ "what": "display: inline-flex",
7992
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7993
+ },
7994
+ {
7995
+ "where": "lynx recipe for \"number-input\".\"control\"",
7996
+ "what": "display: inline-flex",
7997
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7998
+ },
7999
+ {
8000
+ "where": "lynx recipe for \"rating-group\".\"root\"",
8001
+ "what": "display: inline-flex",
8002
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8003
+ },
8004
+ {
8005
+ "where": "lynx recipe for \"rating-group\".\"control\"",
8006
+ "what": "display: inline-flex",
8007
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8008
+ },
8009
+ {
8010
+ "where": "lynx recipe for \"rating-group\"",
8011
+ "what": "--rating-size",
8012
+ "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)"
8013
+ },
8014
+ {
8015
+ "where": "lynx recipe for \"input\".\"root\"",
8016
+ "what": "display: inline-flex",
8017
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8018
+ },
8019
+ {
8020
+ "where": "lynx recipe for \"input\".\"control\"",
8021
+ "what": "display: inline-flex",
8022
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8023
+ },
8024
+ {
8025
+ "where": "lynx recipe for \"textarea\".\"root\"",
8026
+ "what": "display: inline-flex",
8027
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8028
+ },
8029
+ {
8030
+ "where": "lynx recipe for \"native-select\".\"root\"",
8031
+ "what": "display: inline-flex",
8032
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8033
+ },
8034
+ {
8035
+ "where": "lynx recipe for \"alert\".\"icon\"",
8036
+ "what": "display: inline-flex",
8037
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8038
+ },
8039
+ {
8040
+ "where": "lynx recipe for \"badge\".\"root\"",
8041
+ "what": "display: inline-flex",
8042
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8043
+ },
8044
+ {
8045
+ "where": "lynx recipe for \"divider\"",
8046
+ "what": "--divider-thickness",
8047
+ "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)"
8048
+ },
8049
+ {
8050
+ "where": "lynx recipe for \"spinner\"",
8051
+ "what": "--spinner-size",
8052
+ "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)"
8053
+ },
8054
+ {
8055
+ "where": "lynx recipe for \"kbd\".\"root\"",
8056
+ "what": "display: inline-flex",
8057
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8058
+ },
8059
+ {
8060
+ "where": "lynx recipe for \"status\"",
8061
+ "what": "--status-size",
8062
+ "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)"
8063
+ },
8064
+ {
8065
+ "where": "lynx recipe for \"indicator\".\"root\"",
8066
+ "what": "display: inline-flex",
8067
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8068
+ },
8069
+ {
8070
+ "where": "lynx recipe for \"timeline\"",
8071
+ "what": "--timeline-marker-size",
8072
+ "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)"
8073
+ },
8074
+ {
8075
+ "where": "lynx recipe for \"radial-progress\"",
8076
+ "what": "--radial-size",
8077
+ "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)"
8078
+ },
8079
+ {
8080
+ "where": "lynx recipe for \"radial-progress\"",
8081
+ "what": "--radial-thickness",
8082
+ "detail": "calc-holding custom-property chain inlined: value substituted into 0 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)"
8083
+ },
8084
+ {
8085
+ "where": "lynx recipe for \"join\".\"root\"",
8086
+ "what": "display: inline-flex",
8087
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8088
+ },
8089
+ {
8090
+ "where": "lynx recipe for \"pagination\".\"item\"",
8091
+ "what": "display: inline-flex",
8092
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8093
+ },
8094
+ {
8095
+ "where": "lynx recipe for \"pagination\".\"ellipsis\"",
8096
+ "what": "display: inline-flex",
8097
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8098
+ },
8099
+ {
8100
+ "where": "lynx recipe for \"pagination\".\"prev-trigger\"",
8101
+ "what": "display: inline-flex",
8102
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8103
+ },
8104
+ {
8105
+ "where": "lynx recipe for \"pagination\".\"next-trigger\"",
8106
+ "what": "display: inline-flex",
8107
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8108
+ },
8109
+ {
8110
+ "where": "lynx recipe for \"pagination\"",
8111
+ "what": "--pg-size",
8112
+ "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)"
8113
+ },
8114
+ {
8115
+ "where": "lynx recipe for \"steps\".\"indicator\"",
8116
+ "what": "display: inline-flex",
8117
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8118
+ },
8119
+ {
8120
+ "where": "lynx recipe for \"steps\"",
8121
+ "what": "--steps-ind",
8122
+ "detail": "calc-holding custom-property chain inlined: value substituted into 6 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)"
8123
+ },
8124
+ {
8125
+ "where": "lynx recipe for \"drawer\".\"trigger\"",
8126
+ "what": "display: inline-flex",
8127
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8128
+ },
8129
+ {
8130
+ "where": "lynx recipe for \"drawer\".\"close\"",
8131
+ "what": "display: inline-flex",
8132
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8133
+ },
8134
+ {
8135
+ "where": "lynx recipe for \"table\"",
8136
+ "what": "--table-pad-block",
8137
+ "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)"
8138
+ },
8139
+ {
8140
+ "where": "lynx recipe for \"file-upload\".\"trigger\"",
8141
+ "what": "display: inline-flex",
8142
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
8143
+ },
8144
+ {
8145
+ "where": "lynx recipe for \"file-upload\"",
8146
+ "what": "--fu-pad",
8147
+ "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)"
8148
+ },
8149
+ {
8150
+ "where": "lynx recipe for \"countdown\".\"root\"",
8151
+ "what": "display: inline-flex",
8152
+ "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)"
7801
8153
  }
7802
8154
  ],
7803
8155
  "dropped": [
@@ -7811,6 +8163,46 @@
7811
8163
  "what": "states.hover",
7812
8164
  "detail": "no hover on a touch platform — dropped; press styling flows through the pressed flag instead"
7813
8165
  },
8166
+ {
8167
+ "where": "lynx recipe for \"tabs\".\"tab\"",
8168
+ "what": "selectors[\"&::before\"]",
8169
+ "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8170
+ },
8171
+ {
8172
+ "where": "lynx recipe for \"tabs\".\"tab\"",
8173
+ "what": "selectors[\"&[data-state=\"active\"]:not([data-disabled])::before\"]",
8174
+ "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8175
+ },
8176
+ {
8177
+ "where": "lynx recipe for \"tabs\".\"tab\"",
8178
+ "what": "selectors[\"&[data-state=\"active\"]::before\"]",
8179
+ "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8180
+ },
8181
+ {
8182
+ "where": "lynx recipe for \"tabs\".\"tab\"",
8183
+ "what": "selectors[\"&[data-state=\"active\"]:first-child::before\"]",
8184
+ "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8185
+ },
8186
+ {
8187
+ "where": "lynx recipe for \"tabs\".\"tab\"",
8188
+ "what": "selectors[\"&[data-state=\"active\"]:last-child::before\"]",
8189
+ "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8190
+ },
8191
+ {
8192
+ "where": "lynx recipe for \"tabs\".\"tab\"",
8193
+ "what": "selectors[\"&[data-state=\"active\"]:only-child::before\"]",
8194
+ "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8195
+ },
8196
+ {
8197
+ "where": "lynx recipe for \"tabs\".\"tab\"",
8198
+ "what": "selectors[\"&[data-state=\"active\"]:first-child:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)::before\"]",
8199
+ "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8200
+ },
8201
+ {
8202
+ "where": "lynx recipe for \"tabs\".\"tab\"",
8203
+ "what": "selectors[\"&[data-state=\"active\"]:last-child:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)::before\"]",
8204
+ "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8205
+ },
7814
8206
  {
7815
8207
  "where": "lynx recipe for \"collapsible\".\"root\"",
7816
8208
  "what": "selectors[\"&::details-content\"]",
@@ -7841,21 +8233,6 @@
7841
8233
  "what": "selectors[\"&[data-state=\"open\"]::after\"]",
7842
8234
  "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
7843
8235
  },
7844
- {
7845
- "where": "lynx recipe for \"switch\".\"control\"",
7846
- "what": "borderRadius: calc(var(--radius-selector) + min(var(--switch-p), var(--switch-radius-max)) + min(var(--border), var(--switch-radius-max)))",
7847
- "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"
7848
- },
7849
- {
7850
- "where": "lynx recipe for \"switch\".\"control\"",
7851
- "what": "boxShadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset",
7852
- "detail": "a color function over currentColor cannot be evaluated at compile time on any target — dropped; supply a lynx replacement in the recipe target section"
7853
- },
7854
- {
7855
- "where": "lynx recipe for \"switch\".\"thumb\"",
7856
- "what": "boxShadow: 0 -1px var(--depth-shade) inset, 0 8px 0 -4px var(--depth-sheen) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000)",
7857
- "detail": "a color function over currentColor cannot be evaluated at compile time on any target — dropped; supply a lynx replacement in the recipe target section"
7858
- },
7859
8236
  {
7860
8237
  "where": "lynx recipe for \"dialog\".\"trigger\"",
7861
8238
  "what": "states.hover",
@@ -8121,11 +8498,6 @@
8121
8498
  "what": "selectors[\"&[data-required]::after\"]",
8122
8499
  "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8123
8500
  },
8124
- {
8125
- "where": "lynx recipe for \"checkbox\".\"control\"",
8126
- "what": "border: var(--border) solid var(--checkbox-accent, color-mix(in oklab, var(--color-base-content) 20%, #0000))",
8127
- "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"
8128
- },
8129
8501
  {
8130
8502
  "where": "lynx recipe for \"checkbox\".\"indicator\"",
8131
8503
  "what": "at[\"forced-colors\"]",
@@ -8141,26 +8513,11 @@
8141
8513
  "what": "selectors[\"&[data-invalid] [data-part=\"item-control\"]\"]",
8142
8514
  "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section"
8143
8515
  },
8144
- {
8145
- "where": "lynx recipe for \"radio-group\".\"item-control\"",
8146
- "what": "border: var(--border) solid var(--radio-accent, color-mix(in srgb, currentColor 20%, #0000))",
8147
- "detail": "a color function over currentColor cannot be evaluated at compile time on any target — dropped; supply a lynx replacement in the recipe target section"
8148
- },
8149
8516
  {
8150
8517
  "where": "lynx recipe for \"progress\".\"range\"",
8151
8518
  "what": "at[\"reduced-motion\"]",
8152
8519
  "detail": "conditional rules (@media/@supports/breakpoints) are not emitted on this target — responsive styling is runtime JS on lynx"
8153
8520
  },
8154
- {
8155
- "where": "lynx recipe for \"slider\".\"range\"",
8156
- "what": "background: color-mix(in oklab, var(--slider-accent) 90%, var(--color-base-content))",
8157
- "detail": "a color function over --slider-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"
8158
- },
8159
- {
8160
- "where": "lynx recipe for \"slider\".\"thumb\"",
8161
- "what": "background: color-mix(in oklab, var(--slider-accent) 90%, var(--color-base-content))",
8162
- "detail": "a color function over --slider-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"
8163
- },
8164
8521
  {
8165
8522
  "where": "lynx recipe for \"slider\".\"mark\"",
8166
8523
  "what": "selectors[\"&::before\"]",
package/dist/tokens.d.ts CHANGED
@@ -115,17 +115,29 @@ export declare const custom: {
115
115
  };
116
116
  };
117
117
  /**
118
- * The `variant` axis vocabulary — what button's variants.variant keys on.
118
+ * Button's `variant` vocabulary — what button's variants.variant keys on.
119
119
  * Declared so a recipe typo is a build error, not a minted value; exported
120
120
  * `as const` so `defineApi` can narrow the api declaration against it.
121
121
  *
122
122
  * `dash` and `link` are daisyUI 5's `btn-dash` / `btn-link` (#332). daisy
123
123
  * documents `dash` (with `outline` and `soft`) on badge and alert too, but
124
- * this package wires `variant` on button only — the repo-wide decision
125
- * (#175) — so the union below IS button's vocabulary, and the `scopes`
126
- * entry makes that claim explicit.
124
+ * this package wires them on button only — the repo-wide decision (#175) —
125
+ * and the `scopes` entry makes that claim explicit.
127
126
  */
128
- export declare const variants: readonly ['solid', 'outline', 'soft', 'ghost', 'dash', 'link'];
127
+ export declare const buttonVariants: readonly ['solid', 'outline', 'soft', 'ghost', 'dash', 'link'];
128
+ /**
129
+ * Tabs' `variant` vocabulary — daisy's three tab flavors (#377):
130
+ * `tabs-border` (underline, daisy's default look), `tabs-lift`, `tabs-box`.
131
+ * Its own set rather than a widening of button's: a `border` button or a
132
+ * `solid` tab is a word with no box, and the per-scope claims below keep
133
+ * each recipe answerable only for its own flavors.
134
+ */
135
+ export declare const tabVariants: readonly ['border', 'lift', 'box'];
136
+ /**
137
+ * The design-system-wide `variant` axis vocabulary — the union of the
138
+ * per-scope sets; `scopes` narrows each scope back to its own.
139
+ */
140
+ export declare const variants: readonly ["solid", "outline", "soft", "ghost", "dash", "link", "border", "lift", "box"];
129
141
  /**
130
142
  * daisyUI 5's button modifier set (#332), each a documented `btn-*` class:
131
143
  * `btn-wide`, `btn-block`, `btn-square`, `btn-circle`, `btn-active`, and
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAA2C,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE3F,qFAAqF;AACrF,eAAO,MAAM,KAAK;;;;;;;;;CAG2B,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM;;iBACL,QAAQ,EAAE,QAAQ;iBAAE,KAAK,EAAE,SAAS;iBAAE,GAAG,EAAE,QAAQ;;;iBACrD,QAAQ,EAAE,SAAS;iBAAE,KAAK,EAAE,SAAS;;;iBAIzC,KAAK;qBACD,IAAI,EAAE,0DAA0D;qBAChE,IAAI,EAAE,gDAAgD;;iBAE1D,OAAO;qBAAI,MAAM,EAAE,GAAG;qBAAE,MAAM,EAAE,GAAG;qBAAE,QAAQ,EAAE,GAAG;qBAAE,IAAI,EAAE,GAAG;;iBAC7D,OAAO;qBAAI,IAAI,EAAE,CAAC;qBAAE,KAAK,EAAE,IAAI;qBAAE,MAAM,EAAE,GAAG;;iBAC5C,QAAQ;qBAAI,MAAM,EAAE,KAAK;qBAAE,IAAI,EAAE,QAAQ;;;;iBAKzC,KAAK,EAAE,UAAU;iBACjB,EAAE,EAAE,SAAS;iBACb,EAAE,EAAE,UAAU;iBACd,EAAE,EAAE,QAAQ;iBACZ,EAAE,EAAE,SAAS;iBACb,EAAE,EAAE,MAAM;iBACV,KAAK,EAAE,SAAS;;;iBAIhB,EAAE,EAAE,gCAAgC;iBACpC,EAAE,EAAE,gCAAgC;iBACpC,EAAE,EAAE,+BAA+B;iBACnC,EAAE,EAAE,sCAAsC;iBAC1C,EAAE,EAAE,uCAAuC;;;iBAQ3C,SAAS;qBAAI,OAAO,EAAE,OAAO;qBAAE,IAAI,EAAE,OAAO;qBAAE,MAAM,EAAE,OAAO;qBAAE,IAAI,EAAE,OAAO;;iBAC5E,OAAO;qBAAI,QAAQ,EAAE,MAAM;;;qBAEvB,KAAK;8BACI,KAAK;CACO,CAAC;AAoBlC;;;GAGG;AACH,eAAO,MAAM,MAAM;;iBACN,WAAW,EAAE,qDAAqD;iBAAE,MAAM,EAAE,UAAU;;;iBAC9E,WAAW,EAAE,uCAAuC;;;iBACpD,WAAW,EAAE,uCAAuC;;;iBAC5D,WAAW,EAAE,+CAA+C;iBAAE,MAAM,EAAE,UAAU;;;iBAC3E,WAAW,EAAE,6BAA6B;;CACR,CAAC;AAWrD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,YAAI,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAU,CAAC;AAEvF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,YAAI,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAU,CAAC;AAE7F;;;;GAIG;AACH,eAAO,MAAM,cAAc,YAAI,OAAO,EAAE,OAAO,CAAU,CAAC;AAE1D,eAAO,MAAM,MAAM,EAAE,WAAW,CAAC,OAAO,KAAK,EAAE,OAAO,MAAM,CA4K3D,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAA2C,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE3F,qFAAqF;AACrF,eAAO,MAAM,KAAK;;;;;;;;;CAG2B,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM;;iBACL,QAAQ,EAAE,QAAQ;iBAAE,KAAK,EAAE,SAAS;iBAAE,GAAG,EAAE,QAAQ;;;iBACrD,QAAQ,EAAE,SAAS;iBAAE,KAAK,EAAE,SAAS;;;iBAIzC,KAAK;qBACD,IAAI,EAAE,0DAA0D;qBAChE,IAAI,EAAE,gDAAgD;;iBAE1D,OAAO;qBAAI,MAAM,EAAE,GAAG;qBAAE,MAAM,EAAE,GAAG;qBAAE,QAAQ,EAAE,GAAG;qBAAE,IAAI,EAAE,GAAG;;iBAC7D,OAAO;qBAAI,IAAI,EAAE,CAAC;qBAAE,KAAK,EAAE,IAAI;qBAAE,MAAM,EAAE,GAAG;;iBAC5C,QAAQ;qBAAI,MAAM,EAAE,KAAK;qBAAE,IAAI,EAAE,QAAQ;;;;iBAKzC,KAAK,EAAE,UAAU;iBACjB,EAAE,EAAE,SAAS;iBACb,EAAE,EAAE,UAAU;iBACd,EAAE,EAAE,QAAQ;iBACZ,EAAE,EAAE,SAAS;iBACb,EAAE,EAAE,MAAM;iBACV,KAAK,EAAE,SAAS;;;iBAIhB,EAAE,EAAE,gCAAgC;iBACpC,EAAE,EAAE,gCAAgC;iBACpC,EAAE,EAAE,+BAA+B;iBACnC,EAAE,EAAE,sCAAsC;iBAC1C,EAAE,EAAE,uCAAuC;;;iBAQ3C,SAAS;qBAAI,OAAO,EAAE,OAAO;qBAAE,IAAI,EAAE,OAAO;qBAAE,MAAM,EAAE,OAAO;qBAAE,IAAI,EAAE,OAAO;;iBAC5E,OAAO;qBAAI,QAAQ,EAAE,MAAM;;;qBAEvB,KAAK;8BACI,KAAK;CACO,CAAC;AAoBlC;;;GAGG;AACH,eAAO,MAAM,MAAM;;iBACN,WAAW,EAAE,qDAAqD;iBAAE,MAAM,EAAE,UAAU;;;iBAC9E,WAAW,EAAE,uCAAuC;;;iBACpD,WAAW,EAAE,uCAAuC;;;iBAC5D,WAAW,EAAE,+CAA+C;iBAAE,MAAM,EAAE,UAAU;;;iBAC3E,WAAW,EAAE,6BAA6B;;CACR,CAAC;AAWrD;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,YAAI,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAU,CAAC;AAE7F;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,YAAI,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAU,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,QAAQ,yFAA+C,CAAC;AAErE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,YAAI,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAU,CAAC;AAE7F;;;;GAIG;AACH,eAAO,MAAM,cAAc,YAAI,OAAO,EAAE,OAAO,CAAU,CAAC;AAE1D,eAAO,MAAM,MAAM,EAAE,WAAW,CAAC,OAAO,KAAK,EAAE,OAAO,MAAM,CA8K3D,CAAC"}