solid-tiny-ui 0.5.0 → 0.6.0

package/dist/components/visually-hidden/index.jsx

@@ -1,10 +1,11 @@
 import visually_hidden_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/visually-hidden/visually-hidden.jsx";
-import { mountStyle } from "solid-tiny-utils";
+import { combineClass, mountStyle } from "solid-tiny-utils";
+import { Dynamic } from "solid-js/web";
 
 //#region src/components/visually-hidden/index.tsx
 function VisuallyHidden(props) {
 	mountStyle(visually_hidden_default, "tiny-visually-hidden");
-	return <span class="tiny-visually-hidden">{props.children}</span>;
+	return <Dynamic {...props} class={combineClass("tiny-visually-hidden", props.class)} component={props.as ?? "span"} />;
 }
 
 //#endregion

package/dist/icons/arrow-down-s-line.d.ts

@@ -1,6 +1,7 @@
-import * as solid_js0 from "solid-js";
+import { IconProps } from "./common.js";
+import * as solid_js16 from "solid-js";
 
 //#region src/icons/arrow-down-s-line.d.ts
-declare function ArrowDownSLine(): solid_js0.JSX.Element;
+declare function ArrowDownSLine(props: IconProps): solid_js16.JSX.Element;
 //#endregion
 export { ArrowDownSLine };

package/dist/icons/arrow-down-s-line.js

@@ -1,12 +1,12 @@
 import { SvgWrapper } from "./common.js";
-import { createComponent, template } from "solid-js/web";
+import { createComponent, mergeProps, template } from "solid-js/web";
 
 //#region src/icons/arrow-down-s-line.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z"fill=currentColor></svg>`, false, true, false);
-function ArrowDownSLine() {
-	return createComponent(SvgWrapper, { get children() {
+function ArrowDownSLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
 		return _tmpl$();
-	} });
+	} }));
 }
 
 //#endregion

package/dist/icons/arrow-down-s-line.jsx

@@ -1,8 +1,8 @@
 import { SvgWrapper } from "./common.jsx";
 
 //#region src/icons/arrow-down-s-line.tsx
-function ArrowDownSLine() {
-	return <SvgWrapper>
+function ArrowDownSLine(props) {
+	return <SvgWrapper {...props}>
       <path d="m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z" fill="currentColor" />
     </SvgWrapper>;
 }

package/dist/icons/arrow-left.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js17 from "solid-js";
+
+//#region src/icons/arrow-left.d.ts
+declare function IconArrowLeft(props: IconProps): solid_js17.JSX.Element;
+//#endregion
+export { IconArrowLeft };

package/dist/icons/arrow-left.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/arrow-left.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z"fill=currentColor></svg>`, false, true, false);
+function IconArrowLeft(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconArrowLeft };

package/dist/icons/arrow-left.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/arrow-left.tsx
+function IconArrowLeft(props) {
+	return <SvgWrapper {...props}>
+      <path d="m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconArrowLeft };

package/dist/icons/arrow-right.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js18 from "solid-js";
+
+//#region src/icons/arrow-right.d.ts
+declare function IconArrowRight(props: IconProps): solid_js18.JSX.Element;
+//#endregion
+export { IconArrowRight };

package/dist/icons/arrow-right.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/arrow-right.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z"fill=currentColor></svg>`, false, true, false);
+function IconArrowRight(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconArrowRight };

package/dist/icons/arrow-right.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/arrow-right.tsx
+function IconArrowRight(props) {
+	return <SvgWrapper {...props}>
+      <path d="m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconArrowRight };

package/dist/icons/check-bold.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js19 from "solid-js";
+
+//#region src/icons/check-bold.d.ts
+declare function CheckBold(props: IconProps): solid_js19.JSX.Element;
+//#endregion
+export { CheckBold };

package/dist/icons/check-bold.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/check-bold.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m6 10l-2 2l6 6L20 8l-2-2l-8 8z"fill=currentColor fill-rule=evenodd></svg>`, false, true, false);
+function CheckBold(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { CheckBold };

package/dist/icons/check-bold.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/check-bold.tsx
+function CheckBold(props) {
+	return <SvgWrapper {...props}>
+      <path d="m6 10l-2 2l6 6L20 8l-2-2l-8 8z" fill="currentColor" fill-rule="evenodd" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { CheckBold };

package/dist/icons/check-line.d.ts

@@ -1,6 +1,7 @@
-import * as solid_js1 from "solid-js";
+import { IconProps } from "./common.js";
+import * as solid_js20 from "solid-js";
 
 //#region src/icons/check-line.d.ts
-declare function CheckLine(): solid_js1.JSX.Element;
+declare function CheckLine(props: IconProps): solid_js20.JSX.Element;
 //#endregion
 export { CheckLine };

package/dist/icons/check-line.js

@@ -1,12 +1,12 @@
 import { SvgWrapper } from "./common.js";
-import { createComponent, template } from "solid-js/web";
+import { createComponent, mergeProps, template } from "solid-js/web";
 
 //#region src/icons/check-line.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m10 15.17l9.192-9.191l1.414 1.414L10 17.999l-6.364-6.364l1.414-1.414z"fill=currentColor></svg>`, false, true, false);
-function CheckLine() {
-	return createComponent(SvgWrapper, { get children() {
+function CheckLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
 		return _tmpl$();
-	} });
+	} }));
 }
 
 //#endregion

package/dist/icons/check-line.jsx

@@ -1,8 +1,8 @@
 import { SvgWrapper } from "./common.jsx";
 
 //#region src/icons/check-line.tsx
-function CheckLine() {
-	return <SvgWrapper>
+function CheckLine(props) {
+	return <SvgWrapper {...props}>
       <path d="m10 15.17l9.192-9.191l1.414 1.414L10 17.999l-6.364-6.364l1.414-1.414z" fill="currentColor" />
     </SvgWrapper>;
 }

package/dist/icons/checkbox-circle-line.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js21 from "solid-js";
+
+//#region src/icons/checkbox-circle-line.d.ts
+declare function IconCheckboxCircleLine(props: IconProps): solid_js21.JSX.Element;
+//#endregion
+export { IconCheckboxCircleLine };

package/dist/icons/checkbox-circle-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/checkbox-circle-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m5.457 7.457l-1.414-1.414L11 13.086l-2.793-2.793l-1.414 1.414L11 15.914z"fill=currentColor></svg>`, false, true, false);
+function IconCheckboxCircleLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconCheckboxCircleLine };

package/dist/icons/checkbox-circle-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/checkbox-circle-line.tsx
+function IconCheckboxCircleLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m5.457 7.457l-1.414-1.414L11 13.086l-2.793-2.793l-1.414 1.414L11 15.914z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconCheckboxCircleLine };

package/dist/icons/close-line.d.ts

@@ -1,6 +1,7 @@
-import * as solid_js0 from "solid-js";
+import { IconProps } from "./common.js";
+import * as solid_js22 from "solid-js";
 
 //#region src/icons/close-line.d.ts
-declare function CloseLine(): solid_js0.JSX.Element;
+declare function CloseLine(props: IconProps): solid_js22.JSX.Element;
 //#endregion
 export { CloseLine };

package/dist/icons/close-line.js

@@ -1,12 +1,12 @@
 import { SvgWrapper } from "./common.js";
-import { createComponent, template } from "solid-js/web";
+import { createComponent, mergeProps, template } from "solid-js/web";
 
 //#region src/icons/close-line.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"fill=currentColor></svg>`, false, true, false);
-function CloseLine() {
-	return createComponent(SvgWrapper, { get children() {
+function CloseLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
 		return _tmpl$();
-	} });
+	} }));
 }
 
 //#endregion

package/dist/icons/close-line.jsx

@@ -1,8 +1,8 @@
 import { SvgWrapper } from "./common.jsx";
 
 //#region src/icons/close-line.tsx
-function CloseLine() {
-	return <SvgWrapper>
+function CloseLine(props) {
+	return <SvgWrapper {...props}>
       <path d="m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z" fill="currentColor" />
     </SvgWrapper>;
 }

package/dist/icons/common.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from "solid-js";
+
+//#region src/icons/common.d.ts
+interface IconProps {
+  viewBoxSize?: number;
+  size?: string;
+}
+//#endregion
+export { IconProps };

package/dist/icons/common.js

@@ -2,13 +2,23 @@ import { effect, insert, setAttribute, template } from "solid-js/web";
 import { createMemo } from "solid-js";
 
 //#region src/icons/common.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<svg aria-label=icon height=1.2em role=img width=1.2em xmlns=http://www.w3.org/2000/svg>`);
+var _tmpl$ = /* @__PURE__ */ template(`<svg aria-label=icon role=img xmlns=http://www.w3.org/2000/svg>`);
 function SvgWrapper(props) {
 	const size = createMemo(() => props.viewBoxSize || 24);
 	return (() => {
 		var _el$ = _tmpl$();
 		insert(_el$, () => props.children);
-		effect(() => setAttribute(_el$, "viewBox", `0 0 ${size()} ${size()}`));
+		effect((_p$) => {
+			var _v$ = props.size || "1.2em", _v$2 = `0 0 ${size()} ${size()}`, _v$3 = props.size || "1.2em";
+			_v$ !== _p$.e && setAttribute(_el$, "height", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "viewBox", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$, "width", _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
 		return _el$;
 	})();
 }

package/dist/icons/common.jsx

@@ -3,7 +3,7 @@ import { createMemo } from "solid-js";
 //#region src/icons/common.tsx
 function SvgWrapper(props) {
 	const size = createMemo(() => props.viewBoxSize || 24);
-	return <svg aria-label="icon" height="1.2em" role="img" viewBox={`0 0 ${size()} ${size()}`} width="1.2em" xmlns="http://www.w3.org/2000/svg">
+	return <svg aria-label="icon" height={props.size || "1.2em"} role="img" viewBox={`0 0 ${size()} ${size()}`} width={props.size || "1.2em"} xmlns="http://www.w3.org/2000/svg">
       {props.children}
     </svg>;
 }

package/dist/icons/ellipsis.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js23 from "solid-js";
+
+//#region src/icons/ellipsis.d.ts
+declare function IconEllipsis(props: IconProps): solid_js23.JSX.Element;
+//#endregion
+export { IconEllipsis };

package/dist/icons/ellipsis.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/ellipsis.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m14 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m-7 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2"fill=currentColor></svg>`, false, true, false);
+function IconEllipsis(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconEllipsis };

package/dist/icons/ellipsis.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/ellipsis.tsx
+function IconEllipsis(props) {
+	return <SvgWrapper {...props}>
+      <path d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m14 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m-7 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconEllipsis };

package/dist/icons/error-warning-line.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js24 from "solid-js";
+
+//#region src/icons/error-warning-line.d.ts
+declare function IconErrorWarningLine(props: IconProps): solid_js24.JSX.Element;
+//#endregion
+export { IconErrorWarningLine };

package/dist/icons/error-warning-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/error-warning-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-1-5h2v2h-2zm0-8h2v6h-2z"fill=currentColor></svg>`, false, true, false);
+function IconErrorWarningLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconErrorWarningLine };

package/dist/icons/error-warning-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/error-warning-line.tsx
+function IconErrorWarningLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-1-5h2v2h-2zm0-8h2v6h-2z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconErrorWarningLine };

package/dist/icons/eye-line.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js25 from "solid-js";
+
+//#region src/icons/eye-line.d.ts
+declare function EyeLine(props: IconProps): solid_js25.JSX.Element;
+//#endregion
+export { EyeLine };

package/dist/icons/eye-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/eye-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M12 3c5.392 0 9.878 3.88 10.819 9c-.94 5.12-5.427 9-10.819 9s-9.878-3.88-10.818-9C2.122 6.88 6.608 3 12 3m0 16a9.005 9.005 0 0 0 8.778-7a9.005 9.005 0 0 0-17.555 0A9.005 9.005 0 0 0 12 19m0-2.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m0-2a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5"fill=currentColor></svg>`, false, true, false);
+function EyeLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { EyeLine };

package/dist/icons/eye-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/eye-line.tsx
+function EyeLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="M12 3c5.392 0 9.878 3.88 10.819 9c-.94 5.12-5.427 9-10.819 9s-9.878-3.88-10.818-9C2.122 6.88 6.608 3 12 3m0 16a9.005 9.005 0 0 0 8.778-7a9.005 9.005 0 0 0-17.555 0A9.005 9.005 0 0 0 12 19m0-2.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m0-2a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { EyeLine };

package/dist/icons/eye-off-line.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js26 from "solid-js";
+
+//#region src/icons/eye-off-line.d.ts
+declare function EyeOffLine(props: IconProps): solid_js26.JSX.Element;
+//#endregion
+export { EyeOffLine };

package/dist/icons/eye-off-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/eye-off-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M17.883 19.297A10.95 10.95 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A11 11 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414l19.799 19.798l-1.414 1.415zM5.936 7.35A8.97 8.97 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604zm6.978 6.978l-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241m7.893 2.265l-1.431-1.431A8.9 8.9 0 0 0 20.778 12A9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.95 10.95 0 0 1-2.012 4.593m-9.084-9.084Q11.86 7.5 12 7.5a4.5 4.5 0 0 1 4.492 4.778z"fill=currentColor></svg>`, false, true, false);
+function EyeOffLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { EyeOffLine };

package/dist/icons/eye-off-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/eye-off-line.tsx
+function EyeOffLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="M17.883 19.297A10.95 10.95 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A11 11 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414l19.799 19.798l-1.414 1.415zM5.936 7.35A8.97 8.97 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604zm6.978 6.978l-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241m7.893 2.265l-1.431-1.431A8.9 8.9 0 0 0 20.778 12A9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.95 10.95 0 0 1-2.012 4.593m-9.084-9.084Q11.86 7.5 12 7.5a4.5 4.5 0 0 1 4.492 4.778z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { EyeOffLine };

package/dist/icons/index.d.ts

@@ -1,4 +1,15 @@
 import { ArrowDownSLine } from "./arrow-down-s-line.js";
+import { IconArrowLeft } from "./arrow-left.js";
+import { IconArrowRight } from "./arrow-right.js";
+import { CheckBold } from "./check-bold.js";
 import { CheckLine } from "./check-line.js";
+import { IconCheckboxCircleLine } from "./checkbox-circle-line.js";
 import { CloseLine } from "./close-line.js";
-export { ArrowDownSLine, CheckLine, CloseLine };
+import { IconEllipsis } from "./ellipsis.js";
+import { IconErrorWarningLine } from "./error-warning-line.js";
+import { EyeLine } from "./eye-line.js";
+import { EyeOffLine } from "./eye-off-line.js";
+import { InformationLine } from "./information-line.js";
+import { IconLoading } from "./loading.js";
+import { IconSubtract } from "./subtract.js";
+export { ArrowDownSLine, CheckBold, CheckLine, CloseLine, EyeLine, EyeOffLine, IconArrowLeft, IconArrowRight, IconCheckboxCircleLine, IconEllipsis, IconErrorWarningLine, IconLoading, IconSubtract, InformationLine };

package/dist/icons/index.js

@@ -1,5 +1,16 @@
 import { ArrowDownSLine } from "./arrow-down-s-line.js";
+import { IconArrowLeft } from "./arrow-left.js";
+import { IconArrowRight } from "./arrow-right.js";
+import { CheckBold } from "./check-bold.js";
 import { CheckLine } from "./check-line.js";
+import { IconCheckboxCircleLine } from "./checkbox-circle-line.js";
 import { CloseLine } from "./close-line.js";
+import { IconEllipsis } from "./ellipsis.js";
+import { IconErrorWarningLine } from "./error-warning-line.js";
+import { EyeLine } from "./eye-line.js";
+import { EyeOffLine } from "./eye-off-line.js";
+import { InformationLine } from "./information-line.js";
+import { IconLoading } from "./loading.js";
+import { IconSubtract } from "./subtract.js";
 
-export { ArrowDownSLine, CheckLine, CloseLine };
+export { ArrowDownSLine, CheckBold, CheckLine, CloseLine, EyeLine, EyeOffLine, IconArrowLeft, IconArrowRight, IconCheckboxCircleLine, IconEllipsis, IconErrorWarningLine, IconLoading, IconSubtract, InformationLine };

package/dist/icons/index.jsx

@@ -1,5 +1,16 @@
 import { ArrowDownSLine } from "./arrow-down-s-line.jsx";
+import { IconArrowLeft } from "./arrow-left.jsx";
+import { IconArrowRight } from "./arrow-right.jsx";
+import { CheckBold } from "./check-bold.jsx";
 import { CheckLine } from "./check-line.jsx";
+import { IconCheckboxCircleLine } from "./checkbox-circle-line.jsx";
 import { CloseLine } from "./close-line.jsx";
+import { IconEllipsis } from "./ellipsis.jsx";
+import { IconErrorWarningLine } from "./error-warning-line.jsx";
+import { EyeLine } from "./eye-line.jsx";
+import { EyeOffLine } from "./eye-off-line.jsx";
+import { InformationLine } from "./information-line.jsx";
+import { IconLoading } from "./loading.jsx";
+import { IconSubtract } from "./subtract.jsx";
 
-export { ArrowDownSLine, CheckLine, CloseLine };
+export { ArrowDownSLine, CheckBold, CheckLine, CloseLine, EyeLine, EyeOffLine, IconArrowLeft, IconArrowRight, IconCheckboxCircleLine, IconEllipsis, IconErrorWarningLine, IconLoading, IconSubtract, InformationLine };

package/dist/icons/information-line.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js27 from "solid-js";
+
+//#region src/icons/information-line.d.ts
+declare function InformationLine(props: IconProps): solid_js27.JSX.Element;
+//#endregion
+export { InformationLine };

package/dist/icons/information-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/information-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16M11 7h2v2h-2zm0 4h2v6h-2z"fill=currentColor></svg>`, false, true, false);
+function InformationLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { InformationLine };

package/dist/icons/information-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/information-line.tsx
+function InformationLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16M11 7h2v2h-2zm0 4h2v6h-2z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { InformationLine };

package/dist/icons/loading.d.ts

@@ -0,0 +1,13 @@
+import { IconProps } from "./common.js";
+import * as solid_js28 from "solid-js";
+
+//#region src/icons/loading.d.ts
+
+/**
+ * loading icon from [EOS Icons](https://gitlab.com/SUSE-UIUX/eos-icons)
+ *
+ * [MIT LICENSE](https://gitlab.com/SUSE-UIUX/eos-icons/-/blob/master/LICENSE)
+ */
+declare function IconLoading(props: IconProps): solid_js28.JSX.Element;
+//#endregion
+export { IconLoading };

package/dist/icons/loading.js

@@ -0,0 +1,18 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/loading.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z"fill=currentColor opacity=0.5></svg>`, false, true, false), _tmpl$2 = /* @__PURE__ */ template(`<svg><path d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"fill=currentColor><animateTransform attributeName=transform dur=1s from="0 12 12"repeatCount=indefinite to="360 12 12"type=rotate></svg>`, false, true, false);
+/**
+* loading icon from [EOS Icons](https://gitlab.com/SUSE-UIUX/eos-icons)
+*
+* [MIT LICENSE](https://gitlab.com/SUSE-UIUX/eos-icons/-/blob/master/LICENSE)
+*/
+function IconLoading(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return [_tmpl$(), _tmpl$2()];
+	} }));
+}
+
+//#endregion
+export { IconLoading };

package/dist/icons/loading.jsx

@@ -0,0 +1,19 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/loading.tsx
+/**
+* loading icon from [EOS Icons](https://gitlab.com/SUSE-UIUX/eos-icons)
+*
+* [MIT LICENSE](https://gitlab.com/SUSE-UIUX/eos-icons/-/blob/master/LICENSE)
+*/
+function IconLoading(props) {
+	return <SvgWrapper {...props}>
+      <path d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" fill="currentColor" opacity="0.5" />
+      <path d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z" fill="currentColor">
+        <animateTransform attributeName="transform" dur="1s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate" />
+      </path>
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconLoading };