@kingsimba/nc-ui 0.1.46 → 0.1.48
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/dist/GeneratedIcons-Z-RSoFyY.cjs +1 -0
- package/dist/{GeneratedIcons-CWnbr7Cm.js → GeneratedIcons-eOaZDTB3.js} +422 -214
- package/dist/icons.cjs +1 -1
- package/dist/icons.d.ts +88 -8
- package/dist/icons.js +45 -36
- package/dist/index.cjs +4 -4
- package/dist/index.js +141 -137
- package/dist/style.css +1 -1
- package/package.json +5 -1
- package/dist/GeneratedIcons-NY1f8Xgt.cjs +0 -1
package/dist/icons.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./GeneratedIcons-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./GeneratedIcons-Z-RSoFyY.cjs");exports.CameraIcon=o.CameraIcon;exports.ChevronDownIcon=o.ChevronDownIcon;exports.ChevronLeftIcon=o.ChevronLeftIcon;exports.ChevronRightIcon=o.ChevronRightIcon;exports.CloseIcon=o.CloseIcon;exports.ConsoleIcon=o.ConsoleIcon;exports.CopyFilledIcon=o.CopyFilledIcon;exports.CopyIcon=o.CopyIcon;exports.DoubleClickIcon=o.DoubleClickIcon;exports.DownloadIcon=o.DownloadIcon;exports.EditIcon=o.EditIcon;exports.EmptyFolderIcon=o.EmptyFolderIcon;exports.ExternalLinkIcon=o.ExternalLinkIcon;exports.EyeHiddenIcon=o.EyeHiddenIcon;exports.FilterIcon=o.FilterIcon;exports.HideAppsIcon=o.HideAppsIcon;exports.InfoFilledIcon=o.InfoFilledIcon;exports.InfoIcon=o.InfoIcon;exports.KeyIcon=o.KeyIcon;exports.LockIcon=o.LockIcon;exports.MenuIcon=o.MenuIcon;exports.MinusIcon=o.MinusIcon;exports.MoonFilledIcon=o.MoonFilledIcon;exports.MoonIcon=o.MoonIcon;exports.MoreHorizontalIcon=o.MoreHorizontalIcon;exports.MoreIcon=o.MoreIcon;exports.PauseFilledIcon=o.PauseFilledIcon;exports.PauseIcon=o.PauseIcon;exports.PieChartIcon=o.PieChartIcon;exports.PlayFilledIcon=o.PlayFilledIcon;exports.PlayIcon=o.PlayIcon;exports.PlusIcon=o.PlusIcon;exports.PowerIcon=o.PowerIcon;exports.QuestionFilledIcon=o.QuestionFilledIcon;exports.QuestionIcon=o.QuestionIcon;exports.RefreshIcon=o.RefreshIcon;exports.RevertIcon=o.RevertIcon;exports.SaveIcon=o.SaveIcon;exports.SearchIcon=o.SearchIcon;exports.SettingsIcon=o.SettingsIcon;exports.StarFilledIcon=o.StarFilledIcon;exports.StarIcon=o.StarIcon;exports.StopFilledIcon=o.StopFilledIcon;exports.StopIcon=o.StopIcon;exports.SunFilledIcon=o.SunFilledIcon;exports.SunIcon=o.SunIcon;exports.TrashFilledIcon=o.TrashFilledIcon;exports.TrashIcon=o.TrashIcon;exports.UnlockIcon=o.UnlockIcon;exports.UserIcon=o.UserIcon;exports.ViewIcon=o.ViewIcon;exports.WifiIcon=o.WifiIcon;
|
package/dist/icons.d.ts
CHANGED
|
@@ -40,12 +40,18 @@ export declare function CloseIcon({ size, color, strokeWidth, className, style }
|
|
|
40
40
|
export declare function ConsoleIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
41
41
|
|
|
42
42
|
/**
|
|
43
|
-
* Copy icon -
|
|
43
|
+
* Copy icon, filled - the front sheet painted solid, the top one being the sheet
|
|
44
|
+
* whose interior is otherwise empty. The back sheet keeps stroke only: two
|
|
45
|
+
* filled sheets would merge into a single blob and lose the pair. Holding the
|
|
46
|
+
* 2-unit stroke keeps CopyIcon's 20x20 outline.
|
|
44
47
|
*/
|
|
48
|
+
export declare function CopyFilledIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
49
|
+
|
|
45
50
|
/**
|
|
46
|
-
* Copy icon - Two overlapping sheets for copy-to-clipboard actions. Scaled to
|
|
47
|
-
*
|
|
48
|
-
* the set, so at full size it reads heavier than the single-mass icons
|
|
51
|
+
* Copy icon - Two overlapping sheets for copy-to-clipboard actions. Scaled to an
|
|
52
|
+
* 18-unit canvas (20x20 with stroke): the two-square silhouette is the widest
|
|
53
|
+
* shape in the set, so at full size it reads heavier than the single-mass icons
|
|
54
|
+
* beside it.
|
|
49
55
|
*/
|
|
50
56
|
export declare function CopyIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
51
57
|
|
|
@@ -114,13 +120,38 @@ declare interface IconProps {
|
|
|
114
120
|
}
|
|
115
121
|
|
|
116
122
|
/**
|
|
117
|
-
* Info icon -
|
|
118
|
-
*
|
|
119
|
-
*
|
|
120
|
-
*
|
|
123
|
+
* Info icon, filled - the ring swapped for a solid disc with the "i" knocked
|
|
124
|
+
* out: a glyph of the same colour inside a filled shape has nowhere to read, so
|
|
125
|
+
* it becomes a hole and takes the surface behind the icon instead, the way a
|
|
126
|
+
* counter does on the outline version. The disc is a 11-radius circle, exactly
|
|
127
|
+
* the outer edge the 2-unit ring occupied, so both icons hold one 22x22
|
|
128
|
+
* silhouette. The glyph follows InfoIcon's metrics - the same dot centre, the
|
|
129
|
+
* same 11-to-18.5 stem span - but each counter is cut 0.2 wider than the
|
|
130
|
+
* matching stroke, because a counter is closed in on by the ink around it and
|
|
131
|
+
* reads thinner than the same measurement drawn as a line.
|
|
132
|
+
*/
|
|
133
|
+
export declare function InfoFilledIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
134
|
+
|
|
135
|
+
/**
|
|
136
|
+
* Info icon - circle with "i" for information. The dot is a filled circle rather
|
|
137
|
+
* than a zero-length round-capped line, which can never exceed the stroke width;
|
|
138
|
+
* stroke="none" is required, or it would inherit the parent's stroke and render
|
|
139
|
+
* at over double this size. The glyph is drawn heavier than the ring - a 2.6
|
|
140
|
+
* stroke and a 3.2 dot against the ring's 2 - because a short stem at the same
|
|
141
|
+
* nominal weight reads lighter than the long ring around it. InfoFilledIcon cuts
|
|
142
|
+
* the "i" to the same metrics so neither variant reads as the smaller one.
|
|
121
143
|
*/
|
|
122
144
|
export declare function InfoIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
123
145
|
|
|
146
|
+
/**
|
|
147
|
+
* Key icon - Ring bow on the left, blade with two teeth on the right. The bow
|
|
148
|
+
* is r=4 so its 2-unit stroke stops at x=2, level with LockIcon's left edge,
|
|
149
|
+
* and the blade starts at x=11, the inner edge of that ring band, so it meets
|
|
150
|
+
* the hole exactly and leaves the full 6-unit opening. The teeth stop at y=15,
|
|
151
|
+
* short of the bow's own bottom edge at 16, so the blade stays the lowest ink.
|
|
152
|
+
*/
|
|
153
|
+
export declare function KeyIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
154
|
+
|
|
124
155
|
/**
|
|
125
156
|
* Lock icon for secured WiFi networks.
|
|
126
157
|
*/
|
|
@@ -138,6 +169,12 @@ export declare function MenuIcon({ size, className, style }: IconProps): JSX_2.E
|
|
|
138
169
|
*/
|
|
139
170
|
export declare function MinusIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
140
171
|
|
|
172
|
+
/**
|
|
173
|
+
* Moon icon, filled - MoonIcon with the crescent painted. Same geometry, stroke
|
|
174
|
+
* and outline as MoonIcon; filling only closes the crescent's interior.
|
|
175
|
+
*/
|
|
176
|
+
export declare function MoonFilledIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
177
|
+
|
|
141
178
|
/**
|
|
142
179
|
* Moon icon - Dark theme. Outer arc is a circle of radius 8.5 rather than the
|
|
143
180
|
* full 10: a crescent is one compact solid mass, so matching the sun's ink area
|
|
@@ -201,6 +238,16 @@ export declare function PlusIcon({ size, className, style }: IconProps): JSX_2.E
|
|
|
201
238
|
*/
|
|
202
239
|
export declare function PowerIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
203
240
|
|
|
241
|
+
/**
|
|
242
|
+
* Question icon, filled - InfoFilledIcon's disc with the "?" knocked out. The
|
|
243
|
+
* outline's hook, tail and dot all sit on one 3-unit circle about 12,10, so the
|
|
244
|
+
* hole is that circle widened to a 2-to-4 ring and cut with 1-unit caps, ending
|
|
245
|
+
* near where the outline's tail cap did and leaving a comparable gap above the
|
|
246
|
+
* dot. Drawing it as a ring rather than offsetting the tail's curve keeps the
|
|
247
|
+
* hole's two edges concentric.
|
|
248
|
+
*/
|
|
249
|
+
export declare function QuestionFilledIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
250
|
+
|
|
204
251
|
/**
|
|
205
252
|
* Question icon - circle with "?" for help and unknown values. Same 10-unit
|
|
206
253
|
* ring as InfoIcon so the two pair cleanly; the hook and dot mirror the "i"
|
|
@@ -244,6 +291,15 @@ export declare function SearchIcon({ size, className, style }: IconProps): JSX_2
|
|
|
244
291
|
*/
|
|
245
292
|
export declare function SettingsIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
246
293
|
|
|
294
|
+
/**
|
|
295
|
+
* Star icon, filled - StarIcon's star with the interior painted, but with a
|
|
296
|
+
* tighter 1.2-unit tip fillet: a solid body shows the tip shape the way no
|
|
297
|
+
* stroke does, so 1.55 reads as blobby once filled. The star radius drops to
|
|
298
|
+
* 12.36 to hold the tips exactly where the 1.55 version had them, leaving the
|
|
299
|
+
* outline and the 21.85x20.88 ink box unchanged.
|
|
300
|
+
*/
|
|
301
|
+
export declare function StarFilledIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
302
|
+
|
|
247
303
|
/**
|
|
248
304
|
* Star icon - Five-pointed star for favourites and ratings. Outer radius 12.92
|
|
249
305
|
* with a 0.45 inner ratio: the classic 0.382 pentagram proportion goes
|
|
@@ -269,12 +325,29 @@ export declare function StopFilledIcon({ size, className, style }: IconProps): J
|
|
|
269
325
|
*/
|
|
270
326
|
export declare function StopIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
271
327
|
|
|
328
|
+
/**
|
|
329
|
+
* Sun icon, filled - SunIcon with the disc painted, so the glyph carries the
|
|
330
|
+
* identical geometry, stroke and 22x22 outline. Only the disc has area; the rays
|
|
331
|
+
* are zero-width lines, so filling leaves them exactly as they were.
|
|
332
|
+
*/
|
|
333
|
+
export declare function SunFilledIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
334
|
+
|
|
272
335
|
/**
|
|
273
336
|
* Sun icon - Light theme. Pairs with MoonIcon as a matched toggle set:
|
|
274
337
|
* both fill the same 22x22 ink box with 1 unit of margin on every side.
|
|
275
338
|
*/
|
|
276
339
|
export declare function SunIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
277
340
|
|
|
341
|
+
/**
|
|
342
|
+
* Trash icon, filled - TrashIcon's can painted solid. The two grip lines stay as
|
|
343
|
+
* counters rather than being dropped: a glyph of the icon's own colour cannot
|
|
344
|
+
* read inside a filled body, so the lines are knocked out of one evenodd path
|
|
345
|
+
* and take the surface behind the icon instead. Every edge is drawn where the
|
|
346
|
+
* 1.7 stroke's outer edge was, so the can, lid bar, handle and both grips hold
|
|
347
|
+
* the outline's 19.7x21.7 ink box.
|
|
348
|
+
*/
|
|
349
|
+
export declare function TrashFilledIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
350
|
+
|
|
278
351
|
/**
|
|
279
352
|
* Trash icon for deleting items.
|
|
280
353
|
*/
|
|
@@ -285,6 +358,13 @@ export declare function TrashIcon({ size, className, style }: IconProps): JSX_2.
|
|
|
285
358
|
*/
|
|
286
359
|
export declare function UnlockIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
287
360
|
|
|
361
|
+
/**
|
|
362
|
+
* User icon - Single person: a 4.47-radius head over a shoulder shape left open
|
|
363
|
+
* along the bottom edge. Sized so the ink box comes to 19.6x21.8 - the set's
|
|
364
|
+
* full-size height, with the narrower width a person silhouette carries.
|
|
365
|
+
*/
|
|
366
|
+
export declare function UserIcon({ size, className, style }: IconProps): JSX_2.Element;
|
|
367
|
+
|
|
288
368
|
/**
|
|
289
369
|
* View icon - "eye" icon for viewing content.
|
|
290
370
|
*/
|
package/dist/icons.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as a, a as s, b as c, c as I, d as e, e as l, f as
|
|
1
|
+
import { C as a, a as s, b as c, c as I, d as e, e as l, f as i, g as r, D as t, h as d, E as F, i as u, j as C, k as h, F as S, H as p, I as y, l as P, K as f, L as M, M as v, m as k, n as w, o as E, p as m, q as D, P as H, r as L, s as R, t as g, u as x, v as Q, w as T, Q as U, x as b, R as z, y as A, S as K, z as V, A as W, B as j, G as q, J as B, N as G, O as J, T as N, U as O, V as X, W as Y, X as Z, Y as _, Z as $ } from "./GeneratedIcons-eOaZDTB3.js";
|
|
2
2
|
export {
|
|
3
3
|
a as CameraIcon,
|
|
4
4
|
s as ChevronDownIcon,
|
|
@@ -6,41 +6,50 @@ export {
|
|
|
6
6
|
I as ChevronRightIcon,
|
|
7
7
|
e as CloseIcon,
|
|
8
8
|
l as ConsoleIcon,
|
|
9
|
+
i as CopyFilledIcon,
|
|
9
10
|
r as CopyIcon,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
11
|
+
t as DoubleClickIcon,
|
|
12
|
+
d as DownloadIcon,
|
|
13
|
+
F as EditIcon,
|
|
14
|
+
u as EmptyFolderIcon,
|
|
15
|
+
C as ExternalLinkIcon,
|
|
16
|
+
h as EyeHiddenIcon,
|
|
17
|
+
S as FilterIcon,
|
|
18
|
+
p as HideAppsIcon,
|
|
19
|
+
y as InfoFilledIcon,
|
|
20
|
+
P as InfoIcon,
|
|
21
|
+
f as KeyIcon,
|
|
22
|
+
M as LockIcon,
|
|
20
23
|
v as MenuIcon,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
b as
|
|
35
|
-
z as
|
|
36
|
-
A as
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
24
|
+
k as MinusIcon,
|
|
25
|
+
w as MoonFilledIcon,
|
|
26
|
+
E as MoonIcon,
|
|
27
|
+
m as MoreHorizontalIcon,
|
|
28
|
+
D as MoreIcon,
|
|
29
|
+
H as PauseFilledIcon,
|
|
30
|
+
L as PauseIcon,
|
|
31
|
+
R as PieChartIcon,
|
|
32
|
+
g as PlayFilledIcon,
|
|
33
|
+
x as PlayIcon,
|
|
34
|
+
Q as PlusIcon,
|
|
35
|
+
T as PowerIcon,
|
|
36
|
+
U as QuestionFilledIcon,
|
|
37
|
+
b as QuestionIcon,
|
|
38
|
+
z as RefreshIcon,
|
|
39
|
+
A as RevertIcon,
|
|
40
|
+
K as SaveIcon,
|
|
41
|
+
V as SearchIcon,
|
|
42
|
+
W as SettingsIcon,
|
|
43
|
+
j as StarFilledIcon,
|
|
44
|
+
q as StarIcon,
|
|
45
|
+
B as StopFilledIcon,
|
|
46
|
+
G as StopIcon,
|
|
47
|
+
J as SunFilledIcon,
|
|
48
|
+
N as SunIcon,
|
|
49
|
+
O as TrashFilledIcon,
|
|
50
|
+
X as TrashIcon,
|
|
51
|
+
Y as UnlockIcon,
|
|
52
|
+
Z as UserIcon,
|
|
53
|
+
_ as ViewIcon,
|
|
54
|
+
$ as WifiIcon
|
|
46
55
|
};
|