@usefidel/design-system 0.15.0 → 0.17.0

package/dist/fidel.manifest.json

@@ -10,6 +10,6 @@
     "webapp.css"
   ],
   "storybookUrl": null,
-  "packageVersion": "0.15.0",
-  "resolvedSha": "51806455235b517cf1c3b2695f590570786af610"
+  "packageVersion": "0.17.0",
+  "resolvedSha": "eed47e39603e5683418c97c6d6dfbcaf68c284c0"
 }

package/dist/icons.cjs

@@ -3,6 +3,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -16,9 +20,71 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/icons.ts
 var icons_exports = {};
+__export(icons_exports, {
+  FigmaColorLogo: () => FigmaColorLogo,
+  FigmaLogo: () => FigmaLogo,
+  GitHubLogo: () => GitHubLogo,
+  GoogleLogo: () => GoogleLogo,
+  RegistrationMark: () => RegistrationMark
+});
 module.exports = __toCommonJS(icons_exports);
 __reExport(icons_exports, require("lucide-react"), module.exports);
+
+// src/brand-icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function GitHubLogo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "path",
+    {
+      d: "M4.49969 11.0004V9.00024C4.46469 8.69022 4.48969 8.37519 4.57469 8.07517C4.6597 7.77514 4.80471 7.49512 4.99972 7.2501C3.49964 7.2501 1.99955 6.25002 1.99955 4.49988C1.95879 3.87622 2.1355 3.25772 2.49958 2.74974C2.34957 2.17469 2.34957 1.57465 2.49958 0.9996C2.49958 0.9996 2.99961 0.9996 3.99966 1.74966C5.31974 1.49964 6.67981 1.49964 7.99989 1.74966C8.99994 0.9996 9.49997 0.9996 9.49997 0.9996C9.63998 1.57465 9.63998 2.17469 9.49997 2.74974C9.86499 3.25978 10.04 3.87483 10 4.49988C10 6.25002 8.49991 7.2501 6.99983 7.2501C7.38982 7.7452 7.56942 8.37383 7.49986 9.00024V11.0004M4.49969 9.00024C2.24457 10.0003 1.99966 8.00016 0.9996 8.00016",
+      stroke: "currentColor",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function FigmaLogo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.37508 7.6865C6.72146 7.96433 7.15046 8.11895 7.59444 8.12599C8.03841 8.13303 8.4721 7.99208 8.82712 7.72538C9.18213 7.45868 9.43827 7.08139 9.55514 6.65301C9.67201 6.22463 9.64296 5.76954 9.47258 5.3595C9.33009 5.01515 9.09422 4.71746 8.79158 4.5C9.04964 4.31482 9.25989 4.07085 9.40492 3.78827C9.54995 3.50569 9.62559 3.19263 9.62558 2.875C9.62558 2.34457 9.41486 1.83586 9.03979 1.46079C8.66472 1.08571 8.15601 0.875 7.62558 0.875H4.37558C3.95215 0.874878 3.53962 1.00914 3.19737 1.25846C2.85513 1.50778 2.60085 1.85928 2.47115 2.26235C2.34144 2.66542 2.34301 3.09926 2.47562 3.50138C2.60823 3.9035 2.86505 4.25316 3.20908 4.5C2.951 4.68517 2.74074 4.92914 2.5957 5.21172C2.45065 5.4943 2.375 5.80737 2.375 6.125C2.375 6.44263 2.45065 6.7557 2.5957 7.03828C2.74074 7.32086 2.951 7.56483 3.20908 7.75C2.93065 7.94979 2.70822 8.21778 2.56314 8.52825C2.41806 8.83872 2.35519 9.18126 2.38057 9.52302C2.40594 9.86478 2.5187 10.1943 2.70804 10.4799C2.89738 10.7656 3.15693 10.9978 3.46182 11.1543C3.7667 11.3107 4.10668 11.3863 4.44914 11.3736C4.7916 11.3609 5.12506 11.2604 5.41752 11.0818C5.70999 10.9032 5.95165 10.6524 6.11932 10.3535C6.287 10.0546 6.37507 9.7177 6.37508 9.375V7.6865ZM4.37508 1.625C4.04356 1.625 3.72561 1.7567 3.49119 1.99112C3.25677 2.22554 3.12508 2.54348 3.12508 2.875C3.12508 3.20652 3.25677 3.52446 3.49119 3.75888C3.72561 3.9933 4.04356 4.125 4.37508 4.125H5.62508V1.625H4.37508ZM5.62508 8.125H4.37508C4.12785 8.125 3.88618 8.19831 3.68061 8.33566C3.47505 8.47301 3.31484 8.66824 3.22023 8.89665C3.12562 9.12505 3.10086 9.37639 3.1491 9.61886C3.19733 9.86134 3.31638 10.0841 3.49119 10.2589C3.66601 10.4337 3.88874 10.5528 4.13121 10.601C4.37369 10.6492 4.62502 10.6245 4.85343 10.5298C5.08184 10.4352 5.27706 10.275 5.41441 10.0695C5.55177 9.8639 5.62508 9.62223 5.62508 9.375V8.125ZM4.37508 4.875C4.04356 4.875 3.72561 5.0067 3.49119 5.24112C3.25677 5.47554 3.12508 5.79348 3.12508 6.125C3.12508 6.45652 3.25677 6.77446 3.49119 7.00888C3.72561 7.2433 4.04356 7.375 4.37508 7.375H5.62508V4.875H4.37508ZM6.37508 6.125C6.37508 6.45659 6.5068 6.77459 6.74127 7.00906C6.97574 7.24353 7.29374 7.37525 7.62533 7.37525C7.95691 7.37525 8.27492 7.24353 8.50939 7.00906C8.74386 6.77459 8.87558 6.45659 8.87558 6.125C8.87558 5.79341 8.74386 5.47541 8.50939 5.24094C8.27492 5.00647 7.95691 4.87475 7.62533 4.87475C7.29374 4.87475 6.97574 5.00647 6.74127 5.24094C6.5068 5.47541 6.37508 5.79341 6.37508 6.125ZM7.62508 4.125C7.9566 4.125 8.27454 3.9933 8.50896 3.75888C8.74338 3.52446 8.87508 3.20652 8.87508 2.875C8.87508 2.54348 8.74338 2.22554 8.50896 1.99112C8.27454 1.7567 7.9566 1.625 7.62508 1.625H6.37508V4.125H7.62508Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function GoogleLogo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z", fill: "#4285F4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z", fill: "#34A853" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z", fill: "#FBBC05" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z", fill: "#EA4335" })
+  ] });
+}
+function FigmaColorLogo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "22", height: "22", viewBox: "0 0 38 57", fill: "none", "aria-hidden": "true", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 28.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0z", fill: "#1ABCFE" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 47.5A9.5 9.5 0 0 1 9.5 38H19v9.5a9.5 9.5 0 0 1-19 0z", fill: "#0ACF83" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 0v19h9.5a9.5 9.5 0 0 0 0-19H19z", fill: "#FF7262" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 9.5A9.5 9.5 0 0 0 9.5 19H19V0H9.5A9.5 9.5 0 0 0 0 9.5z", fill: "#F24E1E" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 28.5A9.5 9.5 0 0 0 9.5 38H19V19H9.5A9.5 9.5 0 0 0 0 28.5z", fill: "#A259FF" })
+  ] });
+}
+
+// src/custom-icons.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function RegistrationMark(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "8", cy: "8", r: "3.25", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 0v4M8 12v4M0 8h4M12 8h4", stroke: "currentColor", strokeWidth: "1" })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  FigmaColorLogo,
+  FigmaLogo,
+  GitHubLogo,
+  GoogleLogo,
+  RegistrationMark,
   ...require("lucide-react")
 });

package/dist/icons.d.cts

@@ -1 +1,22 @@
 export * from 'lucide-react';
+import * as react from 'react';
+import { SVGProps } from 'react';
+
+/**
+ * Brand marks lucide-react doesn't ship. Paths are the Figma "✅Project" source-ref
+ * icons, drawn in currentColor at 12px; pass width/height to resize.
+ */
+declare function GitHubLogo(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+declare function FigmaLogo(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+/** Google "G" in its brand colours (24px). For "Continue with Google". */
+declare function GoogleLogo(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+/** Figma mark in its brand colours (22px tall). FigmaLogo is the one-colour version. */
+declare function FigmaColorLogo(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+
+/**
+ * Icons lucide-react doesn't ship, in currentColor. Pass width/height to resize.
+ */
+/** Printer's registration mark: a ring with crosshair ticks (16px). Marks something as measured or exact. */
+declare function RegistrationMark(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+
+export { FigmaColorLogo, FigmaLogo, GitHubLogo, GoogleLogo, RegistrationMark };

package/dist/icons.d.ts

@@ -1 +1,22 @@
 export * from 'lucide-react';
+import * as react from 'react';
+import { SVGProps } from 'react';
+
+/**
+ * Brand marks lucide-react doesn't ship. Paths are the Figma "✅Project" source-ref
+ * icons, drawn in currentColor at 12px; pass width/height to resize.
+ */
+declare function GitHubLogo(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+declare function FigmaLogo(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+/** Google "G" in its brand colours (24px). For "Continue with Google". */
+declare function GoogleLogo(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+/** Figma mark in its brand colours (22px tall). FigmaLogo is the one-colour version. */
+declare function FigmaColorLogo(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+
+/**
+ * Icons lucide-react doesn't ship, in currentColor. Pass width/height to resize.
+ */
+/** Printer's registration mark: a ring with crosshair ticks (16px). Marks something as measured or exact. */
+declare function RegistrationMark(props: SVGProps<SVGSVGElement>): react.JSX.Element;
+
+export { FigmaColorLogo, FigmaLogo, GitHubLogo, GoogleLogo, RegistrationMark };

package/dist/icons.js

@@ -1,2 +1,59 @@
 // src/icons.ts
 export * from "lucide-react";
+
+// src/brand-icons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function GitHubLogo(props) {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M4.49969 11.0004V9.00024C4.46469 8.69022 4.48969 8.37519 4.57469 8.07517C4.6597 7.77514 4.80471 7.49512 4.99972 7.2501C3.49964 7.2501 1.99955 6.25002 1.99955 4.49988C1.95879 3.87622 2.1355 3.25772 2.49958 2.74974C2.34957 2.17469 2.34957 1.57465 2.49958 0.9996C2.49958 0.9996 2.99961 0.9996 3.99966 1.74966C5.31974 1.49964 6.67981 1.49964 7.99989 1.74966C8.99994 0.9996 9.49997 0.9996 9.49997 0.9996C9.63998 1.57465 9.63998 2.17469 9.49997 2.74974C9.86499 3.25978 10.04 3.87483 10 4.49988C10 6.25002 8.49991 7.2501 6.99983 7.2501C7.38982 7.7452 7.56942 8.37383 7.49986 9.00024V11.0004M4.49969 9.00024C2.24457 10.0003 1.99966 8.00016 0.9996 8.00016",
+      stroke: "currentColor",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function FigmaLogo(props) {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.37508 7.6865C6.72146 7.96433 7.15046 8.11895 7.59444 8.12599C8.03841 8.13303 8.4721 7.99208 8.82712 7.72538C9.18213 7.45868 9.43827 7.08139 9.55514 6.65301C9.67201 6.22463 9.64296 5.76954 9.47258 5.3595C9.33009 5.01515 9.09422 4.71746 8.79158 4.5C9.04964 4.31482 9.25989 4.07085 9.40492 3.78827C9.54995 3.50569 9.62559 3.19263 9.62558 2.875C9.62558 2.34457 9.41486 1.83586 9.03979 1.46079C8.66472 1.08571 8.15601 0.875 7.62558 0.875H4.37558C3.95215 0.874878 3.53962 1.00914 3.19737 1.25846C2.85513 1.50778 2.60085 1.85928 2.47115 2.26235C2.34144 2.66542 2.34301 3.09926 2.47562 3.50138C2.60823 3.9035 2.86505 4.25316 3.20908 4.5C2.951 4.68517 2.74074 4.92914 2.5957 5.21172C2.45065 5.4943 2.375 5.80737 2.375 6.125C2.375 6.44263 2.45065 6.7557 2.5957 7.03828C2.74074 7.32086 2.951 7.56483 3.20908 7.75C2.93065 7.94979 2.70822 8.21778 2.56314 8.52825C2.41806 8.83872 2.35519 9.18126 2.38057 9.52302C2.40594 9.86478 2.5187 10.1943 2.70804 10.4799C2.89738 10.7656 3.15693 10.9978 3.46182 11.1543C3.7667 11.3107 4.10668 11.3863 4.44914 11.3736C4.7916 11.3609 5.12506 11.2604 5.41752 11.0818C5.70999 10.9032 5.95165 10.6524 6.11932 10.3535C6.287 10.0546 6.37507 9.7177 6.37508 9.375V7.6865ZM4.37508 1.625C4.04356 1.625 3.72561 1.7567 3.49119 1.99112C3.25677 2.22554 3.12508 2.54348 3.12508 2.875C3.12508 3.20652 3.25677 3.52446 3.49119 3.75888C3.72561 3.9933 4.04356 4.125 4.37508 4.125H5.62508V1.625H4.37508ZM5.62508 8.125H4.37508C4.12785 8.125 3.88618 8.19831 3.68061 8.33566C3.47505 8.47301 3.31484 8.66824 3.22023 8.89665C3.12562 9.12505 3.10086 9.37639 3.1491 9.61886C3.19733 9.86134 3.31638 10.0841 3.49119 10.2589C3.66601 10.4337 3.88874 10.5528 4.13121 10.601C4.37369 10.6492 4.62502 10.6245 4.85343 10.5298C5.08184 10.4352 5.27706 10.275 5.41441 10.0695C5.55177 9.8639 5.62508 9.62223 5.62508 9.375V8.125ZM4.37508 4.875C4.04356 4.875 3.72561 5.0067 3.49119 5.24112C3.25677 5.47554 3.12508 5.79348 3.12508 6.125C3.12508 6.45652 3.25677 6.77446 3.49119 7.00888C3.72561 7.2433 4.04356 7.375 4.37508 7.375H5.62508V4.875H4.37508ZM6.37508 6.125C6.37508 6.45659 6.5068 6.77459 6.74127 7.00906C6.97574 7.24353 7.29374 7.37525 7.62533 7.37525C7.95691 7.37525 8.27492 7.24353 8.50939 7.00906C8.74386 6.77459 8.87558 6.45659 8.87558 6.125C8.87558 5.79341 8.74386 5.47541 8.50939 5.24094C8.27492 5.00647 7.95691 4.87475 7.62533 4.87475C7.29374 4.87475 6.97574 5.00647 6.74127 5.24094C6.5068 5.47541 6.37508 5.79341 6.37508 6.125ZM7.62508 4.125C7.9566 4.125 8.27454 3.9933 8.50896 3.75888C8.74338 3.52446 8.87508 3.20652 8.87508 2.875C8.87508 2.54348 8.74338 2.22554 8.50896 1.99112C8.27454 1.7567 7.9566 1.625 7.62508 1.625H6.37508V4.125H7.62508Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function GoogleLogo(props) {
+  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z", fill: "#4285F4" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z", fill: "#34A853" }),
+    /* @__PURE__ */ jsx("path", { d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z", fill: "#FBBC05" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z", fill: "#EA4335" })
+  ] });
+}
+function FigmaColorLogo(props) {
+  return /* @__PURE__ */ jsxs("svg", { width: "22", height: "22", viewBox: "0 0 38 57", fill: "none", "aria-hidden": "true", ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M19 28.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0z", fill: "#1ABCFE" }),
+    /* @__PURE__ */ jsx("path", { d: "M0 47.5A9.5 9.5 0 0 1 9.5 38H19v9.5a9.5 9.5 0 0 1-19 0z", fill: "#0ACF83" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 0v19h9.5a9.5 9.5 0 0 0 0-19H19z", fill: "#FF7262" }),
+    /* @__PURE__ */ jsx("path", { d: "M0 9.5A9.5 9.5 0 0 0 9.5 19H19V0H9.5A9.5 9.5 0 0 0 0 9.5z", fill: "#F24E1E" }),
+    /* @__PURE__ */ jsx("path", { d: "M0 28.5A9.5 9.5 0 0 0 9.5 38H19V19H9.5A9.5 9.5 0 0 0 0 28.5z", fill: "#A259FF" })
+  ] });
+}
+
+// src/custom-icons.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function RegistrationMark(props) {
+  return /* @__PURE__ */ jsxs2("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "8", cy: "8", r: "3.25", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ jsx2("path", { d: "M8 0v4M8 12v4M0 8h4M12 8h4", stroke: "currentColor", strokeWidth: "1" })
+  ] });
+}
+export {
+  FigmaColorLogo,
+  FigmaLogo,
+  GitHubLogo,
+  GoogleLogo,
+  RegistrationMark
+};