@sigx/zero-daisyui 0.2.0-beta.6 → 0.4.0

package/dist/lynx/manifest.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://signalxjs.github.io/zero/schemas/lynx-manifest.schema.json",
   "manifestVersion": 1,
-  "zeroVersion": "0.2.0-beta.6",
+  "zeroVersion": "0.4.0",
   "name": "daisyui",
   "themes": [
     {
@@ -96,18 +96,29 @@
       "lift",
       "box"
     ],
-    "axes": {},
+    "variantsDeclared": true,
+    "axes": {
+      "shape": [
+        "circle",
+        "square",
+        "rounded"
+      ]
+    },
     "modifiers": [
       "wide",
       "block",
       "square",
       "circle",
       "active",
-      "loading",
       "zebra",
-      "hover"
+      "hover",
+      "inline"
     ],
     "scopes": {
+      "box": {
+        "sizes": [],
+        "variants": []
+      },
       "button": {
         "variants": [
           "solid",
@@ -122,10 +133,39 @@
           "block",
           "square",
           "circle",
-          "active",
-          "loading"
+          "active"
+        ]
+      },
+      "center": {
+        "colors": [],
+        "sizes": [],
+        "variants": []
+      },
+      "container": {
+        "colors": [],
+        "sizes": [],
+        "variants": []
+      },
+      "countdown": {
+        "modifiers": [
+          "inline"
         ]
       },
+      "grid": {
+        "colors": [],
+        "sizes": [],
+        "variants": []
+      },
+      "spacer": {
+        "colors": [],
+        "sizes": [],
+        "variants": []
+      },
+      "stack": {
+        "colors": [],
+        "sizes": [],
+        "variants": []
+      },
       "table": {
         "modifiers": [
           "zebra",
@@ -159,7 +199,11 @@
         "description": "daisy's fractal-noise tile."
       }
     },
-    "breakpoints": {},
+    "breakpoints": {
+      "sm": "40rem",
+      "md": "48rem",
+      "lg": "64rem"
+    },
     "system": {
       "radius": {
         "selector": "0.5rem",
@@ -191,6 +235,14 @@
           "wide": "0.05em"
         }
       },
+      "measure": {
+        "xs": "20rem",
+        "sm": "24rem",
+        "md": "28rem",
+        "lg": "32rem",
+        "xl": "36rem",
+        "prose": "65ch"
+      },
       "spacing": {
         "2xs": "0.125rem",
         "xs": "0.25rem",
@@ -224,6 +276,9 @@
     "systemDark": {},
     "properties": [
       "--border",
+      "--breakpoint-lg",
+      "--breakpoint-md",
+      "--breakpoint-sm",
       "--color-accent",
       "--color-accent-content",
       "--color-accent-soft",
@@ -267,6 +322,12 @@
       "--leading-none",
       "--leading-normal",
       "--leading-tight",
+      "--measure-lg",
+      "--measure-md",
+      "--measure-prose",
+      "--measure-sm",
+      "--measure-xl",
+      "--measure-xs",
       "--noise",
       "--radius-box",
       "--radius-field",
@@ -294,6 +355,86 @@
     ]
   },
   "components": {
+    "stack": {
+      "color": [],
+      "size": [],
+      "variant": [],
+      "axes": {},
+      "mods": [],
+      "offered": {
+        "color": [],
+        "size": [],
+        "variant": []
+      }
+    },
+    "spacer": {
+      "color": [],
+      "size": [],
+      "variant": [],
+      "axes": {},
+      "mods": [],
+      "offered": {
+        "color": [],
+        "size": [],
+        "variant": []
+      }
+    },
+    "grid": {
+      "color": [],
+      "size": [],
+      "variant": [],
+      "axes": {},
+      "mods": [],
+      "offered": {
+        "color": [],
+        "size": [],
+        "variant": []
+      }
+    },
+    "center": {
+      "color": [],
+      "size": [],
+      "variant": [],
+      "axes": {},
+      "mods": [],
+      "offered": {
+        "color": [],
+        "size": [],
+        "variant": []
+      }
+    },
+    "box": {
+      "color": [
+        "primary",
+        "secondary",
+        "accent",
+        "neutral",
+        "info",
+        "success",
+        "warning",
+        "error"
+      ],
+      "size": [],
+      "variant": [],
+      "axes": {},
+      "mods": [],
+      "offered": {
+        "size": [],
+        "variant": []
+      }
+    },
+    "container": {
+      "color": [],
+      "size": [],
+      "variant": [],
+      "axes": {},
+      "mods": [],
+      "offered": {
+        "color": [],
+        "size": [],
+        "variant": []
+      }
+    },
     "tabs": {
       "color": [
         "primary",
@@ -354,6 +495,16 @@
       "mods": [],
       "defaults": {
         "size": "md"
+      },
+      "hooks": {
+        "properties": {
+          "--collapsible-accent": "The accent of the open trigger."
+        },
+        "pseudo": {
+          "trigger": [
+            "::after"
+          ]
+        }
       }
     },
     "switch": {
@@ -379,6 +530,13 @@
       "mods": [],
       "defaults": {
         "color": "primary"
+      },
+      "hooks": {
+        "properties": {
+          "--switch-size": "The height; width, padding and knob travel derive from it.",
+          "--switch-accent": "The checked track and knob accent.",
+          "--switch-ink": "The unchecked border, knob and ring ink (daisy --input-color)."
+        }
       }
     },
     "dialog": {
@@ -401,7 +559,12 @@
       ],
       "variant": [],
       "axes": {},
-      "mods": []
+      "mods": [],
+      "hooks": {
+        "keyframes": [
+          "zero-daisy-pop"
+        ]
+      }
     },
     "popover": {
       "color": [
@@ -670,14 +833,21 @@
         "block",
         "square",
         "circle",
-        "active",
-        "loading"
+        "active"
       ],
       "defaults": {
         "color": "primary",
         "variant": "solid",
         "size": "md"
       },
+      "hooks": {
+        "properties": {
+          "--btn-accent": "The fill of the solid variant.",
+          "--btn-on-accent": "The ink on --btn-accent.",
+          "--btn-soft": "The soft fill (soft variant, unfilled hover).",
+          "--btn-ink": "The ink of the unfilled variants."
+        }
+      },
       "offered": {
         "variant": [
           "solid",
@@ -692,8 +862,7 @@
           "block",
           "square",
           "circle",
-          "active",
-          "loading"
+          "active"
         ]
       }
     },
@@ -716,7 +885,13 @@
         "xl"
       ],
       "variant": [],
-      "axes": {},
+      "axes": {
+        "shape": [
+          "circle",
+          "square",
+          "rounded"
+        ]
+      },
       "mods": []
     },
     "toast": {
@@ -815,6 +990,12 @@
       "mods": [],
       "defaults": {
         "color": "primary"
+      },
+      "hooks": {
+        "properties": {
+          "--toggle-group-accent": "The fill of an on item.",
+          "--toggle-group-on-accent": "The ink on --toggle-group-accent."
+        }
       }
     },
     "number-input": {
@@ -927,7 +1108,7 @@
       "axes": {},
       "mods": []
     },
-    "native-select": {
+    "card": {
       "color": [
         "primary",
         "secondary",
@@ -947,9 +1128,14 @@
       ],
       "variant": [],
       "axes": {},
-      "mods": []
+      "mods": [],
+      "hooks": {
+        "properties": {
+          "--card-pad": "The card padding."
+        }
+      }
     },
-    "card": {
+    "alert": {
       "color": [
         "primary",
         "secondary",
@@ -971,7 +1157,7 @@
       "axes": {},
       "mods": []
     },
-    "alert": {
+    "empty-state": {
       "color": [
         "primary",
         "secondary",
@@ -991,7 +1177,13 @@
       ],
       "variant": [],
       "axes": {},
-      "mods": []
+      "mods": [],
+      "hooks": {
+        "properties": {
+          "--empty-accent": "The icon ink.",
+          "--empty-tint": "The surface fill."
+        }
+      }
     },
     "badge": {
       "color": [
@@ -1013,7 +1205,15 @@
       ],
       "variant": [],
       "axes": {},
-      "mods": []
+      "mods": [],
+      "hooks": {
+        "properties": {
+          "--badge-dot": "The status dot's fill (zero#130); the pill's ink at rest.",
+          "--badge-dot-ring": "The ring around a coloured status dot.",
+          "--badge-fill": "The badge fill.",
+          "--badge-ink": "The badge ink."
+        }
+      }
     },
     "divider": {
       "color": [
@@ -1057,7 +1257,12 @@
       ],
       "variant": [],
       "axes": {},
-      "mods": []
+      "mods": [],
+      "hooks": {
+        "properties": {
+          "--skeleton-fill": "The placeholder fill."
+        }
+      }
     },
     "spinner": {
       "color": [
@@ -1189,7 +1394,14 @@
       ],
       "variant": [],
       "axes": {},
-      "mods": []
+      "mods": [],
+      "hooks": {
+        "properties": {
+          "--timeline-accent": "The marker and connector accent.",
+          "--timeline-ring": "The ring around a coloured marker — the role's -content ink (#94).",
+          "--timeline-marker-size": "The marker diameter."
+        }
+      }
     },
     "chat": {
       "color": [
@@ -1279,6 +1491,35 @@
       "axes": {},
       "mods": []
     },
+    "nav-list": {
+      "color": [
+        "primary",
+        "secondary",
+        "accent",
+        "neutral",
+        "info",
+        "success",
+        "warning",
+        "error"
+      ],
+      "size": [
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl"
+      ],
+      "variant": [],
+      "axes": {},
+      "mods": [],
+      "hooks": {
+        "properties": {
+          "--nav-accent": "The current link's ink.",
+          "--nav-tint": "The current link's fill.",
+          "--nav-ink": "The resting link ink."
+        }
+      }
+    },
     "breadcrumbs": {
       "color": [
         "primary",
@@ -1391,6 +1632,15 @@
         "zebra",
         "hover"
       ],
+      "hooks": {
+        "properties": {
+          "--table-cell-align": "Cell text alignment; zero writes it inline from the column spec.",
+          "--table-accent": "The header ink accent.",
+          "--table-pad-block": "Cell block padding.",
+          "--table-pad-inline": "Cell inline padding.",
+          "--table-font": "The table font size."
+        }
+      },
       "offered": {
         "mods": [
           "zebra",
@@ -1484,7 +1734,14 @@
       ],
       "variant": [],
       "axes": {},
-      "mods": []
+      "mods": [
+        "inline"
+      ],
+      "offered": {
+        "mods": [
+          "inline"
+        ]
+      }
     },
     "diff": {
       "color": [
@@ -1510,6 +1767,36 @@
     }
   },
   "api": {
+    "stack": {
+      "carrier": "root",
+      "singlePart": false,
+      "props": {}
+    },
+    "spacer": {
+      "carrier": "root",
+      "singlePart": true,
+      "props": {}
+    },
+    "grid": {
+      "carrier": "root",
+      "singlePart": false,
+      "props": {}
+    },
+    "center": {
+      "carrier": "root",
+      "singlePart": true,
+      "props": {}
+    },
+    "box": {
+      "carrier": "root",
+      "singlePart": true,
+      "props": {}
+    },
+    "container": {
+      "carrier": "root",
+      "singlePart": true,
+      "props": {}
+    },
     "tabs": {
       "carrier": "root",
       "singlePart": false,
@@ -1586,7 +1873,7 @@
     },
     "button": {
       "carrier": "root",
-      "singlePart": true,
+      "singlePart": false,
       "props": {
         "active": {
           "modifier": "active"
@@ -1597,9 +1884,6 @@
         "circle": {
           "modifier": "circle"
         },
-        "loading": {
-          "modifier": "loading"
-        },
         "square": {
           "modifier": "square"
         },
@@ -1661,25 +1945,33 @@
       "singlePart": false,
       "props": {}
     },
-    "native-select": {
+    "card": {
       "carrier": "root",
       "singlePart": false,
       "props": {}
     },
-    "card": {
+    "alert": {
       "carrier": "root",
       "singlePart": false,
       "props": {}
     },
-    "alert": {
+    "empty-state": {
       "carrier": "root",
       "singlePart": false,
       "props": {}
     },
     "badge": {
       "carrier": "root",
-      "singlePart": true,
-      "props": {}
+      "singlePart": false,
+      "props": {},
+      "members": {
+        "Dot": {
+          "part": "dot",
+          "axes": [
+            "color"
+          ]
+        }
+      }
     },
     "divider": {
       "carrier": "root",
@@ -1719,7 +2011,15 @@
     "timeline": {
       "carrier": "root",
       "singlePart": false,
-      "props": {}
+      "props": {},
+      "members": {
+        "Marker": {
+          "part": "marker",
+          "axes": [
+            "color"
+          ]
+        }
+      }
     },
     "chat": {
       "carrier": "root",
@@ -1741,6 +2041,11 @@
       "singlePart": false,
       "props": {}
     },
+    "nav-list": {
+      "carrier": "root",
+      "singlePart": false,
+      "props": {}
+    },
     "breadcrumbs": {
       "carrier": "root",
       "singlePart": false,
@@ -1754,7 +2059,15 @@
     "steps": {
       "carrier": "root",
       "singlePart": false,
-      "props": {}
+      "props": {},
+      "members": {
+        "Item": {
+          "part": "item",
+          "axes": [
+            "color"
+          ]
+        }
+      }
     },
     "drawer": {
       "carrier": "trigger",
@@ -1791,7 +2104,11 @@
     "countdown": {
       "carrier": "root",
       "singlePart": false,
-      "props": {}
+      "props": {
+        "inline": {
+          "modifier": "inline"
+        }
+      }
     },
     "diff": {
       "carrier": "root",
@@ -1800,9 +2117,9 @@
     }
   },
   "target": "lynx",
-  "classGrammarVersion": 1,
+  "classGrammarVersion": 2,
   "capabilities": {
-    "translated": 60,
-    "dropped": 324
+    "translated": 63,
+    "dropped": 372
   }
 }

package/dist/lynx/tokens.css

@@ -64,6 +64,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -135,6 +141,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -206,6 +218,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -277,6 +295,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -348,6 +372,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -419,6 +449,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;