diff --git a/CHANGELOG.md b/CHANGELOG.md index 5f729ce..b102de3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,10 @@ +## [3.1.13-alpha] - unreleased + +This is an alpha version! The changes listed here are not final. + +### Changed +- Update example with ids for jsx-a11y/label-has-associated-control. + ## [3.1.12] - 2024-11-14 ### Changed - Update dependencies. @@ -172,6 +179,7 @@ - Build: Refactored (aligned build system with Gridicons). +[3.1.13-alpha]: https://github.com/Automattic/social-logos/compare/v3.1.12...v3.1.13-alpha [3.1.12]: https://github.com/Automattic/social-logos/compare/v3.1.11...v3.1.12 [3.1.11]: https://github.com/Automattic/social-logos/compare/v3.1.10...v3.1.11 [3.1.10]: https://github.com/Automattic/social-logos/compare/v3.1.9...v3.1.10 diff --git a/build/react/example.js b/build/react/example.js index d628e9e..93b54f1 100644 --- a/build/react/example.js +++ b/build/react/example.js @@ -38,6 +38,6 @@ function SocialLogosExample() { setShowIconNames(e.target.checked); }, [setShowIconNames]); const allSocialLogos = social_logo_data_1.SocialLogoData.map(logo => ((0, jsx_runtime_1.jsx)(SocialLogoItemExample, { name: logo.name, iconSize: iconSize, showIconNames: showIconNames }, 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" })) })] }))); + 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", htmlFor: "useSmallIcons" }, { children: [(0, jsx_runtime_1.jsx)("input", { id: "useSmallIcons", 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", htmlFor: "showIconNames" }, { children: [(0, jsx_runtime_1.jsx)("input", { id: "showIconNames", 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; diff --git a/package.json b/package.json index a0d3af8..04e274f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "social-logos", - "version": "3.1.12", + "version": "3.1.13-alpha", "description": "A repository of all the social logos used on WordPress.com.", "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/social-logos/", "bugs": {