@netlify/spark-ui 1.1.0 → 1.2.0

package/dist/chunks/{compat.module.DT16W4Wr.js → compat.module.DJD78v1z.js}

@@ -1,5 +1,5 @@
 import { Component as f, options as a, createElement as d, Fragment as h, toChildArray as v } from "preact";
-import "./hooks.module.CNV9mxng.js";
+import "./hooks.module.D9IrxdEh.js";
 function C(e, t) {
   for (var r in t) e[r] = t[r];
   return e;

package/dist/chunks/{hooks.module.CNV9mxng.js → hooks.module.D9IrxdEh.js}

@@ -110,7 +110,7 @@ var U = typeof requestAnimationFrame == "function";
 function D(_) {
   var t, r = function() {
     clearTimeout(o), U && cancelAnimationFrame(t), setTimeout(_);
-  }, o = setTimeout(r, 100);
+  }, o = setTimeout(r, 35);
   U && (t = requestAnimationFrame(r));
 }
 function s(_) {

package/dist/chunks/{useTimeout.DOkYFG64.js → useTimeout.YR4eKwj7.js}

@@ -1,4 +1,4 @@
-import { A as t, y as o } from "./hooks.module.CNV9mxng.js";
+import { A as t, y as o } from "./hooks.module.D9IrxdEh.js";
 function f(u, n) {
   const e = t(null), r = t("");
   return o(() => () => {

package/dist/components/preact/Modal/Modal.js

@@ -1,5 +1,5 @@
 import { u as l } from "../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { D as d } from "../../../chunks/compat.module.DT16W4Wr.js";
+import { D as d } from "../../../chunks/compat.module.DJD78v1z.js";
 const u = d(function({ children: o, className: r, ...a }, t) {
   return /* @__PURE__ */ l("dialog", { ref: t, className: r, role: "dialog", "aria-modal": "true", ...a, children: o });
 });

package/dist/components/preact/SearchModal/components/SearchInput.js

@@ -1,6 +1,6 @@
 import { u as e } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { d as u, y as h } from "../../../../chunks/hooks.module.CNV9mxng.js";
-import { u as o } from "../../../../chunks/useTimeout.DOkYFG64.js";
+import { d as u, y as h } from "../../../../chunks/hooks.module.D9IrxdEh.js";
+import { u as o } from "../../../../chunks/useTimeout.YR4eKwj7.js";
 import d from "../../Icon/index.js";
 const I = (a) => {
   const [r, t] = u(""), { reset: c, run: i } = o((l) => {

package/dist/components/preact/SearchModal/components/SearchLink/SearchLink.js

@@ -1,5 +1,5 @@
 import { u as a } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import "../../../../../chunks/hooks.module.CNV9mxng.js";
+import "../../../../../chunks/hooks.module.D9IrxdEh.js";
 import { useSearchLogger as h } from "../../hooks/useSearchLogger.js";
 import c from "../../../Icon/index.js";
 import '../../../../../assets/SearchLink.css';const k = ({ icon: n, label: s, url: r, excerpt: l, resource: e }) => {

package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.js

@@ -1,5 +1,5 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { A as v, y as u, d as S } from "../../../../../chunks/hooks.module.CNV9mxng.js";
+import { A as v, y as u, d as S } from "../../../../../chunks/hooks.module.D9IrxdEh.js";
 import L from "../../../Modal/Modal.js";
 import d from "../../../KeyboardKey/KeyboardKey.js";
 import k from "../SearchWindow.js";

package/dist/components/preact/SearchModal/components/SearchToggle/SearchToggle.js

@@ -1,5 +1,5 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { D as a } from "../../../../../chunks/compat.module.DT16W4Wr.js";
+import { D as a } from "../../../../../chunks/compat.module.DJD78v1z.js";
 import o from "../../../Icon/index.js";
 import '../../../../../assets/SearchToggle.css';const s = a(function(r, t) {
   return /* @__PURE__ */ e("button", { id: r.id, ref: t, class: "n-search-toggle button", disabled: !0, "data-ntl-search-toggle": !0, children: [

package/dist/components/preact/SearchModal/components/SearchWindow.js

@@ -1,5 +1,5 @@
 import { u as e } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { T as o } from "../../../../chunks/hooks.module.CNV9mxng.js";
+import { T as o } from "../../../../chunks/hooks.module.D9IrxdEh.js";
 import t from "./SearchHeading/SearchHeading.js";
 import a from "./SearchLink/SearchLink.js";
 const h = ({

package/dist/components/preact/SearchModal/hooks/useKeyboardNav.js

@@ -1,4 +1,4 @@
-import { y as l } from "../../../../chunks/hooks.module.CNV9mxng.js";
+import { y as l } from "../../../../chunks/hooks.module.D9IrxdEh.js";
 function s(r, t, o, c) {
   l(() => {
     if (!r) return;

package/dist/components/preact/SearchModal/hooks/useSearch.js

@@ -1,5 +1,5 @@
-import { d as g, A as w } from "../../../../chunks/hooks.module.CNV9mxng.js";
-import { u as S } from "../../../../chunks/useTimeout.DOkYFG64.js";
+import { d as g, A as w } from "../../../../chunks/hooks.module.D9IrxdEh.js";
+import { u as S } from "../../../../chunks/useTimeout.YR4eKwj7.js";
 function x() {
   const [l, r] = g({
     searchTerm: "",

package/dist/components/preact/SearchModal/hooks/useSearchHotkeys.js

@@ -1,4 +1,4 @@
-import { y as u } from "../../../../chunks/hooks.module.CNV9mxng.js";
+import { y as u } from "../../../../chunks/hooks.module.D9IrxdEh.js";
 function a(t, r, n, o) {
   u(() => {
     if (!t) return;

package/dist/components/preact/SearchModal/hooks/useSearchLogger.js

@@ -1,4 +1,4 @@
-import { A as y, y as h, q as k } from "../../../../chunks/hooks.module.CNV9mxng.js";
+import { A as y, y as h, q as k } from "../../../../chunks/hooks.module.D9IrxdEh.js";
 class s {
   /**
    * Pushes an event payload into the dataLayer.

package/dist/components/preact/SearchModal/hooks/useSearchParams.js

@@ -1,4 +1,4 @@
-import { y as c } from "../../../../chunks/hooks.module.CNV9mxng.js";
+import { y as c } from "../../../../chunks/hooks.module.D9IrxdEh.js";
 function n(r, o, a) {
   c(() => {
     if (typeof location > "u" || r) return;

package/dist/components/preact/SearchModal/hooks/useSearchToggles.js

@@ -1,4 +1,4 @@
-import { y as l } from "../../../../chunks/hooks.module.CNV9mxng.js";
+import { y as l } from "../../../../chunks/hooks.module.D9IrxdEh.js";
 function i(c, r) {
   l(() => {
     if (!c) return;

package/dist/components/preact/index.js

@@ -5,7 +5,7 @@ import { default as s } from "./SearchModal/components/SearchLink/SearchLink.js"
 import { default as x } from "./SearchModal/components/SearchHeading/SearchHeading.js";
 import { default as h } from "./SearchModal/components/SearchToggle/SearchToggle.js";
 import "preact";
-import "../../chunks/hooks.module.CNV9mxng.js";
+import "../../chunks/hooks.module.D9IrxdEh.js";
 import { default as S } from "./SearchModal/components/SearchModal/SearchModal.js";
 export {
   m as Icon,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/styles/fonts.css

@@ -121,6 +121,27 @@ ol li::marker {
   font-weight: var(--font-weight-semibold);
 }
 
+[data-list-variant='checklist'] {
+  list-style: none;
+
+  li {
+    position: relative;
+  }
+
+  li::before {
+    content: '';
+    display: block;
+    position: absolute;
+    right: calc(100% + var(--space-3xs));
+    top: 0.35em;
+    width: 1em;
+    height: 1em;
+    background-color: var(--color-icon);
+    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE3IDE4Ij4KICAgIDxwYXRoIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjE5MSIgZD0iTTE1LjQwNyAyLjkyNWMuNzcyLjYxNC45IDEuNzM5LjI4NSAyLjUxbC02Ljk2NSA4Ljc1MmEyLjk3OCAyLjk3OCAwIDAgMS00LjI5MS4zODdsLTMuMjMtMi44MjZhMS43ODcgMS43ODcgMCAxIDEgMi4zNTMtMi42OWwyLjc2IDIuNDE1IDYuNTc3LTguMjYzYTEuNzg3IDEuNzg3IDAgMCAxIDIuNTEtLjI4NVoiLz4KPC9zdmc+CgoK');
+    mask-repeat: no-repeat;
+  }
+}
+
 /* Code */
 pre,
 code,