@byline/ui 6.7.2 → 6.8.0

package/dist/icons/index.d.ts

@@ -36,6 +36,7 @@ export * from './light-icon.js';
 export * from './location-pin-icon.js';
 export * from './markdown-icon.js';
 export * from './moon-icon.js';
+export * from './passkey-icon.js';
 export * from './plus-icon.js';
 export * from './primary-icon.js';
 export * from './refresh-icon.js';

package/dist/icons/index.js

@@ -36,6 +36,7 @@ export * from "./light-icon.js";
 export * from "./location-pin-icon.js";
 export * from "./markdown-icon.js";
 export * from "./moon-icon.js";
+export * from "./passkey-icon.js";
 export * from "./plus-icon.js";
 export * from "./primary-icon.js";
 export * from "./refresh-icon.js";

package/dist/icons/passkey-icon.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+import type { IconProps } from './types/icon.js';
+export declare function PasskeyIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace PasskeyIcon {
+    var displayName: string;
+}

package/dist/icons/passkey-icon.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { IconElement } from "./icon-element.js";
+import icons_module from "./icons.module.js";
+const PasskeyIcon = ({ className, svgClassName, ...rest })=>{
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    return /*#__PURE__*/ jsx(IconElement, {
+        className: clsx('passkey-icon', className),
+        ...rest,
+        children: /*#__PURE__*/ jsxs("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: applied,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            focusable: "false",
+            "aria-hidden": "true",
+            viewBox: "0 0 24 24",
+            strokeWidth: 2,
+            children: [
+                /*#__PURE__*/ jsx("path", {
+                    d: "M5 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M3 21v-2a4 4 0 0 1 4 -4h4"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M16 10.5a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0 -5 0"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M18.5 13v8"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M18.5 17h2"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M18.5 19.5h1.5"
+                })
+            ]
+        })
+    });
+};
+PasskeyIcon.displayName = 'PasskeyIcon';
+export { PasskeyIcon };

package/dist/uikit.d.ts

@@ -82,6 +82,7 @@ export * from './icons/light-icon.js';
 export * from './icons/location-pin-icon.js';
 export * from './icons/markdown-icon.js';
 export * from './icons/moon-icon.js';
+export * from './icons/passkey-icon.js';
 export * from './icons/plus-icon.js';
 export * from './icons/primary-icon.js';
 export * from './icons/refresh-icon.js';

package/dist/uikit.js

@@ -77,6 +77,7 @@ export * from "./icons/light-icon.js";
 export * from "./icons/location-pin-icon.js";
 export * from "./icons/markdown-icon.js";
 export * from "./icons/moon-icon.js";
+export * from "./icons/passkey-icon.js";
 export * from "./icons/plus-icon.js";
 export * from "./icons/primary-icon.js";
 export * from "./icons/refresh-icon.js";

package/package.json

@@ -3,9 +3,9 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "6.7.2",
+  "version": "6.8.0",
   "engines": {
-    "node": ">=20.9.0"
+    "node": ">=22.22.2"
   },
   "description": "Byline CMS UI package",
   "keywords": [

package/src/icons/index.ts

@@ -36,6 +36,7 @@ export * from './light-icon.js'
 export * from './location-pin-icon.js'
 export * from './markdown-icon.js'
 export * from './moon-icon.js'
+export * from './passkey-icon.js'
 export * from './plus-icon.js'
 export * from './primary-icon.js'
 export * from './refresh-icon.js'

package/src/icons/passkey-icon.tsx

@@ -0,0 +1,39 @@
+import type React from 'react'
+
+import cx from 'clsx'
+
+import { IconElement } from './icon-element.js'
+import styles from './icons.module.css'
+import type { IconProps } from './types/icon.js'
+
+/**
+ * Person-with-key glyph, following the shape of the FIDO Alliance passkey
+ * icon so that passkey actions read as passkeys rather than passwords.
+ */
+export const PasskeyIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
+  const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
+
+  return (
+    <IconElement className={cx('passkey-icon', className)} {...rest}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        className={applied}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        focusable="false"
+        aria-hidden="true"
+        viewBox="0 0 24 24"
+        strokeWidth={2}
+      >
+        <path d="M5 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path>
+        <path d="M3 21v-2a4 4 0 0 1 4 -4h4"></path>
+        <path d="M16 10.5a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0 -5 0"></path>
+        <path d="M18.5 13v8"></path>
+        <path d="M18.5 17h2"></path>
+        <path d="M18.5 19.5h1.5"></path>
+      </svg>
+    </IconElement>
+  )
+}
+
+PasskeyIcon.displayName = 'PasskeyIcon'

package/src/uikit.ts

@@ -91,6 +91,7 @@ export * from './icons/light-icon.js'
 export * from './icons/location-pin-icon.js'
 export * from './icons/markdown-icon.js'
 export * from './icons/moon-icon.js'
+export * from './icons/passkey-icon.js'
 export * from './icons/plus-icon.js'
 export * from './icons/primary-icon.js'
 export * from './icons/refresh-icon.js'