@nice2dev/icons 1.4.13 → 1.4.14
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 +32 -0
- package/dist/cjs/icons/business.js +37 -32
- package/dist/cjs/icons/files.js +31 -2
- package/dist/cjs/icons/ui.js +6 -6
- package/dist/esm/icons/business.js +37 -32
- package/dist/esm/icons/files.js +31 -2
- package/dist/esm/icons/ui.js +6 -6
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @nice2dev/icons — Changelog
|
|
2
2
|
|
|
3
|
+
## 1.4.14
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 5d1e7d0: Dragging tree rows (deferred since 1.4.5, and OmniVerk wishlist #4 and #6):
|
|
8
|
+
|
|
9
|
+
- `NiceTreeGrid`: new `rowDraggable`, `canDrop` and `onRowDrop(dragKey, dropKey, position)`.
|
|
10
|
+
- The pointer picks the spot: the top quarter of a row drops before it, the bottom quarter
|
|
11
|
+
after it, the middle inside it. A line or a lit row shows where.
|
|
12
|
+
- A closed row held under a drag opens. A row never drops into its own branch.
|
|
13
|
+
- Ctrl+Shift+↑ / ↓ moves the focused row past a sibling, → into the row above it, ← out a
|
|
14
|
+
level. Screen readers hear each move.
|
|
15
|
+
- The grid does not move rows itself; update `data`.
|
|
16
|
+
- `NiceTreeView`: `onNodeDrop` reports the real position from the pointer instead of always
|
|
17
|
+
`'inside'`. It gains the drop mark, `canDrop`, the same keyboard moves, and `dataTransfer` data,
|
|
18
|
+
which Firefox needs to start a drag. A leaf takes drops beside it only.
|
|
19
|
+
- New exports from `@nice2dev/ui`: `useTreeRowDrop`, `treeDropPosition`, `treeKeyboardMove`,
|
|
20
|
+
`treeKeyboardTarget` and `NiceTreeDropPosition`.
|
|
21
|
+
- `NiceDevelopmentStudio`: tree rows can be dragged.
|
|
22
|
+
- Entries go into folders, groups of their own group, and sections, or next to another entry,
|
|
23
|
+
which reorders them.
|
|
24
|
+
- Folders go into folders of their group, to the group's top, or into sections, together with
|
|
25
|
+
what they hold.
|
|
26
|
+
- New layout helpers `orderStudioEntries`, `moveStudioFolder` and `isStudioFolderWithin`.
|
|
27
|
+
- `placeStudioEntry` ignores a folder of another group.
|
|
28
|
+
- Icons:
|
|
29
|
+
- `NtdAward` duotone and vivid are fills: a secondary outline round primary middles, and in vivid
|
|
30
|
+
an accent ribbon.
|
|
31
|
+
- `NtdWallet` has a wider, rounded back strip, and the wireframe no longer draws the hidden part.
|
|
32
|
+
- `NtdWalletOpen` has a steeper wedge.
|
|
33
|
+
- `NtdUsers`: the two people behind sit lower.
|
|
34
|
+
|
|
3
35
|
## 1.4.13
|
|
4
36
|
|
|
5
37
|
### Patch Changes
|
|
@@ -103,41 +103,44 @@ const NtdDollar = /* @__PURE__ */ createIcon.createIcon({
|
|
|
103
103
|
const WALLET_BODY = { x: 2, y: 6.5, width: 20, height: 14.5, rx: 2.5 };
|
|
104
104
|
const WALLET_POCKET = "M22 10.5h-4.5a2.5 2.5 0 000 5H22z";
|
|
105
105
|
const WALLET_POCKET_LINE = "M22 10.5h-4.5a2.5 2.5 0 000 5H22";
|
|
106
|
-
function walletIcon(displayName, back, backLine) {
|
|
106
|
+
function walletIcon(displayName, back, backLine, backSharp) {
|
|
107
107
|
return createIcon.createIcon({
|
|
108
108
|
displayName,
|
|
109
|
-
paths: walletPaths(back, backLine)
|
|
109
|
+
paths: walletPaths(back, backLine, backSharp)
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
|
-
function walletPaths(WALLET_BACK, WALLET_BACK_LINE) {
|
|
112
|
+
function walletPaths(WALLET_BACK, WALLET_BACK_LINE, WALLET_BACK_SHARP) {
|
|
113
113
|
return {
|
|
114
114
|
// the back pocket is primary like the body: an accent gap (the body's edge, clipped to the pocket)
|
|
115
115
|
// parts the two
|
|
116
|
-
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) =>
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
"
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
116
|
+
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid, variant }) => {
|
|
117
|
+
const back = variant === "sharp" ? WALLET_BACK_SHARP : WALLET_BACK;
|
|
118
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
119
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: back, fill: primaryColor }),
|
|
120
|
+
iconParts.within(
|
|
121
|
+
uid,
|
|
122
|
+
"back",
|
|
123
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: back }),
|
|
124
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
125
|
+
"rect",
|
|
126
|
+
{
|
|
127
|
+
...WALLET_BODY,
|
|
128
|
+
stroke: accentColor,
|
|
129
|
+
strokeWidth: strokeWidth * 0.9,
|
|
130
|
+
fill: "none"
|
|
131
|
+
}
|
|
132
|
+
)
|
|
133
|
+
),
|
|
134
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { ...WALLET_BODY, fill: primaryColor }),
|
|
135
|
+
iconParts.within(
|
|
136
|
+
uid,
|
|
137
|
+
"pocket",
|
|
138
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { ...WALLET_BODY }),
|
|
139
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: WALLET_POCKET, fill: accentColor, opacity: accentOpacity })
|
|
140
|
+
),
|
|
141
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })
|
|
142
|
+
] });
|
|
143
|
+
},
|
|
141
144
|
outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
142
145
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
143
146
|
"path",
|
|
@@ -180,13 +183,15 @@ function walletPaths(WALLET_BACK, WALLET_BACK_LINE) {
|
|
|
180
183
|
}
|
|
181
184
|
const NtdWallet = /* @__PURE__ */ walletIcon(
|
|
182
185
|
"NtdWallet",
|
|
183
|
-
"M4.5
|
|
184
|
-
"M4.5 6.
|
|
186
|
+
"M4.5 6.5V5.4a0.8 0.8 0 0 1 0.8-0.8h13.4a0.8 0.8 0 0 1 0.8 0.8V6.5Z",
|
|
187
|
+
"M4.5 6.5V5.4a0.8 0.8 0 0 1 0.8-0.8h13.4a0.8 0.8 0 0 1 0.8 0.8V6.5",
|
|
188
|
+
"M4.5 6.5V4.6h15V6.5Z"
|
|
185
189
|
);
|
|
186
190
|
const NtdWalletOpen = /* @__PURE__ */ walletIcon(
|
|
187
191
|
"NtdWalletOpen",
|
|
188
|
-
"M6
|
|
189
|
-
"M6 6.5V5.9L19
|
|
192
|
+
"M6 6.5V5.9L19 2.6a1 1 0 0 1 1.1 1V6.5Z",
|
|
193
|
+
"M6 6.5V5.9L19 2.6a1 1 0 0 1 1.1 1V6.5",
|
|
194
|
+
"M6 6.5V5.9L20.1 2.32V6.5Z"
|
|
190
195
|
);
|
|
191
196
|
const RECEIPT = "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z";
|
|
192
197
|
const RECEIPT_TEXT = "M7 7.5h6.5M16.4 7.5h2M7 11.5h6.5M16.4 11.5h2M14.4 15.5h4";
|
package/dist/cjs/icons/files.js
CHANGED
|
@@ -957,6 +957,35 @@ const NtdKey = /* @__PURE__ */ createIcon.createIcon({
|
|
|
957
957
|
});
|
|
958
958
|
const AWARD_RIBBON = "M8.21 13.89L7 23l5-3 5 3-1.21-9.12";
|
|
959
959
|
const AWARD_RIBBON_INNER = "M8.93 13.04L7.76 21.85L12 19.3L16.24 21.85L15.07 13.04M12 13.9V19.3";
|
|
960
|
+
const AWARD_RIBBON_INSIDE = "M8.93 13.04L7.76 21.85L12 19.3L16.24 21.85L15.07 13.04Z";
|
|
961
|
+
const AWARD_RIBBON_SPLIT = "M12 13.9V19.3";
|
|
962
|
+
function awardTwoTone({ primaryColor, secondaryColor, strokeWidth }, inside, insideOpacity, joined) {
|
|
963
|
+
const ribbonInside = /* @__PURE__ */ jsxRuntime.jsx("path", { d: AWARD_RIBBON_INSIDE, fill: inside, opacity: insideOpacity });
|
|
964
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
965
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
966
|
+
"path",
|
|
967
|
+
{
|
|
968
|
+
d: AWARD_RIBBON,
|
|
969
|
+
fill: secondaryColor,
|
|
970
|
+
stroke: secondaryColor,
|
|
971
|
+
strokeWidth
|
|
972
|
+
}
|
|
973
|
+
),
|
|
974
|
+
!joined && ribbonInside,
|
|
975
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "7", fill: secondaryColor }),
|
|
976
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "5.9", fill: primaryColor }),
|
|
977
|
+
joined && ribbonInside,
|
|
978
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
979
|
+
"path",
|
|
980
|
+
{
|
|
981
|
+
d: AWARD_RIBBON_SPLIT,
|
|
982
|
+
stroke: secondaryColor,
|
|
983
|
+
strokeWidth: strokeWidth * 0.6,
|
|
984
|
+
strokeLinecap: "butt"
|
|
985
|
+
}
|
|
986
|
+
)
|
|
987
|
+
] });
|
|
988
|
+
}
|
|
960
989
|
function awardInsets(color, opacity, width) {
|
|
961
990
|
return /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: color, strokeWidth: width, opacity, fill: "none", children: [
|
|
962
991
|
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "5.9" }),
|
|
@@ -990,8 +1019,8 @@ const NtdAward = /* @__PURE__ */ createIcon.createIcon({
|
|
|
990
1019
|
),
|
|
991
1020
|
awardInsets(primaryColor, 1, strokeWidth * 0.6)
|
|
992
1021
|
] }),
|
|
993
|
-
duotone: (p) =>
|
|
994
|
-
vivid: (p) =>
|
|
1022
|
+
duotone: (p) => awardTwoTone(p, p.primaryColor, 1, true),
|
|
1023
|
+
vivid: (p) => awardTwoTone(p, p.accentColor, p.accentOpacity, false)
|
|
995
1024
|
}
|
|
996
1025
|
});
|
|
997
1026
|
const CART_FRAME = "M2 3.5h2.3l3.3 12.9H19.3";
|
package/dist/cjs/icons/ui.js
CHANGED
|
@@ -139,15 +139,15 @@ const NtdUserTie = /* @__PURE__ */ createIcon.createIcon({
|
|
|
139
139
|
const USERS_FRONT_HEAD = { cx: 12, cy: 10.2, r: 3.75 };
|
|
140
140
|
const USERS_FRONT_BODY = "M18 21.5v-2.25a3.75 3.75 0 00-3.75-3.75h-4.5A3.75 3.75 0 006 19.25v2.25";
|
|
141
141
|
const USERS_BACK_HEADS = [
|
|
142
|
-
{ cx: 5, cy:
|
|
143
|
-
{ cx: 19, cy:
|
|
142
|
+
{ cx: 5, cy: 9.8, r: 2.6 },
|
|
143
|
+
{ cx: 19, cy: 9.8, r: 2.6 }
|
|
144
144
|
];
|
|
145
145
|
const USERS_BACK_BODIES = [
|
|
146
|
-
"M0.75
|
|
147
|
-
"M14.75
|
|
146
|
+
"M0.75 21.5v-4.6a3.4 3.4 0 013.4-3.4h1.7a3.4 3.4 0 013.4 3.4v4.6",
|
|
147
|
+
"M14.75 21.5v-4.6a3.4 3.4 0 013.4-3.4h1.7a3.4 3.4 0 013.4 3.4v4.6"
|
|
148
148
|
];
|
|
149
|
-
const USERS_BACK_TURNS = ["rotate(-15 5.15
|
|
150
|
-
const USERS_BACK_FLOOR = /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "24", height: "
|
|
149
|
+
const USERS_BACK_TURNS = ["rotate(-15 5.15 17)", "rotate(15 19.15 17)"];
|
|
150
|
+
const USERS_BACK_FLOOR = /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "24", height: "20.5" });
|
|
151
151
|
function usersBehind(uid, draw) {
|
|
152
152
|
return iconParts.within(
|
|
153
153
|
uid,
|
|
@@ -101,41 +101,44 @@ const NtdDollar = /* @__PURE__ */ createIcon({
|
|
|
101
101
|
const WALLET_BODY = { x: 2, y: 6.5, width: 20, height: 14.5, rx: 2.5 };
|
|
102
102
|
const WALLET_POCKET = "M22 10.5h-4.5a2.5 2.5 0 000 5H22z";
|
|
103
103
|
const WALLET_POCKET_LINE = "M22 10.5h-4.5a2.5 2.5 0 000 5H22";
|
|
104
|
-
function walletIcon(displayName, back, backLine) {
|
|
104
|
+
function walletIcon(displayName, back, backLine, backSharp) {
|
|
105
105
|
return createIcon({
|
|
106
106
|
displayName,
|
|
107
|
-
paths: walletPaths(back, backLine)
|
|
107
|
+
paths: walletPaths(back, backLine, backSharp)
|
|
108
108
|
});
|
|
109
109
|
}
|
|
110
|
-
function walletPaths(WALLET_BACK, WALLET_BACK_LINE) {
|
|
110
|
+
function walletPaths(WALLET_BACK, WALLET_BACK_LINE, WALLET_BACK_SHARP) {
|
|
111
111
|
return {
|
|
112
112
|
// the back pocket is primary like the body: an accent gap (the body's edge, clipped to the pocket)
|
|
113
113
|
// parts the two
|
|
114
|
-
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) =>
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
"
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
114
|
+
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid, variant }) => {
|
|
115
|
+
const back = variant === "sharp" ? WALLET_BACK_SHARP : WALLET_BACK;
|
|
116
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
117
|
+
/* @__PURE__ */ jsx("path", { d: back, fill: primaryColor }),
|
|
118
|
+
within(
|
|
119
|
+
uid,
|
|
120
|
+
"back",
|
|
121
|
+
/* @__PURE__ */ jsx("path", { d: back }),
|
|
122
|
+
/* @__PURE__ */ jsx(
|
|
123
|
+
"rect",
|
|
124
|
+
{
|
|
125
|
+
...WALLET_BODY,
|
|
126
|
+
stroke: accentColor,
|
|
127
|
+
strokeWidth: strokeWidth * 0.9,
|
|
128
|
+
fill: "none"
|
|
129
|
+
}
|
|
130
|
+
)
|
|
131
|
+
),
|
|
132
|
+
/* @__PURE__ */ jsx("rect", { ...WALLET_BODY, fill: primaryColor }),
|
|
133
|
+
within(
|
|
134
|
+
uid,
|
|
135
|
+
"pocket",
|
|
136
|
+
/* @__PURE__ */ jsx("rect", { ...WALLET_BODY }),
|
|
137
|
+
/* @__PURE__ */ jsx("path", { d: WALLET_POCKET, fill: accentColor, opacity: accentOpacity })
|
|
138
|
+
),
|
|
139
|
+
/* @__PURE__ */ jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })
|
|
140
|
+
] });
|
|
141
|
+
},
|
|
139
142
|
outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
140
143
|
/* @__PURE__ */ jsx(
|
|
141
144
|
"path",
|
|
@@ -178,13 +181,15 @@ function walletPaths(WALLET_BACK, WALLET_BACK_LINE) {
|
|
|
178
181
|
}
|
|
179
182
|
const NtdWallet = /* @__PURE__ */ walletIcon(
|
|
180
183
|
"NtdWallet",
|
|
181
|
-
"M4.5
|
|
182
|
-
"M4.5 6.
|
|
184
|
+
"M4.5 6.5V5.4a0.8 0.8 0 0 1 0.8-0.8h13.4a0.8 0.8 0 0 1 0.8 0.8V6.5Z",
|
|
185
|
+
"M4.5 6.5V5.4a0.8 0.8 0 0 1 0.8-0.8h13.4a0.8 0.8 0 0 1 0.8 0.8V6.5",
|
|
186
|
+
"M4.5 6.5V4.6h15V6.5Z"
|
|
183
187
|
);
|
|
184
188
|
const NtdWalletOpen = /* @__PURE__ */ walletIcon(
|
|
185
189
|
"NtdWalletOpen",
|
|
186
|
-
"M6
|
|
187
|
-
"M6 6.5V5.9L19
|
|
190
|
+
"M6 6.5V5.9L19 2.6a1 1 0 0 1 1.1 1V6.5Z",
|
|
191
|
+
"M6 6.5V5.9L19 2.6a1 1 0 0 1 1.1 1V6.5",
|
|
192
|
+
"M6 6.5V5.9L20.1 2.32V6.5Z"
|
|
188
193
|
);
|
|
189
194
|
const RECEIPT = "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z";
|
|
190
195
|
const RECEIPT_TEXT = "M7 7.5h6.5M16.4 7.5h2M7 11.5h6.5M16.4 11.5h2M14.4 15.5h4";
|
package/dist/esm/icons/files.js
CHANGED
|
@@ -955,6 +955,35 @@ const NtdKey = /* @__PURE__ */ createIcon({
|
|
|
955
955
|
});
|
|
956
956
|
const AWARD_RIBBON = "M8.21 13.89L7 23l5-3 5 3-1.21-9.12";
|
|
957
957
|
const AWARD_RIBBON_INNER = "M8.93 13.04L7.76 21.85L12 19.3L16.24 21.85L15.07 13.04M12 13.9V19.3";
|
|
958
|
+
const AWARD_RIBBON_INSIDE = "M8.93 13.04L7.76 21.85L12 19.3L16.24 21.85L15.07 13.04Z";
|
|
959
|
+
const AWARD_RIBBON_SPLIT = "M12 13.9V19.3";
|
|
960
|
+
function awardTwoTone({ primaryColor, secondaryColor, strokeWidth }, inside, insideOpacity, joined) {
|
|
961
|
+
const ribbonInside = /* @__PURE__ */ jsx("path", { d: AWARD_RIBBON_INSIDE, fill: inside, opacity: insideOpacity });
|
|
962
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
963
|
+
/* @__PURE__ */ jsx(
|
|
964
|
+
"path",
|
|
965
|
+
{
|
|
966
|
+
d: AWARD_RIBBON,
|
|
967
|
+
fill: secondaryColor,
|
|
968
|
+
stroke: secondaryColor,
|
|
969
|
+
strokeWidth
|
|
970
|
+
}
|
|
971
|
+
),
|
|
972
|
+
!joined && ribbonInside,
|
|
973
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "7", fill: secondaryColor }),
|
|
974
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "5.9", fill: primaryColor }),
|
|
975
|
+
joined && ribbonInside,
|
|
976
|
+
/* @__PURE__ */ jsx(
|
|
977
|
+
"path",
|
|
978
|
+
{
|
|
979
|
+
d: AWARD_RIBBON_SPLIT,
|
|
980
|
+
stroke: secondaryColor,
|
|
981
|
+
strokeWidth: strokeWidth * 0.6,
|
|
982
|
+
strokeLinecap: "butt"
|
|
983
|
+
}
|
|
984
|
+
)
|
|
985
|
+
] });
|
|
986
|
+
}
|
|
958
987
|
function awardInsets(color, opacity, width) {
|
|
959
988
|
return /* @__PURE__ */ jsxs("g", { stroke: color, strokeWidth: width, opacity, fill: "none", children: [
|
|
960
989
|
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "5.9" }),
|
|
@@ -988,8 +1017,8 @@ const NtdAward = /* @__PURE__ */ createIcon({
|
|
|
988
1017
|
),
|
|
989
1018
|
awardInsets(primaryColor, 1, strokeWidth * 0.6)
|
|
990
1019
|
] }),
|
|
991
|
-
duotone: (p) =>
|
|
992
|
-
vivid: (p) =>
|
|
1020
|
+
duotone: (p) => awardTwoTone(p, p.primaryColor, 1, true),
|
|
1021
|
+
vivid: (p) => awardTwoTone(p, p.accentColor, p.accentOpacity, false)
|
|
993
1022
|
}
|
|
994
1023
|
});
|
|
995
1024
|
const CART_FRAME = "M2 3.5h2.3l3.3 12.9H19.3";
|
package/dist/esm/icons/ui.js
CHANGED
|
@@ -137,15 +137,15 @@ const NtdUserTie = /* @__PURE__ */ createIcon({
|
|
|
137
137
|
const USERS_FRONT_HEAD = { cx: 12, cy: 10.2, r: 3.75 };
|
|
138
138
|
const USERS_FRONT_BODY = "M18 21.5v-2.25a3.75 3.75 0 00-3.75-3.75h-4.5A3.75 3.75 0 006 19.25v2.25";
|
|
139
139
|
const USERS_BACK_HEADS = [
|
|
140
|
-
{ cx: 5, cy:
|
|
141
|
-
{ cx: 19, cy:
|
|
140
|
+
{ cx: 5, cy: 9.8, r: 2.6 },
|
|
141
|
+
{ cx: 19, cy: 9.8, r: 2.6 }
|
|
142
142
|
];
|
|
143
143
|
const USERS_BACK_BODIES = [
|
|
144
|
-
"M0.75
|
|
145
|
-
"M14.75
|
|
144
|
+
"M0.75 21.5v-4.6a3.4 3.4 0 013.4-3.4h1.7a3.4 3.4 0 013.4 3.4v4.6",
|
|
145
|
+
"M14.75 21.5v-4.6a3.4 3.4 0 013.4-3.4h1.7a3.4 3.4 0 013.4 3.4v4.6"
|
|
146
146
|
];
|
|
147
|
-
const USERS_BACK_TURNS = ["rotate(-15 5.15
|
|
148
|
-
const USERS_BACK_FLOOR = /* @__PURE__ */ jsx("rect", { width: "24", height: "
|
|
147
|
+
const USERS_BACK_TURNS = ["rotate(-15 5.15 17)", "rotate(15 19.15 17)"];
|
|
148
|
+
const USERS_BACK_FLOOR = /* @__PURE__ */ jsx("rect", { width: "24", height: "20.5" });
|
|
149
149
|
function usersBehind(uid, draw) {
|
|
150
150
|
return within(
|
|
151
151
|
uid,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice2dev/icons",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.14",
|
|
4
4
|
"description": "Beautiful, lightweight, multi-color SVG icon library for React with animations",
|
|
5
5
|
"author": "NiceToDev <contact@nicetodev.com>",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
},
|
|
110
110
|
"devDependencies": {
|
|
111
111
|
"@chromatic-com/storybook": "^5.3.1",
|
|
112
|
-
"@nice2dev/ui-core": "^1.4.
|
|
112
|
+
"@nice2dev/ui-core": "^1.4.14",
|
|
113
113
|
"@storybook/addon-a11y": "^10.6.6",
|
|
114
114
|
"@storybook/addon-docs": "^10.6.6",
|
|
115
115
|
"@storybook/react-vite": "^10.6.6",
|