@limeade-labs/sparkui-icons 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +90 -0
- package/client.js +50 -0
- package/colors.js +302 -0
- package/index.js +202 -0
- package/map.js +269 -0
- package/package.json +39 -0
- package/regex.js +6 -0
- package/style.css +39 -0
package/package.json
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@limeade-labs/sparkui-icons",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "Emoji โ Lucide SVG icon replacement for SparkUI. 208 mapped emojis, single-pass regex, <2ms for typical pages.",
|
|
5
|
+
"main": "index.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"build": "node build/generate-map.js",
|
|
8
|
+
"test": "node test/test.js"
|
|
9
|
+
},
|
|
10
|
+
"files": [
|
|
11
|
+
"index.js",
|
|
12
|
+
"map.js",
|
|
13
|
+
"regex.js",
|
|
14
|
+
"colors.js",
|
|
15
|
+
"style.css",
|
|
16
|
+
"client.js",
|
|
17
|
+
"README.md",
|
|
18
|
+
"LICENSE"
|
|
19
|
+
],
|
|
20
|
+
"repository": {
|
|
21
|
+
"type": "git",
|
|
22
|
+
"url": "https://github.com/limeade-labs/sparkui-icons.git"
|
|
23
|
+
},
|
|
24
|
+
"homepage": "https://github.com/limeade-labs/sparkui-icons",
|
|
25
|
+
"keywords": [
|
|
26
|
+
"emoji",
|
|
27
|
+
"icons",
|
|
28
|
+
"lucide",
|
|
29
|
+
"svg",
|
|
30
|
+
"sparkui",
|
|
31
|
+
"icon-replacement",
|
|
32
|
+
"accessibility"
|
|
33
|
+
],
|
|
34
|
+
"author": "Limeade Labs",
|
|
35
|
+
"license": "MIT",
|
|
36
|
+
"devDependencies": {
|
|
37
|
+
"lucide-static": "*"
|
|
38
|
+
}
|
|
39
|
+
}
|
package/regex.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
// AUTO-GENERATED by build/generate-map.js โ do not edit
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
const EMOJI_REGEX = /(?:๐โโ๏ธ|๐ท๏ธ|๐ก๏ธ|๐๏ธ|๐ผ๏ธ|๐๏ธ|๐๏ธ|๐จ๏ธ|๐๏ธ|๐ก๏ธ|๐๏ธ|๐ฝ๏ธ|๐บ๏ธ|๐
ฟ๏ธ|๐๏ธ|๐๏ธ|๐ง๏ธ|๐ช๏ธ|๐ฃ๏ธ|๐๏ธ|๐จ๏ธ|๐ ๏ธ|๐๏ธ|๐ฅ|โ ๏ธ|๐ก|๐|๐ฏ|๐|๐|โก๏ธ|โฌ
๏ธ|โฌ๏ธ|โฌ๏ธ|๐|๐|โน๏ธ|๐|๐ฌ|๐ข|๐|๐ |๐ค|๐ฅ|โ๏ธ|๐|๐|๐|๐ฐ|๐|๐ฑ|๐ป|๐|๐|๐ง|๐|๐|๐|๐|๐จ|๐งฉ|๐|โ๏ธ|๐ค|๐ฅ|๐|โถ๏ธ|โธ๏ธ|โน๏ธ|โญ๏ธ|โฎ๏ธ|๐|๐|๐ท|๐พ|โฉ๏ธ|โช๏ธ|๐|๐|๐|โ๏ธ|๐|๐ฝ|๐ด|๐ข|๐ก|๐ต|๐ |โ๏ธ|๐|๐|๐ถ|๐|๐ค|๐|๐|๐
|๐|๐|๐|๐|๐|๐|๐|๐|๐|๐|๐|๐|๐|๐ช|๐|โค๏ธ|๐|๐ฉบ|๐|๐ฅ|๐ง|๐|๐ฅ|โ๏ธ|๐ฉธ|๐ด|๐ณ|๐|๐บ|๐ท|๐ฅค|๐ง|๐|๐ฎ|๐ฅฉ|๐ด|๐|โฒ๏ธ|๐ช|๐ฅ|๐พ|๐ง|๐ง|๐ฅ|๐ง|๐ฅ|๐|๐ฅฆ|๐ซ|๐ง
|๐|๐ฒ|๐ซ|๐ซ|๐ฉ|๐ช|๐ณ|๐ฆ|๐ต|๐งพ|๐น|๐ข|๐|๐|๐ค|๐|๐|๐ช|๐ฆ|โ๏ธ|๐|๐|๐|๐|๐ข|๐จ|๐งญ|๐ซ|๐ฌ|๐ฒ|๐|๐|โ๏ธ|๐ฌ|๐งช|๐|๐งฎ|๐ฎ|๐ต|๐ฌ|๐บ|๐ง|๐ป|๐ญ|๐ธ|๐ค|๐ช|๐ฒ|๐|๐|โ๏ธ|๐|โ๏ธ|๐|โ๏ธ|๐|๐ฒ|๐|๐ฉ|๐จ|๐ค|๐|๐|๐|๐|๐|๐ฃ|๐ธ|๐|๐|๐|๐|๐|๐|๐ค|๐|๐งฒ|๐ง|๐จ|โ๏ธ|๐|๐งฐ|๐ชฃ|๐งน|๐|๐งฌ|โป๏ธ|โก|โ
|โ|โญ|โ|โ|โ|โ|โณ|โฐ|โช|โ|โ|โฝ|โ
)[\u{1F3FB}-\u{1F3FF}]?/gu;
|
|
5
|
+
|
|
6
|
+
module.exports = { EMOJI_REGEX };
|
package/style.css
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/* sparkui-icons base styles */
|
|
2
|
+
.sparkui-icon-wrap {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
vertical-align: middle;
|
|
6
|
+
line-height: 1;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.sparkui-icon {
|
|
10
|
+
display: inline-block;
|
|
11
|
+
vertical-align: middle;
|
|
12
|
+
flex-shrink: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/* Colored circle variants */
|
|
16
|
+
.sparkui-icon.sparkui-red { color: #ef4444; stroke: #ef4444; }
|
|
17
|
+
.sparkui-icon.sparkui-green { color: #22c55e; stroke: #22c55e; }
|
|
18
|
+
.sparkui-icon.sparkui-yellow { color: #eab308; stroke: #eab308; }
|
|
19
|
+
.sparkui-icon.sparkui-blue { color: #3b82f6; stroke: #3b82f6; }
|
|
20
|
+
.sparkui-icon.sparkui-white { color: #e5e7eb; stroke: #e5e7eb; }
|
|
21
|
+
.sparkui-icon.sparkui-orange { color: #f97316; stroke: #f97316; }
|
|
22
|
+
|
|
23
|
+
/* Filled variant โ single color for both fill and stroke */
|
|
24
|
+
.sparkui-icon-wrap.sparkui-filled svg {
|
|
25
|
+
fill: var(--si-color, currentColor);
|
|
26
|
+
stroke: var(--si-color, currentColor);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/* Duotone variant โ independent fill + stroke with opacity */
|
|
30
|
+
.sparkui-icon-wrap.sparkui-duotone svg {
|
|
31
|
+
fill: var(--si-fill, currentColor);
|
|
32
|
+
fill-opacity: var(--si-fill-opacity, 0.35);
|
|
33
|
+
stroke: var(--si-stroke, currentColor);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* Dark mode adjustments */
|
|
37
|
+
@media (prefers-color-scheme: dark) {
|
|
38
|
+
.sparkui-icon.sparkui-white { color: #f9fafb; stroke: #f9fafb; }
|
|
39
|
+
}
|