@usefidel/design-system 0.16.0 → 0.18.0

package/dist/fidel.manifest.json

@@ -10,6 +10,6 @@
     "webapp.css"
   ],
   "storybookUrl": null,
-  "packageVersion": "0.16.0",
-  "resolvedSha": "dcc25541ed959e050dde79c26e8a95ec819a566f"
+  "packageVersion": "0.18.0",
+  "resolvedSha": "957525c79b7a52876dfbcc01b77e55168d4e3316"
 }

package/dist/icons.cjs

@@ -21,8 +21,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/icons.ts
 var icons_exports = {};
 __export(icons_exports, {
+  FigmaColorLogo: () => FigmaColorLogo,
   FigmaLogo: () => FigmaLogo,
-  GitHubLogo: () => GitHubLogo
+  GitHubLogo: () => GitHubLogo,
+  GoogleLogo: () => GoogleLogo,
+  RegistrationMark: () => RegistrationMark
 });
 module.exports = __toCommonJS(icons_exports);
 __reExport(icons_exports, require("lucide-react"), module.exports);
@@ -50,9 +53,38 @@ function FigmaLogo(props) {
     }
   ) });
 }
+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

@@ -8,5 +8,15 @@ import { SVGProps } from 'react';
  */
 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;
 
-export { FigmaLogo, GitHubLogo };
+/**
+ * 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

@@ -8,5 +8,15 @@ import { SVGProps } from 'react';
  */
 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;
 
-export { FigmaLogo, GitHubLogo };
+/**
+ * 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

@@ -2,7 +2,7 @@
 export * from "lucide-react";
 
 // src/brand-icons.tsx
-import { jsx } from "react/jsx-runtime";
+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",
@@ -24,7 +24,36 @@ function FigmaLogo(props) {
     }
   ) });
 }
+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
+  GitHubLogo,
+  GoogleLogo,
+  RegistrationMark
 };