Adding icons for newly added styles

WordPress · Dec 31, 2024 · 1ac23e9 · 1ac23e9
1 parent a2fdde8
commit 1ac23e9
Show file tree

Hide file tree

Showing 7 changed files with 100 additions and 6 deletions.
diff --git a/packages/components/src/border-control/border-control-style-picker/component.tsx b/packages/components/src/border-control/border-control-style-picker/component.tsx
@@ -1,7 +1,16 @@
 /**
  * WordPress dependencies
  */
-import { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';
+import {
+	lineDashed,
+	lineDotted,
+	lineSolid,
+	lineDouble,
+	lineGroove,
+	lineRidge,
+	lineInset,
+	lineOutset,
+} from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 
 /**
@@ -18,11 +27,11 @@ const BORDER_STYLES = [
 	{ label: __( 'Solid' ), icon: lineSolid, value: 'solid' },
 	{ label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },
 	{ label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },
-	{ label: __( 'Double' ), icon: lineSolid, value: 'double' },
-	{ label: __( 'Groove' ), icon: lineSolid, value: 'groove' },
-	{ label: __( 'Ridge' ), icon: lineSolid, value: 'ridge' },
-	{ label: __( 'Inset' ), icon: lineSolid, value: 'inset' },
-	{ label: __( 'Outset' ), icon: lineSolid, value: 'outset' },
+	{ label: __( 'Double' ), icon: lineDouble, value: 'double' },
+	{ label: __( 'Groove' ), icon: lineGroove, value: 'groove' },
+	{ label: __( 'Ridge' ), icon: lineRidge, value: 'ridge' },
+	{ label: __( 'Inset' ), icon: lineInset, value: 'inset' },
+	{ label: __( 'Outset' ), icon: lineOutset, value: 'outset' },
 ];
 
 function UnconnectedBorderControlStylePicker(

diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
@@ -158,6 +158,11 @@ export { default as lifesaver } from './library/lifesaver';
 export { default as lineDashed } from './library/line-dashed';
 export { default as lineDotted } from './library/line-dotted';
 export { default as lineSolid } from './library/line-solid';
+export { default as lineDouble } from './library/line-double';
+export { default as lineGroove } from './library/line-groove';
+export { default as lineRidge } from './library/line-ridge';
+export { default as lineInset } from './library/line-inset';
+export { default as lineOutset } from './library/line-outset';
 export { default as link } from './library/link';
 export { default as linkOff } from './library/link-off';
 export { default as list } from './library/list';

diff --git a/packages/icons/src/library/line-double.js b/packages/icons/src/library/line-double.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineDouble = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zm0 3h16v1H4v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineDouble;
diff --git a/packages/icons/src/library/line-groove.js b/packages/icons/src/library/line-groove.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineGroove = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zM5 11h14v1H5v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineGroove;
diff --git a/packages/icons/src/library/line-inset.js b/packages/icons/src/library/line-inset.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineInset = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zM5 11h14v1H5v-1zM6 12h12v1H6v-1zM7 13h10v1H7v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineInset;
diff --git a/packages/icons/src/library/line-outset.js b/packages/icons/src/library/line-outset.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineOutset = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zM3 11h18v1H3v-1zM2 12h20v1H2v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineOutset;
diff --git a/packages/icons/src/library/line-ridge.js b/packages/icons/src/library/line-ridge.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineRidge = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zM5 11h14v1H5v-1zM6 12h12v1H6v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineRidge;