Merge pull request #9 from BeAPI/release/1.2.0

Release/1.2.0
BeAPI · Feb 6, 2024 · 4345ea1 · 4345ea1
2 parents 72d3ba5 + c5c98be
commit 4345ea1
Show file tree

Hide file tree

Showing 13 changed files with 3,074 additions and 1,967 deletions.
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.umd.cjs b/dist/index.umd.cjs
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>Be API Icons Library</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@beapi/icons",
   "description": "Be API Icons Library for block creation for WordPress editor.",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "type": "module",
   "repository": {
     "type": "git",
@@ -33,8 +33,8 @@
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@vitejs/plugin-react": "^2.1.0",
-    "@wordpress/eslint-plugin": "^13.3.0",
-    "eslint": "^8.24.0",
-    "vite": "^3.1.0"
+    "@wordpress/eslint-plugin": "^17.7.0",
+    "eslint": "^8.56.0",
+    "vite": "^5.0.12"
   }
 }
diff --git a/src/index.js b/src/index.js
@@ -2,12 +2,15 @@ export { default as Icon } from './icon';
 
 export { default as accordion } from './library/accordion';
 export { default as alignWide } from './library/align-wide';
+export { default as bubbleQuestion } from './library/bubble-question';
 export { default as bubbles } from './library/bubbles';
+export { default as item } from './library/item';
 export { default as keyFigure } from './library/key-figure';
 export { default as navigation } from './library/navigation';
 export { default as plus } from './library/plus';
 export { default as postList } from './library/post-list';
 export { default as postListAlt } from './library/post-list-alt';
+export { default as shape } from './library/shape';
 export { default as shapes } from './library/shapes';
 export { default as tabs } from './library/tabs';
 export { default as title } from './library/title';
diff --git a/src/library/accordion.js b/src/library/accordion.js
@@ -5,7 +5,7 @@ import { SVG, Path } from '@wordpress/primitives';
 
 const accordion = (
 	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-		<Path d="M 4 20 a 2 2 0 0 1 2 -2 h 12 a 2 2 0 0 1 2 2 H 4 Z m 5.75 -4.5 h -2 V 14 h 2 v 1.5 Z m 3.5 0 h -2 V 14 h 2 v 1.5 Z m 6.75 -2 c 0 1.1 -0.9 2 -2 2 V 14 c 0.3 0 0.5 -0.2 0.5 -0.5 H 20 Z m 0 -1.5 h -1.5 v -1.5 H 20 V 12 Z M 4 13.5 h 1.5 c 0 0.3 0.2 0.5 0.5 0.5 v 1.5 c -1.1 0 -2 -0.9 -2 -2 Z m 0 -3 h 1.5 V 12 H 4 v -1.5 Z m 12.75 5 h -2 V 14 h 2 v 1.5 Z M 4 7.5 h 1.5 V 9 H 4 V 7.5 Z M 20 9 h -1.5 V 7.5 H 20 V 9 Z M 4 6 a 2 2 0 0 1 2 -2 h 12 a 2 2 0 0 1 2 2 H 4 Z m 4 4 l 0.744 -1.302 l 3.128 1.787 l 3.128 -1.787 l 0.744 1.302 l -3.872 2.213 L 8 10 Z" />
+		<Path d="M4 20a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2H4Zm0 0a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2H4Zm0-4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2H4ZM4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2H4Zm5.75 6h-2v-1.5h2V12Zm3.5 0h-2v-1.5h2V12ZM20 10c0 1.1-.9 2-2 2v-1.5c.3 0 .5-.2.5-.5H20Zm0-1h-1.5V7H20v2ZM4 10h1.5c0 .3.2.5.5.5V12c-1.1 0-2-.9-2-2Zm0-3h1.5v2H4V7Zm12.75 5h-2v-1.5h2V12Z" />
 	</SVG>
 );
 

diff --git a/src/library/bubble-question.js b/src/library/bubble-question.js
@@ -0,0 +1,13 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+const bubbleQuestion = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+		<Path d="M 16.5 6 c 0 -0.6 -0.4 -1 -1 -1 H 6 c -0.6 0 -1 0.4 -1 1 v 8.4 c 0 0.3 0.2 0.7 0.6 0.8 c 0.4 0.1 0.7 0 0.9 -0.2 l 1.8 -1.8 H 11 v -1.5 H 8 l -1.2 1.2 V 6.5 H 15 V 9 h 1.5 V 6 Z M 15.75 11.5 a 1.5 1.5 0 0 1 0.167 2.99 c -0.465 0.052 -0.917 0.44 -0.917 1.01 v 1.25 h 1.5 v -0.845 A 3 3 0 1 0 12.75 13 h 1.5 a 1.5 1.5 0 0 1 1.5 -1.5 Z M 15 17.75 v 1.5 h 1.5 v -1.5 H 15 Z" />
+	</SVG>
+);
+
+export default bubbleQuestion;
+
diff --git a/src/library/item.js b/src/library/item.js
@@ -0,0 +1,13 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+const item = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+		<Path fill-rule="evenodd" clip-rule="evenodd" d="M6 7C6.55228 7 7 6.55228 7 6C7 5.44772 6.55228 5 6 5C5.44772 5 5 5.44772 5 6C5 6.55228 5.44772 7 6 7ZM9 5.2H19V6.7H9V5.2ZM10.5 10.5H18.5V13.5H10.5V10.5ZM9 9H10.5H18.5H20V10.5V13.5V15H18.5H10.5H9V13.5V10.5V9ZM19 17.25H9V18.75H19V17.25ZM6 14C7.10457 14 8 13.1046 8 12C8 10.8954 7.10457 10 6 10C4.89543 10 4 10.8954 4 12C4 13.1046 4.89543 14 6 14ZM7 18C7 18.5523 6.55228 19 6 19C5.44772 19 5 18.5523 5 18C5 17.4477 5.44772 17 6 17C6.55228 17 7 17.4477 7 18Z" />
+	</SVG>
+);
+
+export default item;
+
diff --git a/src/library/key-figure.js b/src/library/key-figure.js
diff --git a/src/library/shape.js b/src/library/shape.js
@@ -0,0 +1,12 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+const shape = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+		<Path d="M5 2.25C3.48122 2.25 2.25 3.48122 2.25 5V19C2.25 20.5188 3.48122 21.75 5 21.75H19C20.5188 21.75 21.75 20.5188 21.75 19V5C21.75 3.48122 20.5188 2.25 19 2.25H5ZM3.75 5C3.75 4.30964 4.30964 3.75 5 3.75H19C19.6904 3.75 20.25 4.30964 20.25 5V19C20.25 19.6904 19.6904 20.25 19 20.25H5C4.30964 20.25 3.75 19.6904 3.75 19V5ZM12.6512 6.62797L11.9999 5.48783L11.3487 6.62806L6.33355 15.4099L5.69282 16.5318H6.98483H17.0168H18.309L17.6681 15.4098L12.6512 6.62797ZM8.27682 15.0318L12.0001 8.51217L15.7246 15.0318H8.27682Z" />
+	</SVG>
+);
+
+export default shape;
diff --git a/src/main.js b/src/main.js
@@ -1,18 +1,21 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { Icon, accordion, alignWide, bubbles, keyFigure, navigation, plus, postList, postListAlt, shapes, tabs, title } from './index';
+import { Icon, accordion, alignWide, bubbleQuestion, bubbles, item, keyFigure, navigation, plus, postList, postListAlt, shape, shapes, tabs, title } from './index';
 import './index.css';
 
 ReactDOM.createRoot( document.getElementById( 'root' ) ).render(
 	<React.StrictMode>
 		<Icon icon={ accordion } size={ 64 } />
 		<Icon icon={ alignWide } size={ 64 } />
+		<Icon icon={ bubbleQuestion } size={ 64 } />
 		<Icon icon={ bubbles } size={ 64 } />
+		<Icon icon={ item } size={ 64 } />
 		<Icon icon={ keyFigure } size={ 64 } />
 		<Icon icon={ navigation } size={ 64 } />
 		<Icon icon={ plus } size={ 64 } />
 		<Icon icon={ postList } size={ 64 } />
 		<Icon icon={ postListAlt } size={ 64 } />
+		<Icon icon={ shape } size={ 64 } />
 		<Icon icon={ shapes } size={ 64 } />
 		<Icon icon={ tabs } size={ 64 } />
 		<Icon icon={ title } size={ 64 } />

diff --git a/vite.config.js b/vite.config.js
@@ -17,4 +17,11 @@ export default defineConfig( {
 			babelrc: true,
 		},
 	} ) ],
+	optimizeDeps: {
+		esbuildOptions: {
+			loader: {
+				'.js': 'jsx',
+			},
+		},
+	},
 } );