phosphor-solid
Version:
A clean and friendly icon family for Solid-js
353 lines (250 loc) • 19 kB
JavaScript
import { useContext } from 'solid-js';
import { IconContext } from '../lib/index.esm.js';
import { template, setAttribute, spread, insert } from 'solid-js/web';
import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../_virtual/_rollupPluginBabelHelpers.js';
const _tmpl$ = template(`<svg><polyline points="192 104 152 104 152 64" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline></svg>`, 4, true),
_tmpl$2 = template(`<svg><line x1="208" y1="48" x2="152" y2="104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line></svg>`, 4, true),
_tmpl$3 = template(`<svg><polyline points="64 152 104 152 104 192" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline></svg>`, 4, true),
_tmpl$4 = template(`<svg><line x1="48" y1="208" x2="104" y2="152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line></svg>`, 4, true),
_tmpl$5 = template(`<svg><polyline points="152 192 152 152 192 152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline></svg>`, 4, true),
_tmpl$6 = template(`<svg><line x1="208" y1="208" x2="152" y2="152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line></svg>`, 4, true),
_tmpl$7 = template(`<svg><polyline points="104 64 104 104 64 104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline></svg>`, 4, true),
_tmpl$8 = template(`<svg><line x1="48" y1="48" x2="104" y2="104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line></svg>`, 4, true),
_tmpl$9 = template(`<svg><polyline points="192 104 152 104 152 64" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg>`, 4, true),
_tmpl$10 = template(`<svg><line x1="208" y1="48" x2="152" y2="104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line></svg>`, 4, true),
_tmpl$11 = template(`<svg><polyline points="64 152 104 152 104 192" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg>`, 4, true),
_tmpl$12 = template(`<svg><line x1="48" y1="208" x2="104" y2="152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line></svg>`, 4, true),
_tmpl$13 = template(`<svg><polyline points="152 192 152 152 192 152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg>`, 4, true),
_tmpl$14 = template(`<svg><line x1="208" y1="208" x2="152" y2="152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line></svg>`, 4, true),
_tmpl$15 = template(`<svg><polyline points="104 64 104 104 64 104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg>`, 4, true),
_tmpl$16 = template(`<svg><line x1="48" y1="48" x2="104" y2="104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line></svg>`, 4, true),
_tmpl$17 = template(`<svg><g><path d="M144.04,104.79193c.01074.10773.03125.21222.0459.31867.02148.15216.03955.30456.06933.45544.02539.12622.06006.24841.09131.37244.03174.12921.06055.259.09912.38678.03711.12243.0835.2406.126.36047.04541.12659.0874.25385.13867.37848.0459.111.10059.21728.15137.32568.06006.12866.11719.25806.18506.384.05517.10279.11767.20032.17724.30036.07373.124.144.24921.22461.36993.07373.10968.15576.21259.23438.3183.07666.10358.14892.20947.23193.31006.14844.18091.30664.35321.47022.52032.02.0207.03711.0434.05761.06391.01612.01611.03418.02936.0503.04529.17138.16882.34912.33123.53564.48413.09424.07757.19385.145.291.21765.11181.08374.22168.17053.33789.24847.11474.07685.23388.14344.35156.21369.10644.06341.21045.13012.31934.18866.12011.06421.24365.11865.36621.17627.11425.054.22656.111.34375.15954.11816.049.23877.08844.35888.13141.12647.04547.25147.09393.38037.13312.12012.03619.2417.06268.36231.09314.13184.03326.26221.07019.39648.0968.14063.02789.28321.04456.42481.06482.1167.01666.231.03876.34912.05035.26221.02588.52588.03992.78955.03992h40a8,8,0,0,0,0-16H171.314l42.34327-42.34326a8.00018,8.00018,0,0,0-11.31446-11.31348L160,84.686V64a8,8,0,0,0-16,0v39.99487Q144,104.39405,144.04,104.79193Z"></path><path d="M111.96,151.20807c-.01074-.10773-.03125-.21222-.0459-.31867-.02148-.15216-.03955-.30456-.06933-.45544-.02539-.12622-.06006-.24841-.09131-.37244-.03174-.12921-.06055-.259-.09912-.38678-.03711-.12243-.0835-.2406-.126-.36047-.04541-.12659-.0874-.25385-.13867-.37848-.0459-.111-.10059-.21728-.15137-.32568-.06006-.12866-.11719-.25806-.18506-.384-.05517-.10279-.11767-.20032-.17724-.30036-.07373-.124-.144-.24921-.22461-.36993-.07373-.10968-.15576-.21259-.23438-.3183-.07666-.10358-.14892-.20947-.23193-.31006-.14844-.18091-.30664-.35321-.47022-.52032-.02-.0207-.03711-.0434-.05761-.06391-.01612-.01611-.03418-.02936-.0503-.04529-.17138-.16882-.34912-.33123-.53564-.48413-.09375-.07715-.19287-.14428-.28955-.21655-.11279-.08423-.22266-.17145-.33985-.24976-.11279-.07568-.23046-.14123-.34668-.21051-.10791-.06463-.21386-.1325-.32519-.1922-.1167-.06237-.23682-.11523-.356-.17144-.11767-.05579-.2334-.11444-.35449-.16455-.11377-.047-.22949-.08478-.34473-.12629-.13134-.04736-.26074-.09747-.395-.13806-.11377-.03436-.22949-.05938-.34423-.08862-.1377-.035-.27442-.07336-.41455-.10114-.13038-.02581-.26221-.04077-.39356-.06-.12695-.01862-.25195-.04236-.38086-.05494-.23193-.02282-.46484-.03271-.69824-.03527C104.05859,144.00415,104.02979,144,104,144H64a8,8,0,0,0,0,16H84.686L42.34277,202.34277a8.00053,8.00053,0,0,0,11.31446,11.31446L96,171.31409V192a8,8,0,0,0,16,0V152.00513Q112,151.606,111.96,151.20807Z"></path><path d="M171.314,160H192a8,8,0,0,0,0-16H152c-.02979,0-.05859.00415-.08838.00446-.2334.00256-.46631.01245-.69824.03527-.12891.01258-.25391.03632-.38086.05494-.13135.01928-.26318.03424-.39356.06-.14013.02778-.27685.06611-.41455.10114-.11474.02924-.23046.05426-.34423.08862-.13428.04059-.26368.0907-.395.13806-.11524.04151-.231.07929-.34473.12629-.12109.05011-.23682.10876-.35449.16455-.11914.05621-.23926.10907-.356.17144-.11133.0597-.21728.12757-.32519.1922-.11622.06928-.23389.13483-.34668.21051-.11719.07831-.22706.16553-.33985.24976-.09668.07227-.1958.1394-.28955.21655-.18652.1529-.36426.31531-.53564.48413-.01612.01593-.03418.02918-.0503.04529-.0205.02051-.03759.04321-.05761.06391-.16358.16711-.32178.33941-.47022.52032-.083.10059-.15527.20648-.23193.31006-.07862.10571-.16065.20862-.23438.3183-.08056.12072-.15088.24591-.22461.36993-.05957.1-.12207.19757-.17724.30036-.06787.12591-.125.25531-.18506.384-.05078.1084-.10547.21466-.15137.32568-.05127.12463-.09326.25189-.13867.37848-.04248.11987-.08887.238-.126.36047-.03857.12775-.06738.25757-.09912.38678-.03125.124-.06592.24622-.09131.37244-.02978.15088-.04785.30328-.06933.45544-.01465.10645-.03516.21094-.0459.31867q-.03956.39752-.04.79706V192a8,8,0,0,0,16,0V171.31409l42.34277,42.34314a8.00053,8.00053,0,0,0,11.31446-11.31446Z"></path><path d="M112,64a8,8,0,0,0-16,0V84.686L53.65723,42.34326A8.00018,8.00018,0,1,0,42.34277,53.65674L84.686,96H64a8,8,0,0,0,0,16h40c.26367,0,.52734-.014.78955-.03992.11816-.01159.23242-.03369.34912-.05035.1416-.02026.28418-.03693.42481-.06482.13427-.02661.26464-.06354.39648-.0968.12061-.03046.24219-.057.36231-.09314.1289-.03919.2539-.08765.38037-.13312.12011-.043.24072-.08246.35888-.13141.11719-.04858.2295-.10559.34375-.15954.12256-.05762.2461-.11206.36621-.17627.10889-.05854.2129-.12525.31934-.18866.11768-.07025.23682-.13684.35156-.21369.11621-.07794.22608-.16473.33789-.24847.09717-.07263.19678-.14008.291-.21765.18652-.1529.36426-.31531.53564-.48413.01612-.01593.03418-.02918.0503-.04529.0205-.02051.03759-.04321.05761-.06391.16358-.16711.32178-.33941.47022-.52032.083-.10059.15527-.20648.23193-.31006.07862-.10571.16065-.20862.23438-.3183.08056-.12072.15088-.24591.22461-.36993.05957-.1.12207-.19757.17724-.30036.06787-.12591.125-.25531.18506-.384.05078-.1084.10547-.21466.15137-.32568.05127-.12463.09326-.25189.13867-.37848.04248-.11987.08887-.238.126-.36047.03857-.12775.06738-.25757.09912-.38678.03125-.124.06592-.24622.09131-.37244.02978-.15088.04785-.30328.06933-.45544.01465-.10645.03516-.21094.0459-.31867q.03956-.39751.04-.79706Z"></path></g></svg>`, 12, true),
_tmpl$18 = template(`<svg><polyline points="192 104 152 104 152 64" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline></svg>`, 4, true),
_tmpl$19 = template(`<svg><line x1="208" y1="48" x2="152" y2="104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line></svg>`, 4, true),
_tmpl$20 = template(`<svg><polyline points="64 152 104 152 104 192" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline></svg>`, 4, true),
_tmpl$21 = template(`<svg><line x1="48" y1="208" x2="104" y2="152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line></svg>`, 4, true),
_tmpl$22 = template(`<svg><polyline points="152 192 152 152 192 152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline></svg>`, 4, true),
_tmpl$23 = template(`<svg><line x1="208" y1="208" x2="152" y2="152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line></svg>`, 4, true),
_tmpl$24 = template(`<svg><polyline points="104 64 104 104 64 104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline></svg>`, 4, true),
_tmpl$25 = template(`<svg><line x1="48" y1="48" x2="104" y2="104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line></svg>`, 4, true),
_tmpl$26 = template(`<svg><polyline points="192 104 152 104 152 64" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></polyline></svg>`, 4, true),
_tmpl$27 = template(`<svg><line x1="208" y1="48" x2="152" y2="104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></line></svg>`, 4, true),
_tmpl$28 = template(`<svg><polyline points="64 152 104 152 104 192" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></polyline></svg>`, 4, true),
_tmpl$29 = template(`<svg><line x1="48" y1="208" x2="104" y2="152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></line></svg>`, 4, true),
_tmpl$30 = template(`<svg><polyline points="152 192 152 152 192 152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></polyline></svg>`, 4, true),
_tmpl$31 = template(`<svg><line x1="208" y1="208" x2="152" y2="152" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></line></svg>`, 4, true),
_tmpl$32 = template(`<svg><polyline points="104 64 104 104 64 104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></polyline></svg>`, 4, true),
_tmpl$33 = template(`<svg><line x1="48" y1="48" x2="104" y2="104" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></line></svg>`, 4, true),
_tmpl$34 = template(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect></svg>`, 4);
var renderPathFor = function renderPathFor(weight, color) {
switch (weight) {
case "bold":
return [function () {
var _el$ = _tmpl$.cloneNode(true);
setAttribute(_el$, "stroke", color);
return _el$;
}(), function () {
var _el$2 = _tmpl$2.cloneNode(true);
setAttribute(_el$2, "stroke", color);
return _el$2;
}(), function () {
var _el$3 = _tmpl$3.cloneNode(true);
setAttribute(_el$3, "stroke", color);
return _el$3;
}(), function () {
var _el$4 = _tmpl$4.cloneNode(true);
setAttribute(_el$4, "stroke", color);
return _el$4;
}(), function () {
var _el$5 = _tmpl$5.cloneNode(true);
setAttribute(_el$5, "stroke", color);
return _el$5;
}(), function () {
var _el$6 = _tmpl$6.cloneNode(true);
setAttribute(_el$6, "stroke", color);
return _el$6;
}(), function () {
var _el$7 = _tmpl$7.cloneNode(true);
setAttribute(_el$7, "stroke", color);
return _el$7;
}(), function () {
var _el$8 = _tmpl$8.cloneNode(true);
setAttribute(_el$8, "stroke", color);
return _el$8;
}()];
case "duotone":
return [function () {
var _el$9 = _tmpl$9.cloneNode(true);
setAttribute(_el$9, "stroke", color);
return _el$9;
}(), function () {
var _el$10 = _tmpl$10.cloneNode(true);
setAttribute(_el$10, "stroke", color);
return _el$10;
}(), function () {
var _el$11 = _tmpl$11.cloneNode(true);
setAttribute(_el$11, "stroke", color);
return _el$11;
}(), function () {
var _el$12 = _tmpl$12.cloneNode(true);
setAttribute(_el$12, "stroke", color);
return _el$12;
}(), function () {
var _el$13 = _tmpl$13.cloneNode(true);
setAttribute(_el$13, "stroke", color);
return _el$13;
}(), function () {
var _el$14 = _tmpl$14.cloneNode(true);
setAttribute(_el$14, "stroke", color);
return _el$14;
}(), function () {
var _el$15 = _tmpl$15.cloneNode(true);
setAttribute(_el$15, "stroke", color);
return _el$15;
}(), function () {
var _el$16 = _tmpl$16.cloneNode(true);
setAttribute(_el$16, "stroke", color);
return _el$16;
}()];
case "fill":
return _tmpl$17.cloneNode(true);
case "light":
return [function () {
var _el$18 = _tmpl$18.cloneNode(true);
setAttribute(_el$18, "stroke", color);
return _el$18;
}(), function () {
var _el$19 = _tmpl$19.cloneNode(true);
setAttribute(_el$19, "stroke", color);
return _el$19;
}(), function () {
var _el$20 = _tmpl$20.cloneNode(true);
setAttribute(_el$20, "stroke", color);
return _el$20;
}(), function () {
var _el$21 = _tmpl$21.cloneNode(true);
setAttribute(_el$21, "stroke", color);
return _el$21;
}(), function () {
var _el$22 = _tmpl$22.cloneNode(true);
setAttribute(_el$22, "stroke", color);
return _el$22;
}(), function () {
var _el$23 = _tmpl$23.cloneNode(true);
setAttribute(_el$23, "stroke", color);
return _el$23;
}(), function () {
var _el$24 = _tmpl$24.cloneNode(true);
setAttribute(_el$24, "stroke", color);
return _el$24;
}(), function () {
var _el$25 = _tmpl$25.cloneNode(true);
setAttribute(_el$25, "stroke", color);
return _el$25;
}()];
case "thin":
return [function () {
var _el$26 = _tmpl$26.cloneNode(true);
setAttribute(_el$26, "stroke", color);
return _el$26;
}(), function () {
var _el$27 = _tmpl$27.cloneNode(true);
setAttribute(_el$27, "stroke", color);
return _el$27;
}(), function () {
var _el$28 = _tmpl$28.cloneNode(true);
setAttribute(_el$28, "stroke", color);
return _el$28;
}(), function () {
var _el$29 = _tmpl$29.cloneNode(true);
setAttribute(_el$29, "stroke", color);
return _el$29;
}(), function () {
var _el$30 = _tmpl$30.cloneNode(true);
setAttribute(_el$30, "stroke", color);
return _el$30;
}(), function () {
var _el$31 = _tmpl$31.cloneNode(true);
setAttribute(_el$31, "stroke", color);
return _el$31;
}(), function () {
var _el$32 = _tmpl$32.cloneNode(true);
setAttribute(_el$32, "stroke", color);
return _el$32;
}(), function () {
var _el$33 = _tmpl$33.cloneNode(true);
setAttribute(_el$33, "stroke", color);
return _el$33;
}()];
case "regular":
return [function () {
var _el$34 = _tmpl$9.cloneNode(true);
setAttribute(_el$34, "stroke", color);
return _el$34;
}(), function () {
var _el$35 = _tmpl$10.cloneNode(true);
setAttribute(_el$35, "stroke", color);
return _el$35;
}(), function () {
var _el$36 = _tmpl$11.cloneNode(true);
setAttribute(_el$36, "stroke", color);
return _el$36;
}(), function () {
var _el$37 = _tmpl$12.cloneNode(true);
setAttribute(_el$37, "stroke", color);
return _el$37;
}(), function () {
var _el$38 = _tmpl$13.cloneNode(true);
setAttribute(_el$38, "stroke", color);
return _el$38;
}(), function () {
var _el$39 = _tmpl$14.cloneNode(true);
setAttribute(_el$39, "stroke", color);
return _el$39;
}(), function () {
var _el$40 = _tmpl$15.cloneNode(true);
setAttribute(_el$40, "stroke", color);
return _el$40;
}(), function () {
var _el$41 = _tmpl$16.cloneNode(true);
setAttribute(_el$41, "stroke", color);
return _el$41;
}()];
default:
console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".');
return null;
}
};
var ArrowsIn = function ArrowsIn(props, ref) {
var color = props.color,
size = props.size,
weight = props.weight,
mirrored = props.mirrored,
children = props.children,
restProps = _objectWithoutPropertiesLoose(props, ["color", "size", "weight", "mirrored", "children"]);
var _useContext = useContext(IconContext),
contextColor = _useContext.color,
contextSize = _useContext.size,
contextWeight = _useContext.weight,
contextMirrored = _useContext.mirrored,
restContext = _objectWithoutPropertiesLoose(_useContext, ["color", "size", "weight", "mirrored"]);
return function () {
var _el$42 = _tmpl$34.cloneNode(true),
_el$43 = _el$42.firstChild;
var _ref$ = ref;
typeof _ref$ === "function" ? _ref$(_el$42) : ref = _el$42;
setAttribute(_el$42, "width", size != null ? size : contextSize);
setAttribute(_el$42, "height", size != null ? size : contextSize);
setAttribute(_el$42, "fill", color != null ? color : contextColor);
setAttribute(_el$42, "transform", mirrored || contextMirrored ? "scale(-1, 1)" : undefined);
spread(_el$42, restContext, true, true);
spread(_el$42, restProps, true, true);
insert(_el$42, children, _el$43);
insert(_el$42, function () {
return renderPathFor(weight != null ? weight : contextWeight, color != null ? color : contextColor);
}, null);
return _el$42;
}();
};
export default ArrowsIn;
//# sourceMappingURL=ArrowsIn.esm.js.map