feat: add Close icon with multiple sizes (16, 24, 32) and update index export

2026-05-15 19:07:08 +02:00
parent 18702da0b6
commit ed7bc3ab6b
6 changed files with 45 additions and 3 deletions
@@ -0,0 +1,27 @@
+---
+import close16  from './svgs/close-16.svg?raw';
+import close24  from './svgs/close-24.svg?raw';
+import close32  from './svgs/close-32.svg?raw';
+
+export interface Props {
+  size:        16 | 24 | 32;
+  label?:       string;
+  class?:       string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16 )  raw = close16;
+else if (size === 24 )  raw = close24;
+else if (size === 32 )  raw = close32;
+else                   raw = ''; // Fallback to a blank string if no match is found, though this should not happen due to the type constraints on size.
+
+
+const classes = ['nds-icon-close', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />