social-logos 3.0.0 → 3.0.2

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [3.0.2] - 2024-06-05
+### Changed
+- Updated package dependencies. [#37706]
+
+## [3.0.1] - 2024-05-27
+### Added
+- Added TypeScript support. [#37528]
+
 ## [3.0.0] - 2024-05-23
 ### Added
 - CSS file with encoded inline font is now automatically generated. [#36964]
@@ -21,61 +29,79 @@
 - Example files are rewritten. [#36964]
 
 ## 2.5.9 - 2024-03-05
+
 - New icon: `sms`
 
 ## 2.5.8 - 2023-12-20
+
 - New icon: `bluesky`
 
 ## 2.5.7 - 2023-12-11
+
 - Updated icon: `patreon`
 
 ## 2.5.6 - 2023-10-13
+
 - Updated icon: `x`
 - Removed unnecessary aria label attributes from Threads and X SVGs.
 
 ## 2.5.5 - 2023-09-15
+
 - New icon: `x`
 
 ## 2.5.4 - 2023-07-10
+
 - New icon: `threads`
 
 ## 2.5.3 - 2023-06-15
+
 - New icon: `fediverse`
 - New icon: `nextdoor`
 - Updated dev dependencies and build tools.
 - Updated icon font.
 
 ## 2.5.2 - 2023-02-01
+
 - New icon: `mastadon`
 
 ## 2.5.1 - 2023-01-13
+
 - React 18 support.
 
 ## 2.5.0 - 2022-02-01
+
 - Added copy post url button.
 
 ## 2.4.0 - 2021-09-01
+
 - Updated icon: `medium`
 - Updated icon: `facebook`
 - React 17 support.
 - Update dev dependencies and build tools.
 
 ## 2.3.0 - 2021-01-27
+
 - New icon: `medium-alt`
 - New icon: `tiktok`
 - New icon: `tiktok-alt`
 - Updated icon: `medium`
 
 ## 2.2.0 - 2021-01-19
+
 - New icon: `patreon`
 
 ## 2.1.2 - 2020-03-12
+
 - Built the package with updated dependencies.
 
 ## 2.1.1 - 2020-03-10
+
 - Build: Fixed bug where React component would render no icon at all (despite properly passed properties).
 
 ## 2.1.0 - 2018-01-31
+
 - Build: Refactored (aligned build system with Gridicons).
 
+[3.0.2]: https://github.com/Automattic/social-logos/compare/v3.0.1...v3.0.2
+[3.0.1]: https://github.com/Automattic/social-logos/compare/v3.0.0...v3.0.1
 [3.0.0]: https://github.com/Automattic/social-logos/compare/v2.5.9...v3.0.0

package/build/react/example.d.ts

@@ -0,0 +1,8 @@
+import './example.css';
+/**
+ * An example React component that displays all the social logos.
+ *
+ * @returns {React.Component} The `SocialLogosExample` component.
+ */
+declare function SocialLogosExample(): import("react/jsx-runtime").JSX.Element;
+export default SocialLogosExample;

package/build/react/example.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const social_logo_1 = require("./social-logo");
+const social_logo_data_1 = require("./social-logo-data");
+require("./example.css");
+/**
+ * An example React component that displays all the social logos.
+ *
+ * @returns {React.Component} The `SocialLogosExample` component.
+ */
+function SocialLogosExample() {
+    const [useSmallIcons, setUseSmallIcons] = (0, react_1.useState)(false);
+    const [showIconNames, setShowIconNames] = (0, react_1.useState)(true);
+    const iconSize = useSmallIcons ? 24 : 48;
+    const handleClick = name => {
+        const code = `<SocialLogo icon="${name}" size="${iconSize}" />`;
+        window.prompt('Copy component code:', code);
+    };
+    const handleSmallIconsToggle = e => {
+        setUseSmallIcons(e.target.checked);
+    };
+    const handleIconNamesToggle = e => {
+        setShowIconNames(e.target.checked);
+    };
+    const allSocialLogos = social_logo_data_1.SocialLogoData.map(logo => {
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(social_logo_1.SocialLogo, { icon: logo.name, size: iconSize, onClick: handleClick.bind(this, logo.name) }), showIconNames && (0, jsx_runtime_1.jsx)("p", { children: logo.name })] }, logo.name));
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "social-logos-example" }, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Social Logos" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "display-control-group" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "display-control" }, { children: [(0, jsx_runtime_1.jsx)("h4", { children: "Small icons" }), (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "switch" }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", onChange: handleSmallIconsToggle, checked: useSmallIcons }), (0, jsx_runtime_1.jsx)("span", { className: "handle" })] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "display-control" }, { children: [(0, jsx_runtime_1.jsx)("h4", { children: "Icon names" }), (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "switch" }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", onChange: handleIconNamesToggle, checked: showIconNames }), (0, jsx_runtime_1.jsx)("span", { className: "handle" }), (0, jsx_runtime_1.jsx)("span", { className: "switch-label", "data-on": "On", "data-off": "Off" })] }))] }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icons" }, { children: allSocialLogos })), (0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "https://github.com/Automattic/social-logos" }, { children: "GitHub" })) })] })));
+}
+exports.default = SocialLogosExample;

package/build/react/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Export components.
+ */
+export * from './social-logo';
+export { SocialLogo as default } from './social-logo';
+export { SocialLogoData } from './social-logo-data';

package/build/react/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocialLogoData = exports.default = void 0;
+/**
+ * Export components.
+ */
+__exportStar(require("./social-logo"), exports);
+var social_logo_1 = require("./social-logo");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return social_logo_1.SocialLogo; } });
+var social_logo_data_1 = require("./social-logo-data");
+Object.defineProperty(exports, "SocialLogoData", { enumerable: true, get: function () { return social_logo_data_1.SocialLogoData; } });

package/build/react/social-logo-data.d.ts

@@ -0,0 +1,188 @@
+/** This is a generated file. Do not edit. */
+export declare const SocialLogoData: readonly [{
+    readonly name: "amazon";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "behance";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "blogger";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "blogger-alt";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "bluesky";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "codepen";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "dribbble";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "dropbox";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "eventbrite";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "facebook";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "fediverse";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "feed";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "flickr";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "foursquare";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "ghost";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "github";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "google";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "google-alt";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "google-plus";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "google-plus-alt";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "instagram";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "json-feed";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "link";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "linkedin";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "mail";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "mastodon";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "medium";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "medium-alt";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "microblog";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "nextdoor";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "patreon";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "pinterest";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "pinterest-alt";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "pocket";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "polldaddy";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "print";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "reddit";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "share";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "skype";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "sms";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "spotify";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "squarespace";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "stackexchange";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "stackoverflow";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "stumbleupon";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "telegram";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "threads";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "tiktok";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "tiktok-alt";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "tripadvisor";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "tumblr";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "tumblr-alt";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "twitch";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "twitter";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "twitter-alt";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "vimeo";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "whatsapp";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "woocommerce";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "wordpress";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "x";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "xanga";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly name: "youtube";
+    readonly svg: import("react/jsx-runtime").JSX.Element;
+}];