@univerjs/icons 1.35.0 → 1.38.0

package/dist/cjs/add-image-icon.cjs

@@ -14,21 +14,47 @@ const element = {
 		"width": "1em",
 		"height": "1em"
 	},
-	"children": [{
-		"tag": "path",
-		"attrs": {
-			"fill": "currentColor",
-			"d": "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",
-			"fillRule": "evenodd",
-			"clipRule": "evenodd"
+	"children": [
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M7.9998 1.65005H3.64981C2.54524 1.65005 1.6498 2.54548 1.6498 3.65005V12.35C1.6498 13.4546 2.54523 14.35 3.6498 14.35H12.3498C13.4544 14.35 14.3498 13.4546 14.3498 12.3501V8.00005",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M1.6498 11.2148L5.43408 8.29588L10.711 12.0198",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M9.46559 10.1621L10.9774 8.65032C11.2042 8.42344 11.5634 8.39794 11.8201 8.59045L14.3498 10.4877",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M11.8097 1.74783V6.24167M9.6603 3.897H14.1541",
+				"strokeLinecap": "round",
+				"strokeWidth": 1.2
+			}
 		}
-	}, {
-		"tag": "path",
-		"attrs": {
-			"fill": "currentColor",
-			"d": "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"
-		}
-	}]
+	]
 };
 const AddImageIcon = (0, react.forwardRef)(function AddImageIcon(props, ref) {
 	return (0, react.createElement)(ts_base_js.IconBase, Object.assign({}, props, {

package/dist/cjs/base.cjs

@@ -1,15 +1,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react = require("react");
 //#region ts/base.tsx
+const SVG_STROKE_ELEMENT_SELECTOR = "circle, ellipse, line, path, polygon, polyline, rect, text, textPath, tspan, use";
 function IconBase({ ref, ...props }) {
-	const { icon, id, className, extend, ...restProps } = props;
+	const { preserveStrokeWidth, icon, id, className, extend, ...restProps } = props;
 	const cls = `univerjs-icon univerjs-icon-${id} ${className || ""}`.trim();
-	const idSuffix = (0, react.useRef)(`_${generateShortUuid()}`);
+	const idSuffix = `_${(0, react.useId)()}`;
+	const rootRef = (0, react.useRef)(null);
+	(0, react.useImperativeHandle)(ref, () => rootRef.current);
+	(0, react.useLayoutEffect)(() => {
+		if (!preserveStrokeWidth || !rootRef.current || rootRef.current.localName !== icon.tag) return;
+		return applyPreserveStrokeWidth(rootRef.current);
+	}, [preserveStrokeWidth, icon]);
 	return render(icon, `${id}`, {
 		defIds: icon.defIds,
-		idSuffix: idSuffix.current
+		idSuffix
 	}, {
-		ref,
+		ref: rootRef,
 		className: cls,
 		...restProps
 	}, extend);
@@ -60,8 +67,76 @@ function replaceRuntimeIdsInDefs(node, runtimeProps) {
 	};
 	return node;
 }
-function generateShortUuid() {
-	return Math.random().toString(36).substring(2, 8);
+/** Keep scalable strokes at their 16×16 baseline width as the viewport resizes. */
+function applyPreserveStrokeWidth(root) {
+	const viewBox = root.viewBox.baseVal;
+	const viewBoxSize = Math.max(viewBox.width, viewBox.height);
+	if (!Number.isFinite(viewBoxSize) || viewBoxSize <= 0 || viewBox.width <= 0 || viewBox.height <= 0) return () => void 0;
+	const baselineViewportScale = 16 / viewBoxSize;
+	const overrides = Array.from(root.querySelectorAll(SVG_STROKE_ELEMENT_SELECTOR)).flatMap((element) => {
+		const computedStyle = getComputedStyle(element);
+		const strokeWidth = Number.parseFloat(computedStyle.strokeWidth);
+		if (computedStyle.stroke === "none" || Number.parseFloat(computedStyle.strokeOpacity) === 0 || computedStyle.vectorEffect === "non-scaling-stroke" || !Number.isFinite(strokeWidth) || strokeWidth <= 0) return [];
+		return [{
+			element,
+			hadStyleAttribute: element.hasAttribute("style"),
+			originalStrokeWidth: strokeWidth,
+			strokeWidth: getInlineStyleSnapshot(element.style, "stroke-width")
+		}];
+	}).map((measurement) => ({
+		appliedStrokeWidth: null,
+		element: measurement.element,
+		hadStyleAttribute: measurement.hadStyleAttribute,
+		isReleased: false,
+		originalStrokeWidth: measurement.originalStrokeWidth,
+		strokeWidth: measurement.strokeWidth
+	}));
+	if (overrides.length === 0) return () => void 0;
+	const updateStrokeWidths = (width, height) => {
+		if (viewBox.width <= 0 || viewBox.height <= 0 || width <= 0 || height <= 0) return;
+		const currentViewportScale = Math.min(width / viewBox.width, height / viewBox.height);
+		if (!Number.isFinite(currentViewportScale) || currentViewportScale <= 0) return;
+		overrides.forEach((override) => {
+			if (override.isReleased) return;
+			if (override.appliedStrokeWidth !== null && (override.element.style.getPropertyValue("stroke-width") !== override.appliedStrokeWidth || override.element.style.getPropertyPriority("stroke-width") !== override.strokeWidth.priority)) {
+				override.appliedStrokeWidth = null;
+				override.isReleased = true;
+				return;
+			}
+			const strokeWidth = override.originalStrokeWidth * baselineViewportScale / currentViewportScale;
+			const appliedStrokeWidth = `${Number(strokeWidth.toFixed(12))}px`;
+			override.element.style.setProperty("stroke-width", appliedStrokeWidth, override.strokeWidth.priority);
+			override.appliedStrokeWidth = appliedStrokeWidth;
+		});
+	};
+	const initialBounds = root.getBoundingClientRect();
+	updateStrokeWidths(initialBounds.width, initialBounds.height);
+	const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver((entries) => {
+		if (entries.some((candidate) => candidate.target === root)) {
+			const bounds = root.getBoundingClientRect();
+			updateStrokeWidths(bounds.width, bounds.height);
+		}
+	});
+	resizeObserver?.observe(root);
+	return () => {
+		resizeObserver?.disconnect();
+		overrides.forEach((override) => {
+			if (override.appliedStrokeWidth === null) return;
+			restoreInlineStyle(override.element.style, "stroke-width", override.appliedStrokeWidth, override.strokeWidth.priority, override.strokeWidth);
+			if (!override.hadStyleAttribute && override.element.style.length === 0) override.element.removeAttribute("style");
+		});
+	};
+}
+function getInlineStyleSnapshot(style, property) {
+	return {
+		priority: style.getPropertyPriority(property),
+		value: style.getPropertyValue(property)
+	};
+}
+function restoreInlineStyle(style, property, appliedValue, appliedPriority, snapshot) {
+	if (style.getPropertyValue(property) !== appliedValue || style.getPropertyPriority(property) !== appliedPriority) return;
+	if (snapshot.value) style.setProperty(property, snapshot.value, snapshot.priority);
+	else style.removeProperty(property);
 }
 IconBase.displayName = "UniverIcon";
 //#endregion

package/dist/cjs/chart-icon.cjs

@@ -18,10 +18,10 @@ const element = {
 		{
 			"tag": "path",
 			"attrs": {
-				"fill": "currentColor",
-				"d": "M0.399902 14.4076C0.399902 14.0762 0.668532 13.8076 0.999902 13.8076H14.9999C15.3313 13.8076 15.5999 14.0762 15.5999 14.4076C15.5999 14.739 15.3313 15.0076 14.9999 15.0076H0.999902C0.668532 15.0076 0.399902 14.739 0.399902 14.4076Z",
-				"fillRule": "evenodd",
-				"clipRule": "evenodd"
+				"stroke": "currentColor",
+				"d": "M1 14.4076H15",
+				"strokeLinecap": "round",
+				"strokeWidth": 1.2
 			}
 		},
 		{

package/dist/cjs/column-icon.cjs

@@ -14,23 +14,40 @@ const element = {
 		"width": "1em",
 		"height": "1em"
 	},
-	"children": [{
-		"tag": "path",
-		"attrs": {
-			"fill": "currentColor",
-			"d": "M6.79407 7.49183L6.80825 7.49199L6.82241 7.49183L10.9728 7.49192L10.9821 7.49199L10.9913 7.49192L14.0562 7.49199C14.9951 7.49201 15.7562 6.73089 15.7562 5.79199V3.99202C15.7562 3.05313 14.9951 2.29202 14.0562 2.29202L10.9893 2.29203L10.9821 2.29199L10.9749 2.29203L6.81682 2.29205L6.80825 2.29199L6.79967 2.29205L3.73417 2.29207C2.79527 2.29207 2.03416 3.05321 2.03418 3.99211L2.03422 5.7918C2.03425 6.73065 2.79533 7.49174 3.73419 7.49176L6.79407 7.49183ZM14.0562 6.29199L11.5821 6.29194V3.49203L14.0562 3.49202C14.3324 3.49202 14.5562 3.71588 14.5562 3.99202V5.79199C14.5562 6.06814 14.3323 6.292 14.0562 6.29199ZM10.3821 6.29191V3.49204L7.40825 3.49205V6.29184L10.3821 6.29191ZM6.20825 6.29181V3.49205L3.73418 3.49207C3.45803 3.49207 3.23417 3.71593 3.23418 3.99208L3.23422 5.79177C3.23423 6.0679 3.45808 6.29175 3.73421 6.29176L6.20825 6.29181Z",
-			"fillRule": "evenodd",
-			"clipRule": "evenodd"
+	"children": [
+		{
+			"tag": "rect",
+			"attrs": {
+				"width": 12.52,
+				"height": 4,
+				"x": 2.63,
+				"y": 2.89,
+				"stroke": "currentColor",
+				"rx": 1.1,
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M6.80825 2.89202V6.89199M10.9821 2.89202V6.89199",
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "rect",
+			"attrs": {
+				"width": 4,
+				"height": 4,
+				"x": 2.63,
+				"y": 9.8,
+				"stroke": "currentColor",
+				"rx": 1.1,
+				"strokeWidth": 1.2
+			}
 		}
-	}, {
-		"tag": "path",
-		"attrs": {
-			"fill": "currentColor",
-			"d": "M5.53413 9.19951L3.73415 9.19954C2.79526 9.19955 2.03415 9.96069 2.03418 10.8996L2.03423 12.6995C2.03425 13.6384 2.79536 14.3995 3.73423 14.3995H5.53415C6.47303 14.3995 7.23415 13.6384 7.23415 12.6995V10.8995C7.23415 9.96062 6.47302 9.1995 5.53413 9.19951ZM3.73417 10.3995L5.53414 10.3995C5.81029 10.3995 6.03415 10.6234 6.03415 10.8995V12.6995C6.03415 12.9756 5.81029 13.1995 5.53415 13.1995H3.73423C3.45809 13.1995 3.23423 12.9756 3.23423 12.6995L3.23418 10.8996C3.23417 10.6234 3.45803 10.3995 3.73417 10.3995Z",
-			"fillRule": "evenodd",
-			"clipRule": "evenodd"
-		}
-	}]
+	]
 };
 const ColumnIcon = (0, react.forwardRef)(function ColumnIcon(props, ref) {
 	return (0, react.createElement)(ts_base_js.IconBase, Object.assign({}, props, {

package/dist/cjs/comment-icon.cjs

@@ -14,47 +14,24 @@ const element = {
 		"width": "1em",
 		"height": "1em"
 	},
-	"children": [
-		{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345ZM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345ZM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z",
-				"fillRule": "evenodd",
-				"clipRule": "evenodd"
-			}
-		},
-		{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345Z"
-			}
-		},
-		{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345Z"
-			}
-		},
-		{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z"
-			}
-		},
-		{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M1.84351 3.41861C1.84351 3.01861 2.15531 2.69434 2.53993 2.69434H14.9381C15.3228 2.69434 15.6346 3.01861 15.6346 3.41861V12.4611C15.6346 12.8612 15.3228 13.1854 14.9381 13.1854H8.82117L6.06643 14.6179C5.85054 14.7301 5.59416 14.7181 5.38884 14.5862C5.18352 14.4542 5.05855 14.2211 5.05855 13.9701V13.1854H2.53993C2.15531 13.1854 1.84351 12.8612 1.84351 12.4611L1.84351 3.41861ZM6.45141 12.7982L8.34531 12.0135C8.44201 11.9632 8.54864 11.9371 8.65676 11.9371H14.2417C14.3522 11.9371 14.4417 11.8475 14.4417 11.7371V4.14271C14.4417 4.03225 14.3522 3.94271 14.2417 3.94271H3.23636C3.12591 3.94271 3.03636 4.03225 3.03636 4.14271L3.03636 11.7371C3.03636 11.8475 3.12591 11.9371 3.23636 11.9371L5.75498 11.9371C6.1396 11.9371 6.45141 12.0611 6.45141 12.4611V12.7982Z",
-				"fillRule": "evenodd",
-				"clipRule": "evenodd"
-			}
+	"children": [{
+		"tag": "path",
+		"attrs": {
+			"stroke": "currentColor",
+			"d": "M2.43993 3.31861H15.0381V12.5611H8.65676L5.75498 14.069V12.5611H2.43993V3.31861Z",
+			"strokeLinecap": "round",
+			"strokeLinejoin": "round",
+			"strokeWidth": 1.2
 		}
-	]
+	}, {
+		"tag": "path",
+		"attrs": {
+			"stroke": "currentColor",
+			"d": "M5.83725 7.50706V8.41159M8.73904 7.50706V8.41159M11.6408 7.50706V8.41159",
+			"strokeLinecap": "round",
+			"strokeWidth": 1.39
+		}
+	}]
 };
 const CommentIcon = (0, react.forwardRef)(function CommentIcon(props, ref) {
 	return (0, react.createElement)(ts_base_js.IconBase, Object.assign({}, props, {

package/dist/cjs/direct-export-icon.cjs

@@ -18,24 +18,31 @@ const element = {
 		{
 			"tag": "path",
 			"attrs": {
-				"fill": "currentColor",
-				"d": "M3.00004 1.3335C2.07957 1.3335 1.33337 2.07969 1.33337 3.00016V13.0002C1.33337 13.9143 2.06935 14.6566 2.98108 14.6667C2.99252 14.6671 3.00399 14.6671 3.01547 14.6668H13C13.9205 14.6668 14.6667 13.9207 14.6667 13.0002V11.8335C14.6667 11.4653 14.3682 11.1668 14 11.1668C13.6319 11.1668 13.3334 11.4653 13.3334 11.8335V13.0002C13.3334 13.1843 13.1842 13.3335 13 13.3335H5.25636C5.61522 13.016 5.95119 12.6637 6.25105 12.2868C7.06748 11.2609 7.66671 9.98799 7.66671 8.66683V2.66683H13C13.1841 2.66683 13.3334 2.81606 13.3334 3.00016V4.66683C13.3334 5.03502 13.6319 5.3335 14 5.3335C14.3682 5.3335 14.6667 5.03502 14.6667 4.66683V3.00016C14.6667 2.0797 13.9205 1.3335 13 1.3335H3.00004ZM6.33337 2.66683H3.00004C2.81595 2.66683 2.66671 2.81607 2.66671 3.00016V13.0002C2.66671 13.1484 2.76345 13.274 2.89725 13.3173C3.70845 12.9437 4.55406 12.2781 5.20773 11.4566C5.90507 10.5803 6.33337 9.59203 6.33337 8.66683V2.66683Z",
-				"fillRule": "evenodd",
-				"clipRule": "evenodd"
+				"stroke": "currentColor",
+				"d": "M7.2 2H3.2C2.53726 2 2 2.53726 2 3.2V12.8C2 13.4627 2.53726 14 3.2 14H12.8C13.4627 14 14 13.4627 14 12.8V11.7",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.2
 			}
 		},
 		{
 			"tag": "path",
 			"attrs": {
-				"fill": "currentColor",
-				"d": "M12.4714 5.86209C12.2111 5.60174 11.789 5.60174 11.5286 5.86209C11.2683 6.12244 11.2683 6.54455 11.5286 6.8049L12.3906 7.66683H10C9.63185 7.66683 9.33337 7.96531 9.33337 8.3335C9.33337 8.70169 9.63185 9.00016 10 9.00016H12.3906L11.5286 9.86209C11.2683 10.1224 11.2683 10.5446 11.5286 10.8049C11.789 11.0653 12.2111 11.0653 12.4714 10.8049L14.4714 8.8049C14.5935 8.68286 14.6583 8.52528 14.6659 8.36548C14.6665 8.35482 14.6667 8.34416 14.6667 8.3335L12.4714 5.86209Z"
+				"stroke": "currentColor",
+				"d": "M7.2 2V8C7.2 10.2976 5.76983 12.6271 3.2 14",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.2
 			}
 		},
 		{
 			"tag": "path",
 			"attrs": {
-				"fill": "currentColor",
-				"d": "M12.4714 5.86209L14.4714 7.86209C14.6001 7.9907 14.6651 8.15878 14.6667 8.32734L12.4714 5.86209Z"
+				"stroke": "currentColor",
+				"d": "M9.4 8H14.4M12 5.6L14.4 8L12 10.4",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.2
 			}
 		}
 	]

package/dist/cjs/doc-setting-icon.cjs

@@ -18,38 +18,38 @@ const element = {
 		{
 			"tag": "path",
 			"attrs": {
-				"fill": "currentColor",
-				"d": "M10.9913 10.8779C11.4971 10.8779 11.9073 11.2882 11.9073 11.7939C11.9073 12.2997 11.4971 12.71 10.9913 12.71C10.4857 12.7099 10.0754 12.2996 10.0753 11.7939C10.0753 11.2882 10.4857 10.878 10.9913 10.8779Z"
+				"stroke": "currentColor",
+				"d": "M6.18958 14.085H4.0929C2.98833 14.085 2.0929 13.1895 2.0929 12.085V3.5918C2.0929 2.48723 2.98833 1.5918 4.0929 1.5918H10.5031C11.6077 1.5918 12.5031 2.48723 12.5031 3.5918V6.41602",
+				"strokeLinecap": "round",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.33
 			}
 		},
 		{
 			"tag": "path",
 			"attrs": {
-				"fill": "currentColor",
-				"d": "M11.9572 8.51465C12.5471 8.51471 13.0936 8.82742 13.3927 9.33594L14.3419 10.9502C14.6291 11.4386 14.6479 12.037 14.3966 12.5391L14.3419 12.6377L13.3927 14.252C13.0936 14.7605 12.5471 15.0732 11.9572 15.0732H10.0255C9.50941 15.0731 9.02688 14.8339 8.71399 14.4336L8.59094 14.252L7.64075 12.6377C7.33466 12.1169 7.33466 11.471 7.64075 10.9502L8.59094 9.33594L8.71399 9.1543C9.02688 8.75387 9.50935 8.51477 10.0255 8.51465H11.9572ZM10.0255 9.84473C9.93678 9.84483 9.85287 9.87988 9.79114 9.94043L9.73743 10.0098L8.78723 11.624C8.72565 11.7288 8.72564 11.8591 8.78723 11.9639L9.73743 13.5781L9.79114 13.6475C9.85286 13.7079 9.93684 13.7431 10.0255 13.7432H11.9572C12.0757 13.7431 12.186 13.6803 12.2462 13.5781L13.1954 11.9639L13.2306 11.8809C13.2536 11.7953 13.2415 11.7025 13.1954 11.624L12.2462 10.0098C12.186 9.90756 12.0758 9.84479 11.9572 9.84473H10.0255Z",
-				"fillRule": "evenodd",
-				"clipRule": "evenodd"
+				"stroke": "currentColor",
+				"d": "M4.73547 4.57324H9.96594M4.73547 7.08105H7.91614",
+				"strokeLinecap": "round",
+				"strokeWidth": 1.33
 			}
 		},
 		{
 			"tag": "path",
 			"attrs": {
-				"fill": "currentColor",
-				"d": "M10.5031 0.926758C11.9748 0.926758 13.1679 2.12013 13.1681 3.5918V6.41602C13.1679 6.78314 12.8702 7.08105 12.5031 7.08105C12.1361 7.08084 11.8382 6.783 11.838 6.41602V3.5918C11.8378 2.85467 11.2402 2.25684 10.5031 2.25684H4.0929C3.35572 2.25684 2.75813 2.85467 2.75793 3.5918V12.085C2.75818 12.8221 3.35574 13.4199 4.0929 13.4199H6.18958L6.32434 13.4326C6.62712 13.4947 6.85444 13.7639 6.85461 14.085C6.8544 14.406 6.62705 14.6742 6.32434 14.7363L6.18958 14.75H4.0929C2.62121 14.75 1.4281 13.5566 1.42786 12.085V3.5918C1.42806 2.12013 2.62118 0.926758 4.0929 0.926758H10.5031Z"
+				"stroke": "currentColor",
+				"d": "M10.0255 9.17969H11.9572L13.7687 11.7939L11.9572 14.4082H10.0255L8.21399 11.7939L10.0255 9.17969Z",
+				"strokeLinejoin": "round",
+				"strokeWidth": 1.33
 			}
 		},
 		{
 			"tag": "path",
 			"attrs": {
-				"fill": "currentColor",
-				"d": "M8.04993 6.42969C8.35293 6.49172 8.58118 6.75971 8.58118 7.08105C8.581 7.40229 8.35289 7.67047 8.04993 7.73242L7.91614 7.74609H4.73547C4.36833 7.74609 4.07063 7.44816 4.07043 7.08105C4.07043 6.71379 4.3682 6.41602 4.73547 6.41602H7.91614L8.04993 6.42969Z"
-			}
-		},
-		{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M10.1007 3.92188C10.4034 3.98418 10.631 4.25215 10.631 4.57324C10.6309 4.8943 10.4033 5.16233 10.1007 5.22461L9.96594 5.23828H4.73547C4.36824 5.23828 4.0705 4.94046 4.07043 4.57324C4.07043 4.20597 4.3682 3.9082 4.73547 3.9082H9.96594L10.1007 3.92188Z"
+				"stroke": "currentColor",
+				"d": "M10.9913 11.7939H10.9914",
+				"strokeLinecap": "round",
+				"strokeWidth": 1.83
 			}
 		}
 	]

package/dist/cjs/freeze-to-selected-icon.cjs

@@ -14,15 +14,36 @@ const element = {
 		"width": "1em",
 		"height": "1em"
 	},
-	"children": [{
-		"tag": "path",
-		"attrs": {
-			"fill": "currentColor",
-			"d": "M1.14014 3.73989C1.14014 2.30396 2.3042 1.13989 3.74014 1.13989H12.2601C12.3218 1.13989 12.383 1.14204 12.4436 1.14627C12.5406 1.13479 12.6397 1.14699 12.7315 1.18252C13.9424 1.4043 14.8601 2.46492 14.8601 3.73989V12.2599C14.8601 13.6905 13.7047 14.8513 12.2761 14.8598L12.2572 14.8599L3.74014 14.8599C2.3042 14.8599 1.14014 13.6958 1.14014 12.2599V3.73989ZM12.2677 13.6599L12.2601 13.6599H7.99297L7.99256 8.10687C7.99254 7.88594 8.17163 7.70684 8.39256 7.70684H13.6572V12.2599C13.6572 13.0296 13.0361 13.6542 12.2677 13.6599ZM8.39256 6.50684H9.82177L13.4929 3.07581C13.3217 2.75868 13.0317 2.51513 12.6826 2.40475L8.25499 6.51267C8.30033 6.50881 8.34621 6.50684 8.39256 6.50684ZM13.6601 4.56202L11.5792 6.50684H13.6601V4.56202ZM6.81297 7.85057C6.79953 7.93405 6.79255 8.01969 6.79256 8.10696L6.79265 9.36615L2.72441 13.2234C2.48625 12.9724 2.34014 12.6332 2.34014 12.2599V12.0005L6.81297 7.85057ZM4.00811 13.6599H6.79297L6.79277 11.0197L4.00811 13.6599ZM9.57168 2.33989H10.9882L2.34014 10.3635V8.8534L9.57168 2.33989ZM7.77864 2.33989L2.34014 7.2384V5.61425L6.28159 2.33989H7.77864ZM4.40368 2.33989L2.34014 4.05418V3.73989C2.34014 2.9667 2.96694 2.33989 3.74014 2.33989H4.40368Z",
-			"fillRule": "evenodd",
-			"clipRule": "evenodd"
+	"children": [
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M1.74014 4.65986L4.66011 1.73989M1.74014 7.85986L7.86011 1.73989M1.74014 11.0599L11.2601 1.73989M1.74014 14.2599L7.39256 8.60744M8.89317 7.10684L14.2601 1.73989M4.94011 14.2599L7.39256 11.8074M12.0932 7.10684L14.2601 4.93989",
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "path",
+			"attrs": {
+				"stroke": "currentColor",
+				"d": "M7.39256 7.10684H14.2601M7.39256 7.10684V14.2599",
+				"strokeWidth": 1.2
+			}
+		},
+		{
+			"tag": "rect",
+			"attrs": {
+				"width": 12.52,
+				"height": 12.52,
+				"x": 1.74,
+				"y": 1.74,
+				"stroke": "currentColor",
+				"rx": 2,
+				"strokeWidth": 1.2
+			}
 		}
-	}]
+	]
 };
 const FreezeToSelectedIcon = (0, react.forwardRef)(function FreezeToSelectedIcon(props, ref) {
 	return (0, react.createElement)(ts_base_js.IconBase, Object.assign({}, props, {

package/dist/cjs/function-icon.cjs

@@ -17,10 +17,11 @@ const element = {
 	"children": [{
 		"tag": "path",
 		"attrs": {
-			"fill": "currentColor",
-			"d": "M3.09318 3.78608C2.21639 2.9026 2.84219 1.3999 4.08689 1.3999H11.2079C11.7676 1.3999 12.3041 1.62335 12.6984 2.02063L13.2584 2.58488C13.4918 2.82009 13.4904 3.19998 13.2552 3.4334C13.02 3.66683 12.6401 3.66538 12.4066 3.43018L11.8467 2.86593C11.6777 2.69566 11.4477 2.5999 11.2079 2.5999H4.08689C3.90907 2.5999 3.81967 2.81458 3.94493 2.94079L8.24218 7.27082C8.66782 7.69971 8.66782 8.39164 8.24218 8.82053L3.94493 13.1506C3.81967 13.2768 3.90907 13.4915 4.08689 13.4915H11.2079C11.4477 13.4915 11.6777 13.3957 11.8467 13.2254L12.4066 12.6612C12.6401 12.426 13.02 12.4245 13.2552 12.658C13.4904 12.8914 13.4918 13.2713 13.2584 13.5065L12.6984 14.0707C12.3041 14.468 11.7676 14.6915 11.2079 14.6915H4.08689C2.84218 14.6915 2.2164 13.1888 3.09318 12.3053L7.32053 8.04568L3.09318 3.78608Z",
-			"fillRule": "evenodd",
-			"clipRule": "evenodd"
+			"stroke": "currentColor",
+			"d": "M12.8325 3.00753L12.2725 2.44328C11.9909 2.15966 11.6076 1.9999 11.2079 1.9999H4.08689C3.55342 1.9999 3.28522 2.64412 3.66105 3.02295L7.78136 7.17471C8.25623 7.65323 8.25623 8.43812 7.78136 8.91664L3.66105 13.0684C3.28522 13.4473 3.55342 14.0915 4.08689 14.0915H11.2079C11.6076 14.0915 11.9909 13.9317 12.2725 13.648L12.8325 13.0838",
+			"strokeLinecap": "round",
+			"strokeLinejoin": "round",
+			"strokeWidth": 1.2
 		}
 	}]
 };

package/dist/cjs/graph-icon.cjs

@@ -15,34 +15,24 @@ const element = {
 		"height": "1em"
 	},
 	"children": [{
-		"tag": "g",
-		"attrs": { "clipPath": "url(#graph-icon_clip0_1293_28)" },
-		"children": [{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z",
-				"fillRule": "evenodd",
-				"clipRule": "evenodd"
-			}
-		}]
+		"tag": "path",
+		"attrs": {
+			"stroke": "currentColor",
+			"d": "M6.89541 10.66A4.66667 4.66667 0 1 1 11.8957 6.00527",
+			"strokeWidth": 1.2
+		}
 	}, {
-		"tag": "defs",
-		"attrs": {},
-		"children": [{
-			"tag": "clipPath",
-			"attrs": { "id": "graph-icon_clip0_1293_28" },
-			"children": [{
-				"tag": "path",
-				"attrs": {
-					"fill": "white",
-					"d": "M0 0H16V16H0z",
-					"transform": "translate(.9)"
-				}
-			}]
-		}]
-	}],
-	"defIds": ["graph-icon_clip0_1293_28"]
+		"tag": "rect",
+		"attrs": {
+			"width": 8.67,
+			"height": 8.67,
+			"x": 6.9,
+			"y": 6.01,
+			"stroke": "currentColor",
+			"rx": 2,
+			"strokeWidth": 1.2
+		}
+	}]
 };
 const GraphIcon = (0, react.forwardRef)(function GraphIcon(props, ref) {
 	return (0, react.createElement)(ts_base_js.IconBase, Object.assign({}, props, {

package/dist/cjs/grid-icon.cjs

@@ -15,12 +15,22 @@ const element = {
 		"height": "1em"
 	},
 	"children": [{
+		"tag": "rect",
+		"attrs": {
+			"width": 12.06,
+			"height": 12.06,
+			"x": 1.97,
+			"y": 1.97,
+			"stroke": "currentColor",
+			"rx": .63,
+			"strokeWidth": 1.27
+		}
+	}, {
 		"tag": "path",
 		"attrs": {
-			"fill": "currentColor",
-			"d": "M1.33325 2.60309C1.33325 1.90178 1.90178 1.33325 2.60309 1.33325H13.3967C14.0981 1.33325 14.6666 1.90178 14.6666 2.60309V13.3967C14.6666 14.0981 14.0981 14.6666 13.3967 14.6666H2.60309C1.90178 14.6666 1.33325 14.0981 1.33325 13.3967V2.60309ZM10.5396 13.3967H13.3967V10.5396H10.5396V13.3967ZM9.26976 10.5396V13.3967H6.41262V10.5396H9.26976ZM10.5396 9.26976H13.3967V6.73008H10.5396V9.26976ZM9.26976 6.73008V9.26976H6.41262V6.73008H9.26976ZM10.5396 5.46024H13.3967V2.60309H10.5396V5.46024ZM9.26976 2.60309V5.46024H6.41262V2.60309H9.26976ZM2.60309 2.60309H5.14278V5.46024H2.60309V2.60309ZM2.60309 6.73008H5.14278V9.26976H2.60309V6.73008ZM2.60309 10.5396H5.14278V13.3967H2.60309V10.5396Z",
-			"fillRule": "evenodd",
-			"clipRule": "evenodd"
+			"stroke": "currentColor",
+			"d": "M5.7777 1.96817V14.0317M9.90468 1.96817V14.0317M1.96817 6.09516H14.0317M1.96817 9.90468H14.0317",
+			"strokeWidth": 1.27
 		}
 	}]
 };

package/dist/cjs/header-footer-icon.cjs

@@ -14,31 +14,26 @@ const element = {
 		"width": "1em",
 		"height": "1em"
 	},
-	"children": [
-		{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M4.9999 3.90137C4.66853 3.90137 4.3999 4.17 4.3999 4.50137C4.3999 4.83274 4.66853 5.10137 4.9999 5.10137H10.9999C11.3313 5.10137 11.5999 4.83274 11.5999 4.50137C11.5999 4.17 11.3313 3.90137 10.9999 3.90137H4.9999Z"
-			}
-		},
-		{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M4.9999 10.8987C4.66853 10.8987 4.3999 11.1673 4.3999 11.4987C4.3999 11.8301 4.66853 12.0987 4.9999 12.0987H10.9999C11.3313 12.0987 11.5999 11.8301 11.5999 11.4987C11.5999 11.1673 11.3313 10.8987 10.9999 10.8987H4.9999Z"
-			}
-		},
-		{
-			"tag": "path",
-			"attrs": {
-				"fill": "currentColor",
-				"d": "M12.7 2.0999H3.30005C2.85822 2.0999 2.50005 2.45807 2.50005 2.8999V13.0999C2.50005 13.5417 2.85822 13.8999 3.30005 13.8999H12.7C13.1419 13.8999 13.5 13.5417 13.5 13.0999V2.8999C13.5 2.45808 13.1419 2.0999 12.7 2.0999ZM3.30005 0.899902C2.19548 0.899902 1.30005 1.79533 1.30005 2.8999V13.0999C1.30005 14.2045 2.19548 15.0999 3.30005 15.0999H12.7C13.8046 15.0999 14.7 14.2045 14.7 13.0999V2.8999C14.7 1.79533 13.8046 0.899902 12.7 0.899902H3.30005Z",
-				"fillRule": "evenodd",
-				"clipRule": "evenodd"
-			}
+	"children": [{
+		"tag": "rect",
+		"attrs": {
+			"width": 12.2,
+			"height": 13,
+			"x": 1.9,
+			"y": 1.5,
+			"stroke": "currentColor",
+			"rx": 1.4,
+			"strokeWidth": 1.2
 		}
-	]
+	}, {
+		"tag": "path",
+		"attrs": {
+			"stroke": "currentColor",
+			"d": "M4.9999 4.50137H10.9999M4.9999 11.4987H10.9999",
+			"strokeLinecap": "round",
+			"strokeWidth": 1.2
+		}
+	}]
 };
 const HeaderFooterIcon = (0, react.forwardRef)(function HeaderFooterIcon(props, ref) {
 	return (0, react.createElement)(ts_base_js.IconBase, Object.assign({}, props, {