@nice2dev/icons 1.4.2 → 1.4.4
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/CHANGELOG.md +57 -0
- package/dist/cjs/NiceIconStacker.js +36 -2
- package/dist/cjs/createIcon.js +25 -6
- package/dist/cjs/iconParts.js +33 -12
- package/dist/cjs/iconValue.js +6 -1
- package/dist/cjs/icons/actions.js +86 -122
- package/dist/cjs/icons/ai.js +0 -178
- package/dist/cjs/icons/business.js +172 -120
- package/dist/cjs/icons/ecommerce.js +18 -74
- package/dist/cjs/icons/education.js +235 -487
- package/dist/cjs/icons/files.js +193 -461
- package/dist/cjs/icons/fintech.js +38 -74
- package/dist/cjs/icons/food.js +117 -194
- package/dist/cjs/icons/fun.js +176 -57
- package/dist/cjs/icons/gaming.js +2 -2
- package/dist/cjs/icons/health.js +1 -1
- package/dist/cjs/icons/index.js +32 -10
- package/dist/cjs/icons/legal.js +1 -109
- package/dist/cjs/icons/media.js +67 -8
- package/dist/cjs/icons/navigation.js +4 -4
- package/dist/cjs/icons/omniverk.js +14 -6
- package/dist/cjs/icons/realestate.js +99 -98
- package/dist/cjs/icons/roman.js +111 -0
- package/dist/cjs/icons/science.js +74 -165
- package/dist/cjs/icons/shapes.js +58 -39
- package/dist/cjs/icons/smarthome.js +18 -16
- package/dist/cjs/icons/social.js +22 -20
- package/dist/cjs/icons/sports.js +89 -159
- package/dist/cjs/icons/sustainability.js +26 -48
- package/dist/cjs/icons/travel.js +209 -477
- package/dist/cjs/icons/ui.js +140 -240
- package/dist/cjs/icons/weather.js +30 -56
- package/dist/cjs/index.js +67 -43
- package/dist/cjs/stackedIcon.js +19 -0
- package/dist/cjs/stacking.js +104 -2
- package/dist/esm/NiceIconStacker.js +37 -3
- package/dist/esm/createIcon.js +27 -8
- package/dist/esm/iconParts.js +33 -12
- package/dist/esm/iconValue.js +6 -1
- package/dist/esm/icons/actions.js +86 -122
- package/dist/esm/icons/ai.js +0 -178
- package/dist/esm/icons/business.js +172 -120
- package/dist/esm/icons/ecommerce.js +18 -74
- package/dist/esm/icons/education.js +236 -488
- package/dist/esm/icons/files.js +193 -461
- package/dist/esm/icons/fintech.js +38 -74
- package/dist/esm/icons/food.js +118 -195
- package/dist/esm/icons/fun.js +179 -60
- package/dist/esm/icons/gaming.js +2 -2
- package/dist/esm/icons/health.js +1 -1
- package/dist/esm/icons/index.js +43 -21
- package/dist/esm/icons/legal.js +1 -109
- package/dist/esm/icons/media.js +67 -8
- package/dist/esm/icons/navigation.js +4 -4
- package/dist/esm/icons/omniverk.js +15 -7
- package/dist/esm/icons/realestate.js +100 -99
- package/dist/esm/icons/roman.js +111 -0
- package/dist/esm/icons/science.js +74 -165
- package/dist/esm/icons/shapes.js +58 -39
- package/dist/esm/icons/smarthome.js +18 -16
- package/dist/esm/icons/social.js +22 -20
- package/dist/esm/icons/sports.js +89 -159
- package/dist/esm/icons/sustainability.js +26 -48
- package/dist/esm/icons/travel.js +209 -477
- package/dist/esm/icons/ui.js +140 -240
- package/dist/esm/icons/weather.js +30 -56
- package/dist/esm/index.js +45 -21
- package/dist/esm/nicetodev-icons.css +1 -1
- package/dist/esm/stackedIcon.js +19 -0
- package/dist/esm/stacking.js +105 -3
- package/dist/types/createIcon.d.ts +14 -1
- package/dist/types/iconParts.d.ts +9 -6
- package/dist/types/icons/ai.d.ts +0 -4
- package/dist/types/icons/business.d.ts +1 -0
- package/dist/types/icons/education.d.ts +2 -4
- package/dist/types/icons/files.d.ts +3 -1
- package/dist/types/icons/fintech.d.ts +1 -1
- package/dist/types/icons/fun.d.ts +23 -0
- package/dist/types/icons/index.d.ts +14 -12
- package/dist/types/icons/legal.d.ts +0 -2
- package/dist/types/icons/media.d.ts +1 -0
- package/dist/types/icons/realestate.d.ts +17 -1
- package/dist/types/icons/roman.d.ts +76 -0
- package/dist/types/icons/science.d.ts +0 -2
- package/dist/types/icons/ui.d.ts +6 -1
- package/dist/types/index.d.ts +2 -1
- package/dist/types/stackedIcon.d.ts +11 -0
- package/dist/types/stacking.d.ts +48 -1
- package/dist/types/types.d.ts +17 -2
- package/package.json +2 -2
package/dist/esm/stacking.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Children, cloneElement
|
|
2
|
+
import { isValidElement, Children, cloneElement } from "react";
|
|
3
3
|
const NTD_ICON_MARK = "ntdIcon";
|
|
4
4
|
function isNtdIconElement(node) {
|
|
5
5
|
return isValidElement(node) && typeof node.type !== "string" && Boolean(node.type[NTD_ICON_MARK]);
|
|
@@ -14,7 +14,7 @@ function isFilledVariant(variant) {
|
|
|
14
14
|
return !LINE_VARIANTS.has(variant);
|
|
15
15
|
}
|
|
16
16
|
function defaultStackSize(align) {
|
|
17
|
-
return align === "center" ? 0.6 : 0.5;
|
|
17
|
+
return isSeriesAlign(align) ? 1 : align === "center" ? 0.6 : 0.5;
|
|
18
18
|
}
|
|
19
19
|
function stackPlacement(align, size) {
|
|
20
20
|
const far = 24 - size;
|
|
@@ -44,12 +44,15 @@ function renderStackChildren(children, ctx) {
|
|
|
44
44
|
return null;
|
|
45
45
|
}
|
|
46
46
|
const cutout = ctx.variant === "cutout";
|
|
47
|
-
const filled = isFilledVariant(ctx.variant);
|
|
47
|
+
const filled = isFilledVariant(ctx.variant) && (!ctx.perfect.filled || ctx.perfect.filled.includes(ctx.variant));
|
|
48
48
|
const insidePrimary = cutout ? ctx.tileColor : filled ? ctx.accentColor : ctx.primaryColor;
|
|
49
49
|
const insideAccent = filled && !cutout ? ctx.primaryColor : ctx.accentColor;
|
|
50
50
|
const text = items.filter((c) => typeof c === "string" || typeof c === "number").join("");
|
|
51
51
|
const { perfect } = ctx;
|
|
52
52
|
const layers = items.map((child, i) => {
|
|
53
|
+
if (isNtdIconElement(child) && isSeriesAlign(child.props.stackAlign)) {
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
53
56
|
if (isNtdIconElement(child)) {
|
|
54
57
|
const p = child.props;
|
|
55
58
|
const align = p.stackAlign ?? "perfect";
|
|
@@ -104,17 +107,116 @@ function renderStackChildren(children, ctx) {
|
|
|
104
107
|
] });
|
|
105
108
|
return cutout ? /* @__PURE__ */ jsx("g", { transform: CUTOUT_SHAPE, children: content }) : content;
|
|
106
109
|
}
|
|
110
|
+
function isSeriesAlign(align) {
|
|
111
|
+
return typeof align === "string" && align.startsWith("next-");
|
|
112
|
+
}
|
|
113
|
+
const SERIES_WIDTH = "seriesWidth";
|
|
114
|
+
function seriesWidthOf(icon) {
|
|
115
|
+
const w = icon && (typeof icon === "object" || typeof icon === "function") ? icon[SERIES_WIDTH] : void 0;
|
|
116
|
+
return typeof w === "number" && w > 0 ? w : 24;
|
|
117
|
+
}
|
|
118
|
+
function layoutStackSeries(children, parentWidth = 24) {
|
|
119
|
+
const series = Children.toArray(children).filter(
|
|
120
|
+
(c) => isNtdIconElement(c) && isSeriesAlign(c.props.stackAlign)
|
|
121
|
+
);
|
|
122
|
+
if (series.length === 0) {
|
|
123
|
+
return null;
|
|
124
|
+
}
|
|
125
|
+
const bearing = (24 - parentWidth) / 2;
|
|
126
|
+
let right = 12 + parentWidth / 2;
|
|
127
|
+
let left = 12 - parentWidth / 2;
|
|
128
|
+
let down = 24;
|
|
129
|
+
let up = 0;
|
|
130
|
+
const items = series.map((child) => {
|
|
131
|
+
const p = child.props;
|
|
132
|
+
const scale = p.stackSize ?? 1;
|
|
133
|
+
const size = thousandth(24 * scale);
|
|
134
|
+
const advance = thousandth(seriesWidthOf(child.type) * scale);
|
|
135
|
+
let x;
|
|
136
|
+
let y;
|
|
137
|
+
switch (p.stackAlign) {
|
|
138
|
+
case "next-left":
|
|
139
|
+
left -= advance;
|
|
140
|
+
x = left - (size - advance) / 2;
|
|
141
|
+
y = 12 - size / 2;
|
|
142
|
+
break;
|
|
143
|
+
case "next-up":
|
|
144
|
+
up -= size;
|
|
145
|
+
x = 12 - size / 2;
|
|
146
|
+
y = up;
|
|
147
|
+
break;
|
|
148
|
+
case "next-down":
|
|
149
|
+
x = 12 - size / 2;
|
|
150
|
+
y = down;
|
|
151
|
+
down += size;
|
|
152
|
+
break;
|
|
153
|
+
default:
|
|
154
|
+
x = right - (size - advance) / 2;
|
|
155
|
+
y = 12 - size / 2;
|
|
156
|
+
right += advance;
|
|
157
|
+
}
|
|
158
|
+
return {
|
|
159
|
+
child,
|
|
160
|
+
x: stackOffset(thousandth(x), p.stackOffsetX),
|
|
161
|
+
y: stackOffset(thousandth(y), p.stackOffsetY),
|
|
162
|
+
size
|
|
163
|
+
};
|
|
164
|
+
});
|
|
165
|
+
const across = series.some(
|
|
166
|
+
(c) => c.props.stackAlign === "next-left" || c.props.stackAlign === "next-right"
|
|
167
|
+
);
|
|
168
|
+
let minX = across ? left - bearing : 0;
|
|
169
|
+
let maxX = across ? right + bearing : 24;
|
|
170
|
+
let minY = up;
|
|
171
|
+
let maxY = down;
|
|
172
|
+
for (const { child, x, y, size } of items) {
|
|
173
|
+
if (child.props.stackAlign === "next-left" || child.props.stackAlign === "next-right") {
|
|
174
|
+
minY = Math.min(minY, y);
|
|
175
|
+
maxY = Math.max(maxY, y + size);
|
|
176
|
+
} else {
|
|
177
|
+
minX = Math.min(minX, x);
|
|
178
|
+
maxX = Math.max(maxX, x + size);
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
return {
|
|
182
|
+
items,
|
|
183
|
+
box: [thousandth(minX), thousandth(minY), thousandth(maxX - minX), thousandth(maxY - minY)]
|
|
184
|
+
};
|
|
185
|
+
}
|
|
186
|
+
function renderStackSeries(layout, ctx) {
|
|
187
|
+
return layout.items.map(({ child, x, y, size }, i) => {
|
|
188
|
+
const p = child.props;
|
|
189
|
+
const icon = cloneElement(child, {
|
|
190
|
+
key: child.key ?? `series-${i}`,
|
|
191
|
+
x,
|
|
192
|
+
y,
|
|
193
|
+
size,
|
|
194
|
+
variant: p.variant ?? ctx.variant,
|
|
195
|
+
primaryColor: p.primaryColor ?? ctx.primaryColor,
|
|
196
|
+
secondaryColor: p.secondaryColor ?? ctx.secondaryColor,
|
|
197
|
+
accentColor: p.accentColor ?? ctx.accentColor,
|
|
198
|
+
strokeWidth: p.strokeWidth ?? ctx.strokeWidth
|
|
199
|
+
});
|
|
200
|
+
const turn = p.stackRotation ? `rotate(${p.stackRotation} ${x + size / 2} ${y + size / 2})` : void 0;
|
|
201
|
+
return turn ? /* @__PURE__ */ jsx("g", { transform: turn, children: icon }, child.key ?? `series-${i}`) : icon;
|
|
202
|
+
});
|
|
203
|
+
}
|
|
107
204
|
export {
|
|
108
205
|
BOX_PERFECT_STACK,
|
|
109
206
|
NTD_ICON_MARK,
|
|
110
207
|
PERFECT_STACK,
|
|
208
|
+
SERIES_WIDTH,
|
|
111
209
|
defaultStackSize,
|
|
112
210
|
defaultTextSize,
|
|
113
211
|
isCornerBadge,
|
|
114
212
|
isFilledVariant,
|
|
115
213
|
isNtdIconElement,
|
|
214
|
+
isSeriesAlign,
|
|
215
|
+
layoutStackSeries,
|
|
116
216
|
perfectStackOf,
|
|
117
217
|
renderStackChildren,
|
|
218
|
+
renderStackSeries,
|
|
219
|
+
seriesWidthOf,
|
|
118
220
|
stackOffset,
|
|
119
221
|
stackPlacement
|
|
120
222
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { NtdIconProps, IconRenderProps } from './types';
|
|
1
|
+
import type { NtdIconProps, IconRenderProps, IconVariant } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* A function that receives resolved icon render props and returns SVG elements.
|
|
4
4
|
*
|
|
@@ -87,6 +87,19 @@ export interface CreateIconOptions {
|
|
|
87
87
|
perfectStackRotation?: number;
|
|
88
88
|
/** The share of the icon a child at that spot takes. Default 0.6, as centred. */
|
|
89
89
|
perfectStackSize?: number;
|
|
90
|
+
/**
|
|
91
|
+
* The variants in which that spot lies on a fill (1.4.3). By default every filled variant, and a
|
|
92
|
+
* child there takes the parent's accent so it reads on the fill. A hollow glyph — a lens, whose
|
|
93
|
+
* spot is the empty glass — lists only the variants that fill it: in the others a child keeps
|
|
94
|
+
* the parent's colours, as on `outline`, instead of an accent that vanishes against the page.
|
|
95
|
+
*/
|
|
96
|
+
perfectStackFilled?: readonly IconVariant[];
|
|
97
|
+
/**
|
|
98
|
+
* The glyph's width across in the 24-unit box (1.4.3): the room the icon takes in a left / right
|
|
99
|
+
* series (`stackAlign="next-right"`), like a letter's advance in a font — a narrow glyph (`I`)
|
|
100
|
+
* sits close to its neighbours. Default 24, the whole box.
|
|
101
|
+
*/
|
|
102
|
+
seriesWidth?: number;
|
|
90
103
|
/**
|
|
91
104
|
* The icon animates itself with SVG animation elements (1.3.17): createIcon scales their `dur` /
|
|
92
105
|
* `begin` by `animationSpeed` (see `retimeTree`), so its pace follows the prop like every other
|
|
@@ -26,12 +26,14 @@ export declare function within(uid: string | undefined, name: string, shape: Rea
|
|
|
26
26
|
/**
|
|
27
27
|
* The fork and the knife of NtdFood's place setting (1.3.17, Runda 41), shared with NtdForkKnife
|
|
28
28
|
* (round 42: "ustandaryzować z NtdFood, tylko bez talerza"). As drawn in NtdFood: the fork at the
|
|
29
|
-
* left edge (x
|
|
30
|
-
*
|
|
29
|
+
* left edge (x 0.4–3.8), the knife at the right (x 21–23.7), both y 3 → 21.2. R43 ("szersze, widelec
|
|
30
|
+
* 4 ostrza, nóż nie schodzi się z lewej z rękojeścią"): the fork wider with four tines 0.5 wide and
|
|
31
|
+
* a 1.2 handle (it had three and 1.0); the knife's spine and handle one straight line on the left (the
|
|
32
|
+
* handle stood 0.2 in from the blade), its handle 1.7 wide (was 1.5). Filled shapes; the outline
|
|
33
|
+
* fills the fork too — four tines 0.47 apart cannot take a stroke round them.
|
|
31
34
|
*/
|
|
32
|
-
export declare const CUTLERY_FORK = "
|
|
33
|
-
export declare const CUTLERY_KNIFE = "
|
|
34
|
-
export declare const CUTLERY_FORK_LINES = "M1.3 3V6.8C1.3 8.2 2.5 8.9 2.5 9.4M3.7 3V6.8C3.7 8.2 2.5 8.9 2.5 9.4M2.5 3V20.6";
|
|
35
|
+
export declare const CUTLERY_FORK = "M0.4 3H0.9V7H1.37V3H1.87V7H2.33V3H2.83V7H3.3V3H3.8V7.3C3.8 8.6 3.1 9.3 2.7 9.6V20.4A0.6 0.6 0 0 1 1.5 20.4V9.6C1.1 9.3 0.4 8.6 0.4 7.3Z";
|
|
36
|
+
export declare const CUTLERY_KNIFE = "M21 3C23.3 4.2 24 8.2 23.6 12.6H22.7V20.35A0.85 0.85 0 0 1 21 20.35Z";
|
|
35
37
|
/**
|
|
36
38
|
* NtdBell and NtdBellRing, so the two share one bell; `ringing` adds the ring marks. Duotone and
|
|
37
39
|
* vivid are fills only: the bell primary, the clapper secondary. The marks are primary on the solid
|
|
@@ -40,7 +42,8 @@ export declare const CUTLERY_FORK_LINES = "M1.3 3V6.8C1.3 8.2 2.5 8.9 2.5 9.4M3.
|
|
|
40
42
|
export declare function bellIcon(displayName: string, ringing: boolean): ReturnType<typeof createIcon>;
|
|
41
43
|
/**
|
|
42
44
|
* A paper icon — NtdFile, and every document drawn on the same page (NtdFileText, NtdInvoice,
|
|
43
|
-
* NtdContract, …), so their pages and folds match.
|
|
45
|
+
* NtdContract, …), so their pages and folds match. Filled, the fold is primary like the page with an
|
|
46
|
+
* accent line along its edges (1.4.3, R43 "bez secondary, tylko linia w kolorze accent na zagięciu");
|
|
44
47
|
* `text` is the document's writing, a path of strokes kept below the fold (y ≥ 11, x 7–17),
|
|
45
48
|
* drawn in the accent colour on a filled page (secondary in duotone) and in primary on a stroked one.
|
|
46
49
|
*/
|
package/dist/types/icons/ai.d.ts
CHANGED
|
@@ -16,9 +16,7 @@ export declare const NtdChatbot: import("react").ForwardRefExoticComponent<impor
|
|
|
16
16
|
export declare const NtdRobot: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
17
17
|
export declare const NtdVoiceAssistant: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
18
18
|
export declare const NtdTensor: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
19
|
-
export declare const NtdGradient: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
20
19
|
export declare const NtdDataset: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
21
|
-
export declare const NtdModel: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
22
20
|
export declare const NtdTraining: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
23
21
|
export declare const NtdInference: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
24
22
|
export declare const NtdSparkle: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -34,9 +32,7 @@ export declare const aiIcons: {
|
|
|
34
32
|
NtdRobot: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
35
33
|
NtdVoiceAssistant: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
36
34
|
NtdTensor: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
37
|
-
NtdGradient: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
38
35
|
NtdDataset: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
39
|
-
NtdModel: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
40
36
|
NtdTraining: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
41
37
|
NtdInference: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
42
38
|
NtdSparkle: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -27,3 +27,4 @@ export declare const NtdAuditTrail: import("react").ForwardRefExoticComponent<im
|
|
|
27
27
|
export declare const NtdGrowthTarget: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
28
28
|
export declare const NtdKanban: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
29
29
|
export declare const NtdMilestone: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
30
|
+
export declare const NtdMarket: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
* @license MIT
|
|
11
11
|
*/
|
|
12
12
|
export declare const NtdGraduationCap: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
13
|
-
export declare const NtdDiploma: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
14
13
|
export declare const NtdSchool: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
15
14
|
export declare const NtdUniversity: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
16
15
|
export declare const NtdBook: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -23,13 +22,11 @@ export declare const NtdOnlineCourse: import("react").ForwardRefExoticComponent<
|
|
|
23
22
|
export declare const NtdWebinar: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
24
23
|
export declare const NtdCertificate: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
25
24
|
export declare const NtdQuiz: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
26
|
-
export declare const NtdExam: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
27
25
|
export declare const NtdFlashcard: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
28
26
|
export declare const NtdBackpack: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
29
27
|
export declare const NtdCalculator: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
30
28
|
export declare const educationIcons: {
|
|
31
29
|
NtdGraduationCap: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
32
|
-
NtdDiploma: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
33
30
|
NtdSchool: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
34
31
|
NtdUniversity: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
35
32
|
NtdBook: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -41,8 +38,9 @@ export declare const educationIcons: {
|
|
|
41
38
|
NtdWebinar: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
42
39
|
NtdCertificate: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
43
40
|
NtdQuiz: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
44
|
-
NtdExam: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
45
41
|
NtdFlashcard: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
46
42
|
NtdBackpack: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
47
43
|
NtdCalculator: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
48
44
|
};
|
|
45
|
+
export declare const NtdScroll: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
46
|
+
export declare const NtdScrollRolled: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -15,12 +15,14 @@ export declare const NtdLayers: import("react").ForwardRefExoticComponent<import
|
|
|
15
15
|
export declare const NtdGrid: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
16
16
|
export declare const NtdList: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
17
17
|
export declare const NtdTable: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
18
|
+
/** A smartphone: a tall case round a screen with a button dot. */
|
|
18
19
|
export declare const NtdSmartphone: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
20
|
+
/** A tablet: the phone's design on a wider case with a thinner bezel. */
|
|
21
|
+
export declare const NtdTablet: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
19
22
|
export declare const NtdMonitor: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
20
23
|
export declare const NtdCpu: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
21
24
|
export declare const NtdKey: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
22
25
|
export declare const NtdAward: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
23
|
-
export declare const NtdCoffee: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
24
26
|
export declare const NtdCart: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
25
27
|
/** @deprecated A second cart next to {@link NtdCart} — use that. */
|
|
26
28
|
export declare const NtdShoppingCart: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -9,6 +9,6 @@ export declare const NtdDeFi: import("react").ForwardRefExoticComponent<import("
|
|
|
9
9
|
export declare const NtdStaking: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
10
10
|
export declare const NtdMining: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
11
11
|
export declare const NtdLedger: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
12
|
-
export declare const
|
|
12
|
+
export declare const NtdGasPump: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
13
13
|
export declare const NtdSmartContract: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
14
14
|
export declare const NtdAirdrop: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -7,6 +7,28 @@ export declare const NtdPartyPopper: import("react").ForwardRefExoticComponent<i
|
|
|
7
7
|
export declare const NtdTrophy: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
8
8
|
export declare const NtdCrown: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
9
9
|
export declare const NtdDice: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
10
|
+
/** A die face with one pip — the pips only, to stack on a tile (NtdSquare). */
|
|
11
|
+
export declare const NtdDicePips1: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
12
|
+
/** A die face with two pips. */
|
|
13
|
+
export declare const NtdDicePips2: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
14
|
+
/** A die face with three pips. */
|
|
15
|
+
export declare const NtdDicePips3: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
16
|
+
/** A die face with four pips. */
|
|
17
|
+
export declare const NtdDicePips4: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
18
|
+
/** A die face with five pips. */
|
|
19
|
+
export declare const NtdDicePips5: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
20
|
+
/** A die face with six pips. */
|
|
21
|
+
export declare const NtdDicePips6: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
22
|
+
declare const DICE_PIPS: readonly [import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>, import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>, import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>, import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>, import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>, import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>];
|
|
23
|
+
/**
|
|
24
|
+
* The pips icon for a die value 1–6 (rounded and clamped; `NaN` is 1).
|
|
25
|
+
*
|
|
26
|
+
* ```tsx
|
|
27
|
+
* const Pips = dicePipsIconFor(roll);
|
|
28
|
+
* <NtdSquare size={32}><Pips /></NtdSquare>
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export declare function dicePipsIconFor(value: number): (typeof DICE_PIPS)[number];
|
|
10
32
|
export declare const NtdSmile: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
11
33
|
/** @deprecated Renamed to {@link NtdSmile} in 1.3.0 — the same icon. */
|
|
12
34
|
export declare const NtdSmiley: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -16,3 +38,4 @@ export declare const NtdGhost: import("react").ForwardRefExoticComponent<import(
|
|
|
16
38
|
export declare const NtdLightning: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
17
39
|
/** @deprecated The same bolt as {@link NtdLightning} — use that. */
|
|
18
40
|
export declare const NtdZap: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
41
|
+
export {};
|
|
@@ -1,30 +1,32 @@
|
|
|
1
1
|
export { NtdArrowUp, NtdArrowDown, NtdArrowLeft, NtdArrowRight, NtdChevronUp, NtdChevronDown, NtdChevronLeft, NtdChevronRight, NtdMenu, NtdClose, NtdMoreHorizontal, NtdMoreVertical, NtdExternalLink, NtdRefresh, } from './navigation';
|
|
2
2
|
export { NtdSearch, NtdEdit, NtdEditDetail, NtdTrash, NtdSave, NtdDownload, NtdUpload, NtdShare, NtdCopy, NtdClipboard, NtdPlus, NtdMinus, NtdCheck, NtdFilter, NtdSort, NtdPrint, NtdZoomIn, NtdZoomOut, NtdUndo, NtdRedo, NtdReply, NtdLink, NtdSettings, NtdLogIn, NtdLogOut, NtdLock, NtdUnlock, NtdFrameCorners, NtdGroup, NtdUngroup, } from './actions';
|
|
3
|
-
export { NtdHome, NtdUser,
|
|
3
|
+
export { NtdHome, NtdUser, NtdUserTie, NtdUsers, NtdHeart, NtdWishlist, NtdStar, NtdBell, NtdEye, NtdEyeOff, NtdInfo, NtdWarning, NtdError, NtdSuccess, NtdHelp, NtdClock, NtdHourglass, NtdCalendar, NtdCalendarWeek, NtdCalendarDay, NtdTag, NtdBackspace, NtdBookmark, NtdFlag, NtdThumbUp, NtdThumbDown, NtdShield, NtdGlobe, NtdMap, NtdPin, NtdMapPin, NtdSun, NtdMoon, NtdCursor, NtdWireframe, } from './ui';
|
|
4
4
|
export { NtdRecycle, NtdCompost, NtdTrashSort, NtdSolarPanel, NtdWindTurbine, NtdEvCharger, NtdCarbonFootprint, NtdCo2, NtdNetZero, NtdEcoFriendly, NtdOrganic, NtdBiodegradable, NtdPlantTree, NtdWildlife, sustainabilityIcons, } from './sustainability';
|
|
5
5
|
export { NtdAccessibility, NtdWheelchair, NtdBlind, NtdDeaf, NtdSignLanguage, NtdBraille, NtdAudioDescription, NtdClosedCaptions, NtdDyslexia, NtdEasyRead, NtdScreenReader, NtdHearingAid, NtdAssistiveTech, accessibilityIcons, } from './accessibility';
|
|
6
|
-
export { NtdContract, NtdLegalDocument, NtdTermsOfService, NtdPrivacyPolicy, NtdGdpr, NtdCcpa, NtdCookieConsent, NtdCopyright, NtdTrademark, NtdPatent, NtdCompliance,
|
|
7
|
-
export { NtdPlay, NtdPause, NtdStop, NtdSkipForward, NtdSkipBack, NtdVolume, NtdVolumeMute, NtdImage, NtdCamera, NtdVideo, NtdMicrophone, NtdMicrophoneOff, NtdMusic, NtdMail, NtdInbox, NtdPhone, NtdChat, NtdSend, NtdNotification, NtdWifi, NtdBluetooth, NtdPalette, NtdBrush, NtdPenTool, NtdSpline, } from './media';
|
|
8
|
-
export { NtdFile, NtdFileText, NtdFolder, NtdFolderOpen, NtdArchive, NtdDatabase, NtdCloud, NtdCloudUpload, NtdCloudDownload, NtdTerminal, NtdCode, NtdGit, NtdPackage, NtdLayers, NtdGrid, NtdList, NtdTable, NtdSmartphone, NtdMonitor, NtdCpu, NtdKey, NtdAward,
|
|
9
|
-
export { NtdDumpsterFire, NtdRocket, NtdGamepadOldschool, NtdPuzzle, NtdPartyPopper, NtdTrophy, NtdCrown, NtdDice, NtdSmile, NtdSmiley, NtdSad, NtdSkull, NtdGhost, NtdLightning, NtdZap, } from './fun';
|
|
6
|
+
export { NtdContract, NtdLegalDocument, NtdTermsOfService, NtdPrivacyPolicy, NtdGdpr, NtdCcpa, NtdCookieConsent, NtdCopyright, NtdTrademark, NtdPatent, NtdCompliance, NtdAudit, legalIcons, } from './legal';
|
|
7
|
+
export { NtdPlay, NtdPause, NtdStop, NtdSkipForward, NtdSkipBack, NtdVolume, NtdVolumeMute, NtdImage, NtdCamera, NtdVideo, NtdMicrophone, NtdMicrophoneOff, NtdMusic, NtdMail, NtdInbox, NtdPhone, NtdChat, NtdSend, NtdNotification, NtdWifi, NtdBluetooth, NtdPalette, NtdBrush, NtdEyeDropper, NtdPenTool, NtdSpline, } from './media';
|
|
8
|
+
export { NtdFile, NtdFileText, NtdFolder, NtdFolderOpen, NtdArchive, NtdDatabase, NtdCloud, NtdCloudUpload, NtdCloudDownload, NtdTerminal, NtdCode, NtdGit, NtdPackage, NtdLayers, NtdGrid, NtdList, NtdTable, NtdSmartphone, NtdTablet, NtdMonitor, NtdCpu, NtdKey, NtdAward, NtdCart, NtdShoppingCart, NtdCreditCard, NtdPieChart, NtdBarChart, NtdActivity, NtdTarget, NtdTruck, } from './files';
|
|
9
|
+
export { NtdDumpsterFire, NtdRocket, NtdGamepadOldschool, NtdPuzzle, NtdPartyPopper, NtdTrophy, NtdCrown, NtdDice, NtdDicePips1, NtdDicePips2, NtdDicePips3, NtdDicePips4, NtdDicePips5, NtdDicePips6, dicePipsIconFor, NtdSmile, NtdSmiley, NtdSad, NtdSkull, NtdGhost, NtdLightning, NtdZap, } from './fun';
|
|
10
10
|
export { NtdSunrise, NtdSunset, NtdRain, NtdSnow, NtdThunderstorm, NtdWind, NtdDroplet, NtdHydropower, NtdThermometer, NtdUmbrella, NtdLeaf, NtdFlower, NtdTree, NtdMountain, NtdWave, NtdFire, NtdSnowflake, NtdCompass, NtdAnchor, NtdFeather, NtdBug, } from './weather';
|
|
11
11
|
export { NtdArrowUpCircle, NtdArrowDownCircle, NtdArrowLeftCircle, NtdArrowRightCircle, NtdSquare, NtdCircle, NtdTriangle, NtdHexagon, NtdOctagon, NtdDiamond, NtdPentagon, NtdCross, NtdCornerUpLeft, NtdCornerUpRight, NtdCornerDownLeft, NtdCornerDownRight, NtdMaximize, NtdMinimize, NtdMove, NtdRepeat, NtdShuffle, NtdPoint, NtdSegment, NtdPerpendicular, NtdParallel, NtdMidpoint, NtdAngleBisector, } from './shapes';
|
|
12
|
-
export { NtdBriefcase, NtdDollar, NtdWallet, NtdReceipt, NtdBank, NtdTrendUp, NtdTrendDown, NtdPercent, NtdInvoice, NtdInvoiceDoc, NtdStore, NtdBarcode, NtdCalculator, NtdPresentation, NtdClipboardCheck, NtdPiggyBank, NtdCoins, NtdCash, NtdCashStack, NtdKanban, NtdMilestone, } from './business';
|
|
12
|
+
export { NtdBriefcase, NtdDollar, NtdWallet, NtdReceipt, NtdBank, NtdTrendUp, NtdTrendDown, NtdPercent, NtdInvoice, NtdInvoiceDoc, NtdStore, NtdMarket, NtdBarcode, NtdCalculator, NtdPresentation, NtdClipboardCheck, NtdPiggyBank, NtdCoins, NtdCash, NtdCashStack, NtdKanban, NtdMilestone, } from './business';
|
|
13
13
|
export { NtdAtSign, NtdPhoneOff, NtdBubble, NtdThumbsUp, NtdThumbsDown, NtdBellRing, NtdMegaphone, NtdQrCode, } from './social';
|
|
14
14
|
export { NtdBrackets, NtdServer, NtdGitBranch, NtdGitCommit, NtdGitMerge, NtdBattery, NtdBatteryQuarter, NtdBatteryHalf, NtdBatteryThreeQuarters, NtdBatteryFull, batteryIconFor, NtdSlash, NtdHash, NtdBugDev, NtdBlueprint, NtdPrototype, NtdComponent, NtdNodes, NtdFlow, NtdAIBrain, NtdNeural, NtdForge, NtdPipeline, NtdDeploy, NtdGateway, NtdDataMesh, NtdFeatureFlag, NtdViteLogo, NtdBunLogo, NtdDenoLogo, NtdTauriLogo, NtdSvelteLogo, NtdNextJsLogo, NtdAstroLogo, NtdQwikLogo, NtdSolidJsLogo, } from './devtech';
|
|
15
15
|
export { NtdCartAdd, NtdCartRemove, NtdCheckout, NtdCompare, NtdShipping, NtdReturn, NtdDiscount, NtdPromoTag, NtdGiftCard, NtdCoupon, NtdStorefront, NtdPayment, NtdRefund, } from './ecommerce';
|
|
16
|
-
export { NtdCryptoWallet, NtdBlockchain, NtdBitcoin, NtdEthereum, NtdNFT, NtdToken, NtdExchange, NtdDeFi, NtdStaking, NtdMining, NtdLedger,
|
|
16
|
+
export { NtdCryptoWallet, NtdBlockchain, NtdBitcoin, NtdEthereum, NtdNFT, NtdToken, NtdExchange, NtdDeFi, NtdStaking, NtdMining, NtdLedger, NtdGasPump, NtdSmartContract, NtdAirdrop, } from './fintech';
|
|
17
17
|
export { NtdDashboard, NtdAnalytics, NtdIntegration, NtdAPI, NtdWebhook, NtdMetrics, NtdSubscription, NtdTenant, NtdUsage, NtdQuota, NtdUptime, NtdBilling, NtdTeamwork, } from './saas';
|
|
18
18
|
export { NtdSmartBulb, NtdThermostat, NtdSmartCamera, NtdDoorbell, NtdMotionSensor, NtdSmartLock, NtdSmartHub, NtdVoiceAssistant, NtdSmartPlug, NtdTemperatureSensor, NtdRefrigerator, NtdSmartSwitch, NtdRouter, NtdSmartSpeaker, } from './smarthome';
|
|
19
19
|
export { NtdApple, NtdPizza, NtdGlass, NtdHeartPulse, NtdPill, NtdSyringe, NtdStethoscope, NtdWeight, NtdBandaid, NtdCake, NtdEgg, NtdHamburger, NtdDna, } from './health';
|
|
20
20
|
export { NtdNiceToDev, NtdOmniVerk, NtdOmniVerkAnimated } from './brand';
|
|
21
21
|
export { NtdGamepad, NtdGamepadController, NtdJoystick, NtdVrHeadset, NtdTrophy as NtdTrophyGaming, NtdLeaderboard, NtdHealthBar, NtdXpBar, NtdStar as NtdStarGaming, NtdTwitch, NtdYoutubeLive, NtdDiscord, NtdDice as NtdDiceGaming, NtdSword, NtdShield as NtdShieldGaming, NtdPotion, gamingIcons, } from './gaming';
|
|
22
|
-
export { NtdNeuralNetwork, NtdBrain, NtdDeepLearning, NtdChatbot, NtdRobot, NtdVoiceAssistant as NtdAIAssistant, NtdTensor,
|
|
23
|
-
export { NtdGraduationCap,
|
|
24
|
-
export { NtdBeaker, NtdFlask, NtdTestTube, NtdPetriDish, NtdMicroscope,
|
|
25
|
-
export { NtdHouse as NtdHouseRealEstate, NtdApartment, NtdCondo, NtdVilla, NtdOfficeBuilding, NtdWarehouse, NtdShelfRack, NtdKey as NtdKeyRealEstate, NtdFloorPlan, NtdSquareMeters, NtdBedroom, NtdBathroom, NtdGarage, NtdPool, NtdForSale, NtdForRent, NtdSold, NtdMortgage, realestateIcons, } from './realestate';
|
|
26
|
-
export { NtdBurger, NtdHotdog, NtdSushi, NtdTaco, NtdCoffee
|
|
22
|
+
export { NtdNeuralNetwork, NtdBrain, NtdDeepLearning, NtdChatbot, NtdRobot, NtdVoiceAssistant as NtdAIAssistant, NtdTensor, NtdDataset, NtdTraining, NtdInference, NtdSparkle, NtdStar4, NtdMagicWand, NtdPrompt, aiIcons, } from './ai';
|
|
23
|
+
export { NtdGraduationCap, NtdSchool, NtdUniversity, NtdBook, NtdBookBookmark, NtdOpenBook, NtdNotebook, NtdPencil, NtdPen, NtdOnlineCourse, NtdWebinar, NtdCertificate, NtdScroll, NtdScrollRolled, NtdQuiz, NtdFlashcard, NtdBackpack, NtdCalculator as NtdCalculatorEdu, educationIcons, } from './education';
|
|
24
|
+
export { NtdBeaker, NtdFlask, NtdTestTube, NtdPetriDish, NtdMicroscope, NtdAtom, NtdRadiation, NtdNuke, NtdMolecule, NtdPeriodictable, NtdMagnet, NtdTelescope, NtdPlanet, NtdRocket as NtdRocketScience, NtdResearch, NtdHypothesis, NtdExperiment, scienceIcons, } from './science';
|
|
25
|
+
export { NtdHouse as NtdHouseRealEstate, NtdApartment, NtdCondo, NtdVilla, NtdOfficeBuilding, NtdWarehouse, NtdShelfRack, NtdShelfRackQuarter, NtdShelfRackHalf, NtdShelfRackThreeQuarters, NtdShelfRackFull, shelfRackIconFor, NtdKey as NtdKeyRealEstate, NtdFloorPlan, NtdSquareMeters, NtdBedroom, NtdBathroom, NtdGarage, NtdPool, NtdForSale, NtdForRent, NtdSold, NtdMortgage, realestateIcons, } from './realestate';
|
|
26
|
+
export { NtdBurger, NtdHotdog, NtdSushi, NtdTaco, NtdCoffee, NtdWine, NtdBeer, NtdCocktail, NtdSoda, NtdChefHat, NtdForkKnife, NtdKnife, NtdCookingPan, NtdPlate, NtdRecipe, NtdRestaurant, foodIcons, } from './food';
|
|
27
27
|
export { NtdPlane, NtdPlaneTakeoff, NtdTrain, NtdCar, NtdBus, NtdShip, NtdBike, NtdTaxi, NtdLuggage, NtdPassport, NtdTicket, NtdHotel, NtdBeach, NtdCamping, NtdCompassRose, travelIcons, } from './travel';
|
|
28
28
|
export { NtdSoccerBall, NtdBasketball, NtdTennis, NtdGolf, NtdDumbbell, NtdRunning, NtdYoga, NtdSwimming, NtdCycling, NtdStopwatch, NtdWhistle, NtdMedal, NtdPodium, NtdTarget as NtdTargetSports, sportsIcons, } from './sports';
|
|
29
29
|
export { NtdProduct, NtdAlert, NtdAlertBell, NtdWorkflow, NtdShipment, NtdFood, NtdMeal, NtdProject, NtdInsurance, NtdTax, NtdLab, } from './omniverk';
|
|
30
30
|
export { NtdPadXboxA, NtdPadXboxB, NtdPadXboxX, NtdPadXboxY, NtdPadNintendoA, NtdPadNintendoB, NtdPadNintendoX, NtdPadNintendoY, NtdPadPlaystationCross, NtdPadPlaystationCircle, NtdPadPlaystationSquare, NtdPadPlaystationTriangle, NtdPadGenericNorth, NtdPadGenericEast, NtdPadGenericWest, NtdPadGenericSouth, NtdPadLb, NtdPadRb, NtdPadLt, NtdPadRt, NtdPadStart, NtdPadSelect, NtdPadHome, NtdPadDpad, NtdPadDpadUp, NtdPadDpadDown, NtdPadDpadLeft, NtdPadDpadRight, NtdPadStickLeft, NtdPadStickRight, NtdPadStickLeftPress, NtdPadStickRightPress, NtdRemoteOk, NtdRemoteBack, NtdRemoteMenu, NtdKeyCommand, NtdKeyOption, NtdKeyShift, NtdKeyControl, NtdKeyEnter, NtdKeyTab, NtdKeyBackspace, NtdKeySpace, NtdKeyCaps, } from './input';
|
|
31
|
+
export { NtdRomanI, NtdRomanV, NtdRomanX, NtdRomanL, NtdRomanC, NtdRomanD, NtdRomanM, romanNumeralIcons, toRomanNumeral, } from './roman';
|
|
32
|
+
export type { NtdRomanSymbolIcon } from './roman';
|
|
@@ -20,7 +20,6 @@ export declare const NtdCopyright: import("react").ForwardRefExoticComponent<imp
|
|
|
20
20
|
export declare const NtdTrademark: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
21
21
|
export declare const NtdPatent: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
22
22
|
export declare const NtdCompliance: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
23
|
-
export declare const NtdCertified: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
24
23
|
export declare const NtdAudit: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
25
24
|
export declare const legalIcons: {
|
|
26
25
|
NtdContract: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -34,6 +33,5 @@ export declare const legalIcons: {
|
|
|
34
33
|
NtdTrademark: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
35
34
|
NtdPatent: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
36
35
|
NtdCompliance: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
37
|
-
NtdCertified: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
38
36
|
NtdAudit: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
39
37
|
};
|
|
@@ -24,3 +24,4 @@ export declare const NtdPalette: import("react").ForwardRefExoticComponent<impor
|
|
|
24
24
|
export declare const NtdBrush: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
25
25
|
export declare const NtdPenTool: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
26
26
|
export declare const NtdSpline: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
27
|
+
export declare const NtdEyeDropper: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -14,8 +14,23 @@ export declare const NtdApartment: import("react").ForwardRefExoticComponent<imp
|
|
|
14
14
|
export declare const NtdCondo: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
15
15
|
export declare const NtdVilla: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
16
16
|
export declare const NtdOfficeBuilding: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
17
|
-
|
|
17
|
+
/** An empty storage rack. */
|
|
18
18
|
export declare const NtdShelfRack: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
19
|
+
/** A storage rack a quarter full (one box). */
|
|
20
|
+
export declare const NtdShelfRackQuarter: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
21
|
+
/** A storage rack half full (two boxes, the bottom level). */
|
|
22
|
+
export declare const NtdShelfRackHalf: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
23
|
+
/** A storage rack three quarters full (three boxes). */
|
|
24
|
+
export declare const NtdShelfRackThreeQuarters: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
25
|
+
/** A full storage rack (four boxes, two on each level). */
|
|
26
|
+
export declare const NtdShelfRackFull: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
27
|
+
declare const SHELF_RACK_STEPS: readonly [import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>, import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>, import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>, import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>, import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>];
|
|
28
|
+
/**
|
|
29
|
+
* The rack icon for a fill level from 0 to 1, in steps of a quarter (the nearest one), as
|
|
30
|
+
* `batteryIconFor` does for charge. Out-of-range levels are clamped; `NaN` is empty.
|
|
31
|
+
*/
|
|
32
|
+
export declare function shelfRackIconFor(level: number): (typeof SHELF_RACK_STEPS)[number];
|
|
33
|
+
export declare const NtdWarehouse: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
19
34
|
export declare const NtdKey: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
20
35
|
export declare const NtdFloorPlan: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
21
36
|
export declare const NtdSquareMeters: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -47,3 +62,4 @@ export declare const realestateIcons: {
|
|
|
47
62
|
NtdSold: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
48
63
|
NtdMortgage: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
49
64
|
};
|
|
65
|
+
export {};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
declare const GLYPHS: {
|
|
2
|
+
readonly I: {
|
|
3
|
+
readonly main: "M12 4v16";
|
|
4
|
+
readonly part: "M9 4h6M9 20h6";
|
|
5
|
+
readonly width: 9;
|
|
6
|
+
};
|
|
7
|
+
readonly V: {
|
|
8
|
+
readonly main: "M6 4l6 16";
|
|
9
|
+
readonly part: "M12 20l6-16";
|
|
10
|
+
readonly width: 16;
|
|
11
|
+
};
|
|
12
|
+
readonly X: {
|
|
13
|
+
readonly main: "M6.5 4l11 16";
|
|
14
|
+
readonly part: "M17.5 4l-11 16";
|
|
15
|
+
readonly width: 15;
|
|
16
|
+
};
|
|
17
|
+
readonly L: {
|
|
18
|
+
readonly main: "M7.5 4v16";
|
|
19
|
+
readonly part: "M7.5 20h9";
|
|
20
|
+
readonly width: 12;
|
|
21
|
+
};
|
|
22
|
+
readonly C: {
|
|
23
|
+
readonly main: "M18.83 6.34A8 8 0 005.17 12";
|
|
24
|
+
readonly part: "M5.17 12a8 8 0 0013.66 5.66";
|
|
25
|
+
readonly width: 16.5;
|
|
26
|
+
};
|
|
27
|
+
readonly D: {
|
|
28
|
+
readonly main: "M6.5 4v16";
|
|
29
|
+
readonly part: "M6.5 4h3a8 8 0 010 16h-3";
|
|
30
|
+
readonly width: 15;
|
|
31
|
+
};
|
|
32
|
+
readonly M: {
|
|
33
|
+
readonly main: "M5 20V4l7 10";
|
|
34
|
+
readonly part: "M12 14l7-10v16";
|
|
35
|
+
readonly width: 18;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
type RomanSymbol = keyof typeof GLYPHS;
|
|
39
|
+
/** Roman numeral one — I, with serifs. */
|
|
40
|
+
export declare const NtdRomanI: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
41
|
+
/** Roman numeral five — V. */
|
|
42
|
+
export declare const NtdRomanV: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
43
|
+
/** Roman numeral ten — X. */
|
|
44
|
+
export declare const NtdRomanX: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
45
|
+
/** Roman numeral fifty — L. */
|
|
46
|
+
export declare const NtdRomanL: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
47
|
+
/** Roman numeral one hundred — C. */
|
|
48
|
+
export declare const NtdRomanC: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
49
|
+
/** Roman numeral five hundred — D. */
|
|
50
|
+
export declare const NtdRomanD: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
51
|
+
/** Roman numeral one thousand — M. */
|
|
52
|
+
export declare const NtdRomanM: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
53
|
+
declare const SYMBOL_ICONS: {
|
|
54
|
+
readonly I: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
55
|
+
readonly V: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
56
|
+
readonly X: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
57
|
+
readonly L: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
58
|
+
readonly C: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
59
|
+
readonly D: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
60
|
+
readonly M: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
61
|
+
};
|
|
62
|
+
/** One Roman numeral symbol icon. */
|
|
63
|
+
export type NtdRomanSymbolIcon = (typeof SYMBOL_ICONS)[RomanSymbol];
|
|
64
|
+
/** `n` (1–3999, rounded) in Roman numerals: 14 → 'XIV'. An empty string outside that range. */
|
|
65
|
+
export declare function toRomanNumeral(n: number): string;
|
|
66
|
+
/**
|
|
67
|
+
* The symbol icons that write `n` (1–3999) in Roman numerals, in reading order — empty outside that
|
|
68
|
+
* range. Draw them as a series: the first holds the rest beside it, so the number is one SVG.
|
|
69
|
+
*
|
|
70
|
+
* ```tsx
|
|
71
|
+
* const [First, ...rest] = romanNumeralIcons(14); // X, I, V
|
|
72
|
+
* <First size={24}>{rest.map((Icon, i) => <Icon key={i} stackAlign="next-right" />)}</First>
|
|
73
|
+
* ```
|
|
74
|
+
*/
|
|
75
|
+
export declare function romanNumeralIcons(n: number): NtdRomanSymbolIcon[];
|
|
76
|
+
export {};
|
|
@@ -14,7 +14,6 @@ export declare const NtdFlask: import("react").ForwardRefExoticComponent<import(
|
|
|
14
14
|
export declare const NtdTestTube: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
15
15
|
export declare const NtdPetriDish: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
16
16
|
export declare const NtdMicroscope: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
17
|
-
export declare const NtdDna: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
18
17
|
export declare const NtdAtom: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
19
18
|
/** Radiation (☢): the trefoil — the dot secondary in duotone and vivid, the blades primary. */
|
|
20
19
|
export declare const NtdRadiation: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -38,7 +37,6 @@ export declare const scienceIcons: {
|
|
|
38
37
|
NtdTestTube: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
39
38
|
NtdPetriDish: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
40
39
|
NtdMicroscope: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
41
|
-
NtdDna: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
42
40
|
NtdAtom: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
43
41
|
NtdRadiation: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
44
42
|
NtdNuke: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
package/dist/types/icons/ui.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const NtdHome: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
2
2
|
export declare const NtdUser: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const NtdUserTie: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
4
4
|
export declare const NtdUsers: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
5
5
|
export declare const NtdHeart: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
6
6
|
/** @deprecated The same heart as {@link NtdHeart} (round 42: "duplikat NtdHeart") — use that. */
|
|
@@ -16,7 +16,12 @@ export declare const NtdSuccess: import("react").ForwardRefExoticComponent<impor
|
|
|
16
16
|
export declare const NtdHelp: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
17
17
|
export declare const NtdClock: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
18
18
|
export declare const NtdHourglass: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
19
|
+
/** A month calendar: a page with rings, a header band and a grid of date cells. */
|
|
19
20
|
export declare const NtdCalendar: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
21
|
+
/** A week calendar: the page with five day columns. */
|
|
22
|
+
export declare const NtdCalendarWeek: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
23
|
+
/** A day calendar: the page with hour rows. */
|
|
24
|
+
export declare const NtdCalendarDay: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
20
25
|
export declare const NtdTag: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
21
26
|
/** The backspace key: a key shape pointing left with a cross inside (delete the last character). */
|
|
22
27
|
export declare const NtdBackspace: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -47,9 +47,10 @@
|
|
|
47
47
|
* @module @nicetodev/icons
|
|
48
48
|
*/
|
|
49
49
|
import './animations.css';
|
|
50
|
-
export type { IconSize, IconVariant, IconAnimation, CutoutShape, GradientPreset, GradientType, GradientAnimation, SemanticColor, NtdIconProps, IconRenderProps, IconStackAlign, } from './types';
|
|
50
|
+
export type { IconSize, IconVariant, IconAnimation, CutoutShape, GradientPreset, GradientType, GradientAnimation, SemanticColor, NtdIconProps, IconRenderProps, IconStackAlign, IconStackSeriesAlign, } from './types';
|
|
51
51
|
export { SIZE_MAP, GRADIENT_PRESETS, SEMANTIC_COLOR_DEFAULTS, SEMANTIC_COLOR_VARS } from './types';
|
|
52
52
|
export { createIcon } from './createIcon';
|
|
53
|
+
export { stackedIcon } from './stackedIcon';
|
|
53
54
|
export { generateSmilAnimation, SmilAnimationWrapper as NiceSmilAnimationWrapper, SmilAnimationWrapper, createSmilAnimationDef, isSmilSupported, SMIL_ANIMATION_TYPES, } from './smilAnimations';
|
|
54
55
|
export type { SmilAnimationType, SmilAnimationConfig, SmilAnimationWrapperProps, } from './smilAnimations';
|
|
55
56
|
export { NiceIconPicker } from './NiceIconPicker';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type ComponentType, type ReactNode, type RefAttributes } from 'react';
|
|
2
|
+
import type { NtdIconProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* An icon defined as a stack of others (1.4.3, R43 "może warto zostawiać jako aliasy dla stacków?"):
|
|
5
|
+
* `stackedIcon('NtdCloudDownload', NtdCloud, <NtdArrowDown />)` is NtdCloud with an arrow at the
|
|
6
|
+
* spot the cloud keeps for stacked icons — exactly what the stacker builds, so a hand-made stack and
|
|
7
|
+
* the named icon look the same and stay the same when the base icon is redrawn. It takes every
|
|
8
|
+
* icon prop (variant, colours, size…), passes them to the base, and is itself an icon: it can be
|
|
9
|
+
* stacked into others and take children of its own (drawn after its layers).
|
|
10
|
+
*/
|
|
11
|
+
export declare function stackedIcon(displayName: string, base: ComponentType<NtdIconProps & RefAttributes<SVGSVGElement>>, layers: ReactNode): import("react").ForwardRefExoticComponent<NtdIconProps & RefAttributes<SVGSVGElement>>;
|