@cdx-ui/icons 0.0.1-beta.61 → 0.0.1-beta.63
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 +20 -1
- package/lib/commonjs/aliases/prefixed.js +3 -3
- package/lib/commonjs/aliases/suffixed.js +3 -3
- package/lib/commonjs/icons/index.js +3 -3
- package/lib/commonjs/icons/{whatsapp.js → whats_app.js} +2 -2
- package/lib/module/aliases/prefixed.js +1 -1
- package/lib/module/aliases/suffixed.js +1 -1
- package/lib/module/icons/index.js +1 -1
- package/lib/module/icons/{whatsapp.js → whats_app.js} +2 -2
- package/lib/typescript/aliases/prefixed.d.ts +1 -1
- package/lib/typescript/aliases/suffixed.d.ts +1 -1
- package/lib/typescript/icons/index.d.ts +1 -1
- package/lib/typescript/icons/{whatsapp.d.ts → whats_app.d.ts} +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -161,10 +161,29 @@ Place custom SVGs in `icons/custom/`. The generation script reads from both `ico
|
|
|
161
161
|
To convert a 24px brand/Figma export into the 960 grid, apply the affine transform
|
|
162
162
|
`x' = 40·x`, `y' = 40·y − 960` (uniform scale ×40, then translate y by −960) to the path data —
|
|
163
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/
|
|
164
|
+
`svgpath(d).scale(40).translate(0, -960).round(2).toString()`. See `icons/custom/whats_app.svg`
|
|
165
165
|
for a normalized reference. Note that icons render monochrome in `currentColor`; any source
|
|
166
166
|
`fill` is overridden by the `color` prop.
|
|
167
167
|
|
|
168
|
+
### Brand logos
|
|
169
|
+
|
|
170
|
+
Brand logos (WhatsApp, Google, GitHub, …) are named `Logo<Brand>` in the Figma Icon Library,
|
|
171
|
+
but are published **without** the prefix and with brand casing — e.g. Figma `LogoWhatsApp` →
|
|
172
|
+
export `WhatsApp`. Name the SVG with the de-prefixed, snake_cased filename so the generator
|
|
173
|
+
produces the right export:
|
|
174
|
+
|
|
175
|
+
| Figma component | SVG filename | Export |
|
|
176
|
+
| --------------- | ------------------ | ----------- |
|
|
177
|
+
| `LogoWhatsApp` | `whats_app.svg` | `WhatsApp` |
|
|
178
|
+
| `LogoYouTube` | `you_tube.svg` | `YouTube` |
|
|
179
|
+
| `LogoGitHub` | `git_hub.svg` | `GitHub` |
|
|
180
|
+
| `LogoLinkedIn` | `linked_in.svg` | `LinkedIn` |
|
|
181
|
+
|
|
182
|
+
The Code Connect batch script (`scripts/generate-icon-batch.ts`) strips the `Logo` prefix when
|
|
183
|
+
cross-referencing Figma components against local files, so the mapping resolves automatically.
|
|
184
|
+
Material Symbols that genuinely start with `Logo` (e.g. `logo_dev`) match by exact name first
|
|
185
|
+
and are unaffected.
|
|
186
|
+
|
|
168
187
|
## Development
|
|
169
188
|
|
|
170
189
|
### Downloading Material Symbols SVGs
|
|
@@ -22917,10 +22917,10 @@ Object.defineProperty(exports, "CdxWest", {
|
|
|
22917
22917
|
return _west.default;
|
|
22918
22918
|
}
|
|
22919
22919
|
});
|
|
22920
|
-
Object.defineProperty(exports, "
|
|
22920
|
+
Object.defineProperty(exports, "CdxWhatsApp", {
|
|
22921
22921
|
enumerable: true,
|
|
22922
22922
|
get: function () {
|
|
22923
|
-
return
|
|
22923
|
+
return _whats_app.default;
|
|
22924
22924
|
}
|
|
22925
22925
|
});
|
|
22926
22926
|
Object.defineProperty(exports, "CdxWhatshot", {
|
|
@@ -27159,7 +27159,7 @@ var _webhook = _interopRequireDefault(require("../icons/webhook"));
|
|
|
27159
27159
|
var _weekend = _interopRequireDefault(require("../icons/weekend"));
|
|
27160
27160
|
var _weight = _interopRequireDefault(require("../icons/weight"));
|
|
27161
27161
|
var _west = _interopRequireDefault(require("../icons/west"));
|
|
27162
|
-
var
|
|
27162
|
+
var _whats_app = _interopRequireDefault(require("../icons/whats_app"));
|
|
27163
27163
|
var _whatshot = _interopRequireDefault(require("../icons/whatshot"));
|
|
27164
27164
|
var _wheat = _interopRequireDefault(require("../icons/wheat"));
|
|
27165
27165
|
var _wheelchair_pickup = _interopRequireDefault(require("../icons/wheelchair_pickup"));
|
|
@@ -22515,10 +22515,10 @@ Object.defineProperty(exports, "WestIcon", {
|
|
|
22515
22515
|
return _west.default;
|
|
22516
22516
|
}
|
|
22517
22517
|
});
|
|
22518
|
-
Object.defineProperty(exports, "
|
|
22518
|
+
Object.defineProperty(exports, "WhatsAppIcon", {
|
|
22519
22519
|
enumerable: true,
|
|
22520
22520
|
get: function () {
|
|
22521
|
-
return
|
|
22521
|
+
return _whats_app.default;
|
|
22522
22522
|
}
|
|
22523
22523
|
});
|
|
22524
22524
|
Object.defineProperty(exports, "WhatshotIcon", {
|
|
@@ -27159,7 +27159,7 @@ var _webhook = _interopRequireDefault(require("../icons/webhook"));
|
|
|
27159
27159
|
var _weekend = _interopRequireDefault(require("../icons/weekend"));
|
|
27160
27160
|
var _weight = _interopRequireDefault(require("../icons/weight"));
|
|
27161
27161
|
var _west = _interopRequireDefault(require("../icons/west"));
|
|
27162
|
-
var
|
|
27162
|
+
var _whats_app = _interopRequireDefault(require("../icons/whats_app"));
|
|
27163
27163
|
var _whatshot = _interopRequireDefault(require("../icons/whatshot"));
|
|
27164
27164
|
var _wheat = _interopRequireDefault(require("../icons/wheat"));
|
|
27165
27165
|
var _wheelchair_pickup = _interopRequireDefault(require("../icons/wheelchair_pickup"));
|
|
@@ -22497,10 +22497,10 @@ Object.defineProperty(exports, "West", {
|
|
|
22497
22497
|
return _west.default;
|
|
22498
22498
|
}
|
|
22499
22499
|
});
|
|
22500
|
-
Object.defineProperty(exports, "
|
|
22500
|
+
Object.defineProperty(exports, "WhatsApp", {
|
|
22501
22501
|
enumerable: true,
|
|
22502
22502
|
get: function () {
|
|
22503
|
-
return
|
|
22503
|
+
return _whats_app.default;
|
|
22504
22504
|
}
|
|
22505
22505
|
});
|
|
22506
22506
|
Object.defineProperty(exports, "Whatshot", {
|
|
@@ -27141,7 +27141,7 @@ var _webhook = _interopRequireDefault(require("./webhook"));
|
|
|
27141
27141
|
var _weekend = _interopRequireDefault(require("./weekend"));
|
|
27142
27142
|
var _weight = _interopRequireDefault(require("./weight"));
|
|
27143
27143
|
var _west = _interopRequireDefault(require("./west"));
|
|
27144
|
-
var
|
|
27144
|
+
var _whats_app = _interopRequireDefault(require("./whats_app"));
|
|
27145
27145
|
var _whatshot = _interopRequireDefault(require("./whatshot"));
|
|
27146
27146
|
var _wheat = _interopRequireDefault(require("./wheat"));
|
|
27147
27147
|
var _wheelchair_pickup = _interopRequireDefault(require("./wheelchair_pickup"));
|
|
@@ -9,9 +9,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
9
9
|
/**
|
|
10
10
|
* @preview 
|
|
11
11
|
*/
|
|
12
|
-
const
|
|
12
|
+
const WhatsApp = (0, _createForgeIcon.default)('WhatsApp', {
|
|
13
13
|
outlined: [["path", {
|
|
14
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
15
|
}]]
|
|
16
16
|
});
|
|
17
|
-
var _default = exports.default =
|
|
17
|
+
var _default = exports.default = WhatsApp;
|
|
@@ -3816,7 +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
|
|
3819
|
+
export { default as CdxWhatsApp } from '../icons/whats_app';
|
|
3820
3820
|
export { default as CdxWhatshot } from '../icons/whatshot';
|
|
3821
3821
|
export { default as CdxWheat } from '../icons/wheat';
|
|
3822
3822
|
export { default as CdxWheelchairPickup } from '../icons/wheelchair_pickup';
|
|
@@ -3816,7 +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
|
|
3819
|
+
export { default as WhatsAppIcon } from '../icons/whats_app';
|
|
3820
3820
|
export { default as WhatshotIcon } from '../icons/whatshot';
|
|
3821
3821
|
export { default as WheatIcon } from '../icons/wheat';
|
|
3822
3822
|
export { default as WheelchairPickupIcon } from '../icons/wheelchair_pickup';
|
|
@@ -3816,7 +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
|
|
3819
|
+
export { default as WhatsApp } from './whats_app';
|
|
3820
3820
|
export { default as Whatshot } from './whatshot';
|
|
3821
3821
|
export { default as Wheat } from './wheat';
|
|
3822
3822
|
export { default as WheelchairPickup } from './wheelchair_pickup';
|
|
@@ -5,9 +5,9 @@ import createForgeIcon from '../createForgeIcon';
|
|
|
5
5
|
/**
|
|
6
6
|
* @preview 
|
|
7
7
|
*/
|
|
8
|
-
const
|
|
8
|
+
const WhatsApp = createForgeIcon('WhatsApp', {
|
|
9
9
|
outlined: [["path", {
|
|
10
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
11
|
}]]
|
|
12
12
|
});
|
|
13
|
-
export default
|
|
13
|
+
export default WhatsApp;
|
|
@@ -3814,7 +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
|
|
3817
|
+
export { default as CdxWhatsApp } from '../icons/whats_app';
|
|
3818
3818
|
export { default as CdxWhatshot } from '../icons/whatshot';
|
|
3819
3819
|
export { default as CdxWheat } from '../icons/wheat';
|
|
3820
3820
|
export { default as CdxWheelchairPickup } from '../icons/wheelchair_pickup';
|
|
@@ -3814,7 +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
|
|
3817
|
+
export { default as WhatsAppIcon } from '../icons/whats_app';
|
|
3818
3818
|
export { default as WhatshotIcon } from '../icons/whatshot';
|
|
3819
3819
|
export { default as WheatIcon } from '../icons/wheat';
|
|
3820
3820
|
export { default as WheelchairPickupIcon } from '../icons/wheelchair_pickup';
|
|
@@ -3814,7 +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
|
|
3817
|
+
export { default as WhatsApp } from './whats_app';
|
|
3818
3818
|
export { default as Whatshot } from './whatshot';
|
|
3819
3819
|
export { default as Wheat } from './wheat';
|
|
3820
3820
|
export { default as WheelchairPickup } from './wheelchair_pickup';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @preview 
|
|
3
3
|
*/
|
|
4
|
-
declare const
|
|
5
|
-
export default
|
|
6
|
-
//# sourceMappingURL=
|
|
4
|
+
declare const WhatsApp: import("..").ForgeIcon;
|
|
5
|
+
export default WhatsApp;
|
|
6
|
+
//# sourceMappingURL=whats_app.d.ts.map
|