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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +23 -9
  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 +23 -9
  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 +222 -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 +786 -318
  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 +465 -80
  49. package/dist/recipes.js.map +1 -1
  50. package/dist/register.d.ts +2 -3
  51. package/dist/report.json +401 -34
  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 +468 -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",
@@ -8151,16 +8528,6 @@
8151
8528
  "what": "at[\"reduced-motion\"]",
8152
8529
  "detail": "conditional rules (@media/@supports/breakpoints) are not emitted on this target — responsive styling is runtime JS on lynx"
8153
8530
  },
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
8531
  {
8165
8532
  "where": "lynx recipe for \"slider\".\"mark\"",
8166
8533
  "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"}
package/dist/tokens.js CHANGED
@@ -99,17 +99,29 @@ const fx = (depth) => ({
99
99
  'fx-noise': FX_NOISE,
100
100
  });
101
101
  /**
102
- * The `variant` axis vocabulary — what button's variants.variant keys on.
102
+ * Button's `variant` vocabulary — what button's variants.variant keys on.
103
103
  * Declared so a recipe typo is a build error, not a minted value; exported
104
104
  * `as const` so `defineApi` can narrow the api declaration against it.
105
105
  *
106
106
  * `dash` and `link` are daisyUI 5's `btn-dash` / `btn-link` (#332). daisy
107
107
  * documents `dash` (with `outline` and `soft`) on badge and alert too, but
108
- * this package wires `variant` on button only — the repo-wide decision
109
- * (#175) — so the union below IS button's vocabulary, and the `scopes`
110
- * entry makes that claim explicit.
108
+ * this package wires them on button only — the repo-wide decision (#175) —
109
+ * and the `scopes` entry makes that claim explicit.
111
110
  */
112
- export const variants = ['solid', 'outline', 'soft', 'ghost', 'dash', 'link'];
111
+ export const buttonVariants = ['solid', 'outline', 'soft', 'ghost', 'dash', 'link'];
112
+ /**
113
+ * Tabs' `variant` vocabulary — daisy's three tab flavors (#377):
114
+ * `tabs-border` (underline, daisy's default look), `tabs-lift`, `tabs-box`.
115
+ * Its own set rather than a widening of button's: a `border` button or a
116
+ * `solid` tab is a word with no box, and the per-scope claims below keep
117
+ * each recipe answerable only for its own flavors.
118
+ */
119
+ export const tabVariants = ['border', 'lift', 'box'];
120
+ /**
121
+ * The design-system-wide `variant` axis vocabulary — the union of the
122
+ * per-scope sets; `scopes` narrows each scope back to its own.
123
+ */
124
+ export const variants = [...buttonVariants, ...tabVariants];
113
125
  /**
114
126
  * daisyUI 5's button modifier set (#332), each a documented `btn-*` class:
115
127
  * `btn-wide`, `btn-block`, `btn-square`, `btn-circle`, `btn-active`, and
@@ -137,17 +149,19 @@ export const tokens = {
137
149
  modifiers: [...modifiers, ...tableModifiers],
138
150
  /**
139
151
  * Per-scope vocabulary claims (#294). Button wires `variant` and the
140
- * `btn-*` modifier set (#175); restating that union is the explicit
152
+ * `btn-*` modifier set (#175); restating its union is the explicit
141
153
  * claim "yes, button carries all of it", the same grammar zero-basic's
142
154
  * button entry uses. Table (#340) narrows to its own two looks — the
143
- * "later scope adopts part of the axis" case this block predicted.
155
+ * "later scope adopts part of the axis" case this block predicted —
156
+ * and tabs (#377) carries the three flavors and nothing of button's.
144
157
  */
145
158
  scopes: {
146
159
  button: {
147
- variants: [...variants],
160
+ variants: [...buttonVariants],
148
161
  modifiers: [...modifiers],
149
162
  },
150
163
  table: { modifiers: [...tableModifiers] },
164
+ tabs: { variants: [...tabVariants] },
151
165
  },
152
166
  system,
153
167
  defaultLight: 'light',