@mmg-dev/webpipeline-icons-astro 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/IconPlaceholderIcon.astro +30 -0
  3. package/src/components/index.ts +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mmg-dev/webpipeline-icons-astro",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "Webpipeline Icons — Astro components",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/src/components/IconPlaceholderIcon.astro ADDED
@@ -0,0 +1,30 @@
1
+ ---
2
+ interface Props {
3
+ size?: number;
4
+ width?: number;
5
+ height?: number;
6
+ title?: string;
7
+ class?: string;
8
+ 'aria-label'?: string;
9
+ [key: string]: unknown;
10
+ }
11
+
12
+ const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
13
+ const hasLabel = !!title || !!ariaLabel;
14
+ ---
15
+
16
+ <svg
17
+ xmlns="http://www.w3.org/2000/svg"
18
+ fill="currentColor"
19
+ width={width ?? size}
20
+ height={height ?? size}
21
+ viewBox="0 0 24 24"
22
+ aria-hidden={hasLabel ? undefined : true}
23
+ aria-label={ariaLabel}
24
+ role={hasLabel ? 'img' : undefined}
25
+ class:list={['icon-placeholder-icon', className]}
26
+ {...props}
27
+ >
28
+ {title && <title>{title}</title>}
29
+ <path d="M4.235 20.634c.233.106.49.166.765.166h1.75V23H5c-.542 0-1.06-.119-1.531-.334zm9.515.166V23h-3.5v-2.2zm6.781 1.866A3.7 3.7 0 0 1 19 23h-1.75v-2.2H19c.275 0 .532-.06.765-.166zM3 18.6c0 .302.055.585.151.841l-1.847.843A4.8 4.8 0 0 1 1 18.6v-1.65h2zm20-1.65v1.65c0 .596-.108 1.165-.304 1.684l-1.847-.843c.096-.256.151-.539.151-.841v-1.65zm-20-6.6v3.3H1v-3.3zm20 0v3.3h-2v-3.3zM3.151 4.559A2.4 2.4 0 0 0 3 5.4v1.65H1V5.4c0-.596.108-1.165.304-1.684zm19.545-.843c.196.519.304 1.088.304 1.684v1.65h-2V5.4c0-.302-.055-.585-.151-.841zM6.75 1v2.2H5c-.275 0-.532.06-.765.166L3.47 1.334A3.7 3.7 0 0 1 5 1zM19 1c.542 0 1.06.119 1.531.334l-.766 2.032A1.8 1.8 0 0 0 19 3.2h-1.75V1zm-5.25 0v2.2h-3.5V1z"/>
30
+ </svg>
package/src/components/index.ts CHANGED
@@ -147,6 +147,7 @@ export { default as IconOtherStarFilled } from './IconOtherStarFilled.astro';
147
147
  export { default as IconOtherStar } from './IconOtherStar.astro';
148
148
  export { default as IconOtherTicket } from './IconOtherTicket.astro';
149
149
  export { default as IconOtherWorld } from './IconOtherWorld.astro';
150
+ export { default as IconPlaceholderIcon } from './IconPlaceholderIcon.astro';
150
151
  export { default as IconPoiExhibitorServicesArtwork } from './IconPoiExhibitorServicesArtwork.astro';
151
152
  export { default as IconPoiExhibitorServicesBoothTech } from './IconPoiExhibitorServicesBoothTech.astro';
152
153
  export { default as IconPoiExhibitorServicesBoothservices } from './IconPoiExhibitorServicesBoothservices.astro';