@cdx-ui/icons 0.0.1-beta.57 → 0.0.1-beta.59
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/README.md +15 -1
- package/lib/commonjs/aliases/prefixed.js +7 -0
- package/lib/commonjs/aliases/suffixed.js +7 -0
- package/lib/commonjs/icons/index.js +7 -0
- package/lib/commonjs/icons/whatsapp.js +17 -0
- package/lib/module/aliases/prefixed.js +1 -0
- package/lib/module/aliases/suffixed.js +1 -0
- package/lib/module/icons/index.js +1 -0
- package/lib/module/icons/whatsapp.js +13 -0
- package/lib/typescript/aliases/prefixed.d.ts +1 -0
- package/lib/typescript/aliases/suffixed.d.ts +1 -0
- package/lib/typescript/icons/index.d.ts +1 -0
- package/lib/typescript/icons/whatsapp.d.ts +6 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -149,7 +149,21 @@ Place custom SVGs in `icons/custom/`. The generation script reads from both `ico
|
|
|
149
149
|
|
|
150
150
|
- Use `{name}.svg` for the outlined variant
|
|
151
151
|
- Optionally add `{name}-fill.svg` for a filled variant
|
|
152
|
-
-
|
|
152
|
+
- **Author the path in the `0 -960 960 960` coordinate space.** `createForgeIcon` forces
|
|
153
|
+
`viewBox="0 -960 960 960"` on every icon, and the generator keeps only the root's child
|
|
154
|
+
elements — it discards each SVG's own `viewBox`/`width`/`height`. A standard 24px export
|
|
155
|
+
(path coordinates in `0..24`) is **not** compatible: it renders as a tiny speck outside the
|
|
156
|
+
viewBox (effectively invisible).
|
|
157
|
+
- **Drawable elements must be direct children of `<svg>`.** The parser is one level deep, so a
|
|
158
|
+
`<path>` nested inside a `<g>` is dropped. Flatten any group (and bake its transform into the
|
|
159
|
+
path `d`) before committing.
|
|
160
|
+
|
|
161
|
+
To convert a 24px brand/Figma export into the 960 grid, apply the affine transform
|
|
162
|
+
`x' = 40·x`, `y' = 40·y − 960` (uniform scale ×40, then translate y by −960) to the path data —
|
|
163
|
+
e.g. with [`svgpath`](https://www.npmjs.com/package/svgpath):
|
|
164
|
+
`svgpath(d).scale(40).translate(0, -960).round(2).toString()`. See `icons/custom/whatsapp.svg`
|
|
165
|
+
for a normalized reference. Note that icons render monochrome in `currentColor`; any source
|
|
166
|
+
`fill` is overridden by the `color` prop.
|
|
153
167
|
|
|
154
168
|
## Development
|
|
155
169
|
|
|
@@ -22917,6 +22917,12 @@ Object.defineProperty(exports, "CdxWest", {
|
|
|
22917
22917
|
return _west.default;
|
|
22918
22918
|
}
|
|
22919
22919
|
});
|
|
22920
|
+
Object.defineProperty(exports, "CdxWhatsapp", {
|
|
22921
|
+
enumerable: true,
|
|
22922
|
+
get: function () {
|
|
22923
|
+
return _whatsapp.default;
|
|
22924
|
+
}
|
|
22925
|
+
});
|
|
22920
22926
|
Object.defineProperty(exports, "CdxWhatshot", {
|
|
22921
22927
|
enumerable: true,
|
|
22922
22928
|
get: function () {
|
|
@@ -27153,6 +27159,7 @@ var _webhook = _interopRequireDefault(require("../icons/webhook"));
|
|
|
27153
27159
|
var _weekend = _interopRequireDefault(require("../icons/weekend"));
|
|
27154
27160
|
var _weight = _interopRequireDefault(require("../icons/weight"));
|
|
27155
27161
|
var _west = _interopRequireDefault(require("../icons/west"));
|
|
27162
|
+
var _whatsapp = _interopRequireDefault(require("../icons/whatsapp"));
|
|
27156
27163
|
var _whatshot = _interopRequireDefault(require("../icons/whatshot"));
|
|
27157
27164
|
var _wheat = _interopRequireDefault(require("../icons/wheat"));
|
|
27158
27165
|
var _wheelchair_pickup = _interopRequireDefault(require("../icons/wheelchair_pickup"));
|
|
@@ -22515,6 +22515,12 @@ Object.defineProperty(exports, "WestIcon", {
|
|
|
22515
22515
|
return _west.default;
|
|
22516
22516
|
}
|
|
22517
22517
|
});
|
|
22518
|
+
Object.defineProperty(exports, "WhatsappIcon", {
|
|
22519
|
+
enumerable: true,
|
|
22520
|
+
get: function () {
|
|
22521
|
+
return _whatsapp.default;
|
|
22522
|
+
}
|
|
22523
|
+
});
|
|
22518
22524
|
Object.defineProperty(exports, "WhatshotIcon", {
|
|
22519
22525
|
enumerable: true,
|
|
22520
22526
|
get: function () {
|
|
@@ -27153,6 +27159,7 @@ var _webhook = _interopRequireDefault(require("../icons/webhook"));
|
|
|
27153
27159
|
var _weekend = _interopRequireDefault(require("../icons/weekend"));
|
|
27154
27160
|
var _weight = _interopRequireDefault(require("../icons/weight"));
|
|
27155
27161
|
var _west = _interopRequireDefault(require("../icons/west"));
|
|
27162
|
+
var _whatsapp = _interopRequireDefault(require("../icons/whatsapp"));
|
|
27156
27163
|
var _whatshot = _interopRequireDefault(require("../icons/whatshot"));
|
|
27157
27164
|
var _wheat = _interopRequireDefault(require("../icons/wheat"));
|
|
27158
27165
|
var _wheelchair_pickup = _interopRequireDefault(require("../icons/wheelchair_pickup"));
|
|
@@ -22497,6 +22497,12 @@ Object.defineProperty(exports, "West", {
|
|
|
22497
22497
|
return _west.default;
|
|
22498
22498
|
}
|
|
22499
22499
|
});
|
|
22500
|
+
Object.defineProperty(exports, "Whatsapp", {
|
|
22501
|
+
enumerable: true,
|
|
22502
|
+
get: function () {
|
|
22503
|
+
return _whatsapp.default;
|
|
22504
|
+
}
|
|
22505
|
+
});
|
|
22500
22506
|
Object.defineProperty(exports, "Whatshot", {
|
|
22501
22507
|
enumerable: true,
|
|
22502
22508
|
get: function () {
|
|
@@ -27135,6 +27141,7 @@ var _webhook = _interopRequireDefault(require("./webhook"));
|
|
|
27135
27141
|
var _weekend = _interopRequireDefault(require("./weekend"));
|
|
27136
27142
|
var _weight = _interopRequireDefault(require("./weight"));
|
|
27137
27143
|
var _west = _interopRequireDefault(require("./west"));
|
|
27144
|
+
var _whatsapp = _interopRequireDefault(require("./whatsapp"));
|
|
27138
27145
|
var _whatshot = _interopRequireDefault(require("./whatshot"));
|
|
27139
27146
|
var _wheat = _interopRequireDefault(require("./wheat"));
|
|
27140
27147
|
var _wheelchair_pickup = _interopRequireDefault(require("./wheelchair_pickup"));
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _createForgeIcon = _interopRequireDefault(require("../createForgeIcon"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
/**
|
|
10
|
+
* @preview 
|
|
11
|
+
*/
|
|
12
|
+
const Whatsapp = (0, _createForgeIcon.default)('Whatsapp', {
|
|
13
|
+
outlined: [["path", {
|
|
14
|
+
"d": "M670 -401.6C680 -396.4 686.4 -393.6 688.4 -389.6C690.8 -385.2 690 -365.2 680 -342.4C672 -320 630.4 -298.4 612 -297.6C593.6 -296.8 593.2 -283.2 493.6 -326.8C394 -370.4 334 -476.8 329.2 -483.6C324.4 -490.4 290.8 -538.8 292.4 -588C294.4 -636.8 320 -660 330.4 -669.6C340 -680 350.8 -681.2 357.6 -680H376.4C382.4 -680 390.8 -682.4 398.4 -662L426 -587.2C428.4 -582 430 -576 426.4 -569.6L415.6 -553.2L400 -536.4C395.2 -531.6 389.6 -526.4 395.2 -516.4C400 -506 420 -472.8 448 -445.2C484.4 -410 516.4 -398.4 526 -393.2C535.6 -387.6 541.6 -388.4 547.6 -394.8L580 -432.4C587.6 -442.4 594 -440 603.2 -436.8L670 -401.6ZM480 -880C532.53 -880 584.54 -869.65 633.07 -849.55C681.6 -829.45 725.7 -799.99 762.84 -762.84C799.99 -725.7 829.45 -681.6 849.55 -633.07C869.65 -584.54 880 -532.53 880 -480C880 -373.91 837.86 -272.17 762.84 -197.16C687.83 -122.14 586.09 -80 480 -80C401.2 -80 328 -102.8 266 -142L80 -80L142 -266C101.42 -329.99 79.91 -404.22 80 -480C80 -586.09 122.14 -687.83 197.16 -762.84C272.17 -837.86 373.91 -880 480 -880ZM480 -800C395.13 -800 313.74 -766.29 253.73 -706.27C193.71 -646.26 160 -564.87 160 -480C160 -411.2 181.6 -347.6 218.4 -295.6L180 -180L295.6 -218.4C349.51 -180.26 413.96 -159.85 480 -160C564.87 -160 646.26 -193.72 706.28 -253.72C766.29 -313.74 800 -395.13 800 -480C800 -564.87 766.29 -646.26 706.28 -706.27C646.26 -766.29 564.87 -800 480 -800Z"
|
|
15
|
+
}]]
|
|
16
|
+
});
|
|
17
|
+
var _default = exports.default = Whatsapp;
|
|
@@ -3816,6 +3816,7 @@ export { default as CdxWebhook } from '../icons/webhook';
|
|
|
3816
3816
|
export { default as CdxWeekend } from '../icons/weekend';
|
|
3817
3817
|
export { default as CdxWeight } from '../icons/weight';
|
|
3818
3818
|
export { default as CdxWest } from '../icons/west';
|
|
3819
|
+
export { default as CdxWhatsapp } from '../icons/whatsapp';
|
|
3819
3820
|
export { default as CdxWhatshot } from '../icons/whatshot';
|
|
3820
3821
|
export { default as CdxWheat } from '../icons/wheat';
|
|
3821
3822
|
export { default as CdxWheelchairPickup } from '../icons/wheelchair_pickup';
|
|
@@ -3816,6 +3816,7 @@ export { default as WebhookIcon } from '../icons/webhook';
|
|
|
3816
3816
|
export { default as WeekendIcon } from '../icons/weekend';
|
|
3817
3817
|
export { default as WeightIcon } from '../icons/weight';
|
|
3818
3818
|
export { default as WestIcon } from '../icons/west';
|
|
3819
|
+
export { default as WhatsappIcon } from '../icons/whatsapp';
|
|
3819
3820
|
export { default as WhatshotIcon } from '../icons/whatshot';
|
|
3820
3821
|
export { default as WheatIcon } from '../icons/wheat';
|
|
3821
3822
|
export { default as WheelchairPickupIcon } from '../icons/wheelchair_pickup';
|
|
@@ -3816,6 +3816,7 @@ export { default as Webhook } from './webhook';
|
|
|
3816
3816
|
export { default as Weekend } from './weekend';
|
|
3817
3817
|
export { default as Weight } from './weight';
|
|
3818
3818
|
export { default as West } from './west';
|
|
3819
|
+
export { default as Whatsapp } from './whatsapp';
|
|
3819
3820
|
export { default as Whatshot } from './whatshot';
|
|
3820
3821
|
export { default as Wheat } from './wheat';
|
|
3821
3822
|
export { default as WheelchairPickup } from './wheelchair_pickup';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import createForgeIcon from '../createForgeIcon';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* @preview 
|
|
7
|
+
*/
|
|
8
|
+
const Whatsapp = createForgeIcon('Whatsapp', {
|
|
9
|
+
outlined: [["path", {
|
|
10
|
+
"d": "M670 -401.6C680 -396.4 686.4 -393.6 688.4 -389.6C690.8 -385.2 690 -365.2 680 -342.4C672 -320 630.4 -298.4 612 -297.6C593.6 -296.8 593.2 -283.2 493.6 -326.8C394 -370.4 334 -476.8 329.2 -483.6C324.4 -490.4 290.8 -538.8 292.4 -588C294.4 -636.8 320 -660 330.4 -669.6C340 -680 350.8 -681.2 357.6 -680H376.4C382.4 -680 390.8 -682.4 398.4 -662L426 -587.2C428.4 -582 430 -576 426.4 -569.6L415.6 -553.2L400 -536.4C395.2 -531.6 389.6 -526.4 395.2 -516.4C400 -506 420 -472.8 448 -445.2C484.4 -410 516.4 -398.4 526 -393.2C535.6 -387.6 541.6 -388.4 547.6 -394.8L580 -432.4C587.6 -442.4 594 -440 603.2 -436.8L670 -401.6ZM480 -880C532.53 -880 584.54 -869.65 633.07 -849.55C681.6 -829.45 725.7 -799.99 762.84 -762.84C799.99 -725.7 829.45 -681.6 849.55 -633.07C869.65 -584.54 880 -532.53 880 -480C880 -373.91 837.86 -272.17 762.84 -197.16C687.83 -122.14 586.09 -80 480 -80C401.2 -80 328 -102.8 266 -142L80 -80L142 -266C101.42 -329.99 79.91 -404.22 80 -480C80 -586.09 122.14 -687.83 197.16 -762.84C272.17 -837.86 373.91 -880 480 -880ZM480 -800C395.13 -800 313.74 -766.29 253.73 -706.27C193.71 -646.26 160 -564.87 160 -480C160 -411.2 181.6 -347.6 218.4 -295.6L180 -180L295.6 -218.4C349.51 -180.26 413.96 -159.85 480 -160C564.87 -160 646.26 -193.72 706.28 -253.72C766.29 -313.74 800 -395.13 800 -480C800 -564.87 766.29 -646.26 706.28 -706.27C646.26 -766.29 564.87 -800 480 -800Z"
|
|
11
|
+
}]]
|
|
12
|
+
});
|
|
13
|
+
export default Whatsapp;
|
|
@@ -3814,6 +3814,7 @@ export { default as CdxWebhook } from '../icons/webhook';
|
|
|
3814
3814
|
export { default as CdxWeekend } from '../icons/weekend';
|
|
3815
3815
|
export { default as CdxWeight } from '../icons/weight';
|
|
3816
3816
|
export { default as CdxWest } from '../icons/west';
|
|
3817
|
+
export { default as CdxWhatsapp } from '../icons/whatsapp';
|
|
3817
3818
|
export { default as CdxWhatshot } from '../icons/whatshot';
|
|
3818
3819
|
export { default as CdxWheat } from '../icons/wheat';
|
|
3819
3820
|
export { default as CdxWheelchairPickup } from '../icons/wheelchair_pickup';
|
|
@@ -3814,6 +3814,7 @@ export { default as WebhookIcon } from '../icons/webhook';
|
|
|
3814
3814
|
export { default as WeekendIcon } from '../icons/weekend';
|
|
3815
3815
|
export { default as WeightIcon } from '../icons/weight';
|
|
3816
3816
|
export { default as WestIcon } from '../icons/west';
|
|
3817
|
+
export { default as WhatsappIcon } from '../icons/whatsapp';
|
|
3817
3818
|
export { default as WhatshotIcon } from '../icons/whatshot';
|
|
3818
3819
|
export { default as WheatIcon } from '../icons/wheat';
|
|
3819
3820
|
export { default as WheelchairPickupIcon } from '../icons/wheelchair_pickup';
|
|
@@ -3814,6 +3814,7 @@ export { default as Webhook } from './webhook';
|
|
|
3814
3814
|
export { default as Weekend } from './weekend';
|
|
3815
3815
|
export { default as Weight } from './weight';
|
|
3816
3816
|
export { default as West } from './west';
|
|
3817
|
+
export { default as Whatsapp } from './whatsapp';
|
|
3817
3818
|
export { default as Whatshot } from './whatshot';
|
|
3818
3819
|
export { default as Wheat } from './wheat';
|
|
3819
3820
|
export { default as WheelchairPickup } from './wheelchair_pickup';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @preview 
|
|
3
|
+
*/
|
|
4
|
+
declare const Whatsapp: import("..").ForgeIcon;
|
|
5
|
+
export default Whatsapp;
|
|
6
|
+
//# sourceMappingURL=whatsapp.d.ts.map
|