@kolkrabbi/kol-icons 0.27.1 → 0.28.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/package.json +1 -1
- package/src/Icon.jsx +7 -0
- package/src/cuts.json +9 -0
- package/src/kol-icon-set-v1/shape-primitives/line.svg +3 -0
- package/src/kol-icon-set-v1/tools/crop.svg +4 -0
- package/src/kol-icon-set-v1/tools/flip-horizontal.svg +5 -0
- package/src/kol-icon-set-v1/tools/flip-vertical.svg +5 -0
- package/src/kol-icon-set-v1/tools/rotate-left.svg +4 -0
- package/src/kol-icon-set-v1/tools/rotate-right.svg +4 -0
- package/src/kol-icon-set-v1/typography/text-align-center.svg +3 -0
- package/src/kol-icon-set-v1/typography/text-align-left.svg +3 -0
- package/src/kol-icon-set-v1/typography/text-align-right.svg +3 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-icons",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.28.0",
|
|
4
4
|
"description": "KOL icons — <Icon/>, the curated kol-icon-set-v1 + registerIcons (bring-your-own), and the legacy inventory. Vite-only (import.meta.glob).",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
package/src/Icon.jsx
CHANGED
|
@@ -169,6 +169,12 @@ const Icon = ({
|
|
|
169
169
|
|
|
170
170
|
const sizedMarkup = applySizeToMarkup(svgMarkup, dimension)
|
|
171
171
|
|
|
172
|
+
/* AN ICON IS NEVER THE CLICK TARGET (editor review #7, 2026-09-27: the design editor's settings
|
|
173
|
+
* drawer would not close on its X). The markup is injected as HTML, so when the icon's subtree
|
|
174
|
+
* re-renders between press and release the <path> the press landed on is replaced, and the
|
|
175
|
+
* browser drops the click — it needs the SAME node under both. With pointer events off, the press
|
|
176
|
+
* lands on the button around the glyph, which survives. Esc and the scrim always worked, which is
|
|
177
|
+
* how it hid. */
|
|
172
178
|
return (
|
|
173
179
|
<span
|
|
174
180
|
className={`inline-flex items-center justify-center ${className}`}
|
|
@@ -176,6 +182,7 @@ const Icon = ({
|
|
|
176
182
|
width: dimension,
|
|
177
183
|
height: dimension,
|
|
178
184
|
lineHeight: 0,
|
|
185
|
+
pointerEvents: 'none',
|
|
179
186
|
...style
|
|
180
187
|
}}
|
|
181
188
|
dangerouslySetInnerHTML={{ __html: sizedMarkup }}
|
package/src/cuts.json
CHANGED
|
@@ -88,6 +88,7 @@
|
|
|
88
88
|
"constrain": "stroke",
|
|
89
89
|
"copy": "solid",
|
|
90
90
|
"corner-radius": "stroke",
|
|
91
|
+
"crop": "stroke",
|
|
91
92
|
"crown": "stroke",
|
|
92
93
|
"curve-exp": "stroke",
|
|
93
94
|
"curve-log": "stroke",
|
|
@@ -132,6 +133,8 @@
|
|
|
132
133
|
"filter-notch": "stroke",
|
|
133
134
|
"fingerprint": "stroke",
|
|
134
135
|
"flag": "stroke",
|
|
136
|
+
"flip-horizontal": "solid",
|
|
137
|
+
"flip-vertical": "solid",
|
|
135
138
|
"fold-indicator": "solid",
|
|
136
139
|
"folder": "stroke",
|
|
137
140
|
"font-01": "stroke",
|
|
@@ -166,6 +169,7 @@
|
|
|
166
169
|
"layout": "stroke",
|
|
167
170
|
"letter-spacing": "stroke",
|
|
168
171
|
"library": "stroke",
|
|
172
|
+
"line": "stroke",
|
|
169
173
|
"line-circle": "stroke",
|
|
170
174
|
"line-grid": "stroke",
|
|
171
175
|
"line-height": "stroke",
|
|
@@ -230,6 +234,8 @@
|
|
|
230
234
|
"resize-grip": "stroke",
|
|
231
235
|
"rewind": "solid",
|
|
232
236
|
"roadmap": "stroke",
|
|
237
|
+
"rotate-left": "stroke",
|
|
238
|
+
"rotate-right": "stroke",
|
|
233
239
|
"row": "stroke",
|
|
234
240
|
"rows": "stroke",
|
|
235
241
|
"save": "stroke",
|
|
@@ -288,6 +294,9 @@
|
|
|
288
294
|
"tablet": "stroke",
|
|
289
295
|
"target": "solid",
|
|
290
296
|
"terminal": "stroke",
|
|
297
|
+
"text-align-center": "stroke",
|
|
298
|
+
"text-align-left": "stroke",
|
|
299
|
+
"text-align-right": "stroke",
|
|
291
300
|
"toggle-overlay": "solid",
|
|
292
301
|
"tr-carets": "stroke",
|
|
293
302
|
"tr-fwd": "stroke",
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7 3V15C7 16.1 7.9 17 9 17H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M3 7H15C16.1 7 17 7.9 17 9V21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12 3.5V20.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="0.1 4.15"/>
|
|
3
|
+
<path d="M4 7.5L9.5 12L4 16.5V7.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M20 7.5L14.5 12L20 16.5V7.5Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.5 12H20.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="0.1 4.15"/>
|
|
3
|
+
<path d="M7.5 4L12 9.5L16.5 4H7.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M7.5 20L12 14.5L16.5 20H7.5Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.5 12a8.5 8.5 0 1 0 8.5-8.5c-2.5 0-4.8 1-6.4 2.7L3.5 8.3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M3.5 3.5v4.8h4.8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M20.5 12A8.5 8.5 0 1 1 12 3.5c2.5 0 4.8 1 6.4 2.7l2.1 2.1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M20.5 3.5v4.8h-4.8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|