@wikicasa-dev/svg-icons 0.0.9 → 0.0.10

package/README.md

@@ -39,3 +39,9 @@ An image instead, is an important element of the page (which is why it needs an
 In order to create an accessible image, it's important to keep in mind that the svg should have a **`<title>`** tag and optionally a **`<desc>`** tag with an id associated to them via _aria-labeledby._
 
 To ensure these requirements, there is a factory method called **svgImagefactory** which creates an accessible svg component.
+
+## Creating a Svg Icon
+
+To create an icon, you can use the **svgIconFactory** which creates an icon with some default values as props.
+
+Since we want our icons to be as much customizable as possible, before create any new icon, we have to assert that the new icon can't be derived from any other icon in the current vesion of the package.

package/dist/AnalyticsIcon.js

@@ -0,0 +1,25 @@
+import { h as c } from "vue";
+import { s as o } from "./svgIconFactory-vMvYZl5W.js";
+const l = (r) => o({
+  props: r,
+  svgNodeAttrs: {
+    xmlns: "http://www.w3.org/2000/svg",
+    "xml:space": "preserve",
+    viewBox: "0 0 192 192"
+  },
+  childrenNodes: [
+    c("path", { fill: "none", d: "M0 0h192v192H0z" }),
+    c("path", {
+      fill: "#F9AB00",
+      d: "M130 29v132c0 14.77 10.19 23 21 23 10 0 21-7 21-23V30c0-13.54-10-22-21-22s-21 9.33-21 21"
+    }),
+    c("path", {
+      fill: "#E37400",
+      d: "M75 96v65c0 14.77 10.19 23 21 23 10 0 21-7 21-23V97c0-13.54-10-22-21-22s-21 9.33-21 21"
+    }),
+    c("circle", { cx: "41", cy: "163", r: "21", fill: "#E37400" })
+  ]
+});
+export {
+  l as AnalyticsIcon
+};

package/dist/GearIcon.js

@@ -0,0 +1,18 @@
+import { h as a } from "vue";
+import { s as l } from "./svgIconFactory-vMvYZl5W.js";
+const t = (c) => l({
+  props: c,
+  svgNodeAttrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.386 19.552" },
+  childrenNodes: a("g", { fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" }, [
+    a("path", {
+      d: "M15.771 13.462c.212.187.484.4.729.649a.5.5 0 0 1 0 .781q-.857.882-1.725 1.753a.519.519 0 0 1-.8 0c-.252-.236-.509-.468-.752-.692-.515.206-1.063.421-1.606.648a.245.245 0 0 0-.114.183c-.013.287 0 .575-.008.862a.535.535 0 0 1-.616.6H8.52a.531.531 0 0 1-.606-.606c0-.279.009-.558-.008-.837a.291.291 0 0 0-.142-.211c-.527-.222-1.061-.429-1.592-.641-.212.2-.457.414-.689.643a.545.545 0 0 1-.895.014q-.838-.848-1.668-1.7a.525.525 0 0 1 0-.822c.2-.209.395-.418.6-.616.1-.094.09-.164.038-.284-.2-.463-.4-.93-.568-1.4-.06-.165-.132-.223-.3-.214-.278.014-.558.01-.837 0a.494.494 0 0 1-.538-.56v-2.46a.5.5 0 0 1 .56-.566c.279 0 .558-.008.837 0a.237.237 0 0 0 .272-.187c.181-.49.391-.969.576-1.456a.3.3 0 0 0-.042-.253c-.189-.215-.4-.41-.6-.617a.538.538 0 0 1 0-.826q.84-.863 1.686-1.721a.532.532 0 0 1 .858.006c.2.2.394.4.581.6.09.1.161.1.28.043.478-.21.965-.4 1.442-.608a.292.292 0 0 0 .136-.205c.016-.295 0-.591.008-.887a.519.519 0 0 1 .566-.57q1.217-.005 2.434 0a.531.531 0 0 1 .581.584c.006.279.007.558 0 .837a.234.234 0 0 0 .189.269c.465.172.924.367 1.373.579a.228.228 0 0 0 .32-.059c.2-.21.4-.413.607-.613a.515.515 0 0 1 .8.008q.856.865 1.7 1.738a.536.536 0 0 1-.008.844c-.2.206-.411.4-.6.616a.269.269 0 0 0-.038.23c.193.5.394 1 .608 1.5a.294.294 0 0 0 .213.143c.295.016.591 0 .887.008a.486.486 0 0 1 .535.513q.017 1.281 0 2.562a.475.475 0 0 1-.511.509c-.3.011-.609-.005-.912.011a.292.292 0 0 0-.214.142c-.215.536-.417 1.08-.668 1.736Zm-9.9-3.7a3.823 3.823 0 1 0 3.83-3.84 3.842 3.842 0 0 0-3.826 3.847Z"
+    }),
+    a("path", {
+      fill: "#141d30",
+      d: "M9.627 18.252c.415 0 .83 0 1.244-.002.414 0 .607-.187.617-.598.006-.287-.006-.575.007-.862.003-.065.059-.16.114-.183.543-.227 1.09-.442 1.606-.648.243.224.5.455.752.692.266.25.545.257.804-.002.579-.58 1.154-1.165 1.725-1.753.25-.256.257-.53.004-.782-.245-.244-.518-.462-.73-.648.252-.66.454-1.205.672-1.743.027-.067.138-.138.213-.142.213-.012.426-.007.638-.007.092 0 .183-.001.275-.005.322-.012.507-.188.51-.51.01-.853.011-1.707 0-2.56-.005-.33-.207-.508-.536-.514-.175-.003-.351 0-.527 0-.12 0-.24-.001-.36-.008-.075-.004-.184-.075-.213-.143a38.945 38.945 0 0 1-.608-1.498.269.269 0 0 1 .039-.23c.191-.215.402-.411.602-.617.275-.283.281-.562.008-.844a232.873 232.873 0 0 0-1.705-1.738c-.256-.258-.54-.26-.802-.008-.207.2-.41.403-.607.613-.099.106-.172.129-.32.059a17.211 17.211 0 0 0-1.373-.58c-.153-.056-.193-.123-.189-.268.008-.28.007-.559.001-.837-.008-.379-.21-.583-.58-.584a311.58 311.58 0 0 0-2.435 0c-.36.002-.56.206-.566.57-.005.296.009.593-.008.887a.292.292 0 0 1-.144.21c-.477.211-.965.399-1.443.608-.118.053-.19.057-.28-.043-.187-.206-.385-.404-.58-.602-.29-.291-.574-.296-.859-.007-.564.572-1.125 1.146-1.686 1.722-.258.265-.26.559-.003.826.199.207.412.402.601.617a.297.297 0 0 1 .042.253c-.185.488-.395.967-.576 1.457-.055.149-.125.192-.272.187a17.28 17.28 0 0 0-.837-.002c-.373.006-.558.191-.56.566-.003.82-.002 1.64 0 2.46.002.363.178.549.539.56.279.009.558.013.837 0 .172-.01.243.048.303.213.173.475.367.942.568 1.405.052.12.06.19-.038.284-.207.198-.405.407-.602.616-.263.277-.262.548.004.822.554.57 1.11 1.137 1.668 1.702.308.311.577.3.895-.014.233-.23.478-.446.69-.643.53.211 1.064.418 1.591.64.068.029.137.137.142.212.017.278.005.558.008.837.003.412.193.604.606.605l1.114.002m.07-12.33h.007c2.099.003 3.815 1.74 3.816 3.863a3.848 3.848 0 0 1-3.857 3.845c-2.086-.008-3.791-1.746-3.788-3.86.004-2.12 1.721-3.848 3.823-3.848m-.07 13.63c-.373 0-.746 0-1.119-.002-1.129-.003-1.893-.765-1.902-1.895v-.125a74.869 74.869 0 0 0-.158-.063l-.06.058c-.415.408-.877.615-1.373.615-.344 0-.858-.106-1.359-.612a300.61 300.61 0 0 1-1.676-1.71c-.757-.779-.764-1.833-.016-2.623l.01-.011.11-.116a25.618 25.618 0 0 1-.077-.192 20.158 20.158 0 0 1-.208-.006C.744 12.837.005 12.074.003 11.014c-.003-.868-.004-1.676 0-2.468.003-1.078.76-1.844 1.839-1.86.055-.002.112-.002.17-.003a126.55 126.55 0 0 1 .075-.186l-.121-.124c-.746-.777-.742-1.86.01-2.633.63-.648 1.183-1.213 1.692-1.728.49-.497 1.004-.601 1.349-.601s.86.105 1.357.605l.067.067.02.02a366.842 366.842 0 0 1 .145-.06l.001-.191c.016-1.068.8-1.846 1.861-1.85.813-.003 1.63-.003 2.444 0 1.081.004 1.853.767 1.876 1.856l.003.176c.049.02.098.04.147.062l.136-.133c.473-.456.968-.552 1.301-.552.485 0 .956.207 1.327.582.67.678 1.215 1.233 1.714 1.747.756.78.753 1.871-.009 2.655a3.844 3.844 0 0 1-.11.111l.072.178.198.001c1.035.019 1.797.774 1.81 1.797.012.818.012 1.667.002 2.592-.012 1.018-.737 1.755-1.762 1.794a7.558 7.558 0 0 1-.23.005l-.081.212c.037.035.075.072.112.11.749.746.753 1.843.01 2.607-.573.59-1.157 1.183-1.736 1.765-.473.474-.978.574-1.318.574-.327 0-.818-.094-1.296-.542a33.518 33.518 0 0 0-.14-.13l-.149.06c0 .05 0 .1-.002.151-.025 1.117-.794 1.868-1.913 1.87l-1.247.002Zm.07-12.33c-1.389 0-2.52 1.144-2.523 2.55-.002 1.405 1.116 2.553 2.492 2.558h.013a2.52 2.52 0 0 0 1.794-.747c.482-.48.747-1.12.746-1.797 0-1.412-1.13-2.562-2.518-2.564h-.004Z"
+    })
+  ])
+});
+export {
+  t as GearIcon
+};

package/dist/WikicasaIcon.js

@@ -0,0 +1,23 @@
+import { h as o } from "vue";
+import { s as r } from "./svgIconFactory-vMvYZl5W.js";
+const e = (a) => r({
+  props: a,
+  svgNodeAttrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 17.521 17.301" },
+  childrenNodes: [
+    o("path", {
+      fill: a.bgColor ?? "none",
+      stroke: a.borderColor ?? "#222",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.3",
+      d: "M16.283.65H1.243a.6.6 0 0 0-.593.593v12.331a.593.593 0 0 0 .593.593h5.62l1.657 2.356a.3.3 0 0 0 .416.071.314.314 0 0 0 .071-.071l1.657-2.356h5.614a.593.593 0 0 0 .593-.593V1.243a.585.585 0 0 0-.577-.593Z"
+    }),
+    o("path", {
+      fill: a.color ?? "#0e1d34",
+      d: "M15.421 3.146 12.69 11.93a.15.15 0 0 1-.14.106h-2.133a.133.133 0 0 1-.128-.1l-1.462-4.8a.072.072 0 0 0-.139 0l-1.46 4.8a.135.135 0 0 1-.129.09h-2.13a.144.144 0 0 1-.139-.106L2.099 3.137a.149.149 0 0 1 .1-.184.113.113 0 0 1 .038-.007h2.088a.128.128 0 0 1 .129.1L5.92 8.414a.073.073 0 0 0 .088.054.071.071 0 0 0 .053-.048l1.741-5.368a.15.15 0 0 1 .139-.1h1.612a.146.146 0 0 1 .14.106l1.629 5.363a.072.072 0 0 0 .139 0l1.59-5.368a.139.139 0 0 1 .129-.1h2.088a.142.142 0 0 1 .157.124.13.13 0 0 1-.005.061Z"
+    })
+  ]
+});
+export {
+  e as WikicasaIcon
+};

package/dist/index.js

@@ -4,21 +4,21 @@ import { BarChartIcon as p } from "./BarChartIcon.js";
 import { BellIcon as f } from "./BellIcon.js";
 import { BulbIcon as x } from "./BulbIcon.js";
 import { CheckActiveIcon as i } from "./CheckActiveIcon.js";
-import { CheckInactiveIcon as s } from "./CheckInactiveIcon.js";
+import { CheckInactiveIcon as l } from "./CheckInactiveIcon.js";
 import { CloseIcon as g } from "./CloseIcon.js";
-import { DashboardIcon as k } from "./DashboardIcon.js";
+import { DashboardIcon as P } from "./DashboardIcon.js";
 import { DeleteIcon as d } from "./DeleteIcon.js";
 import { DrawIcon as w } from "./DrawIcon.js";
-import { EditIcon as A } from "./EditIcon.js";
-import { GermanyFlagIcon as D } from "./GermanyFlagIcon.js";
-import { HeartIcon as b } from "./HeartIcon.js";
-import { HidePswIcon as y } from "./HidePswIcon.js";
+import { EditIcon as L } from "./EditIcon.js";
+import { GermanyFlagIcon as C } from "./GermanyFlagIcon.js";
+import { HeartIcon as F } from "./HeartIcon.js";
+import { HidePswIcon as v } from "./HidePswIcon.js";
 import { HouseIcon as H } from "./HouseIcon.js";
 import { ItalyFlagIcon as S } from "./ItalyFlagIcon.js";
-import { LayersIcon as M } from "./LayersIcon.js";
-import { LocationIcon as T } from "./LocationIcon.js";
-import { LogoutIcon as q } from "./LogoutIcon.js";
-import { MailIcon as G } from "./MailIcon.js";
+import { LayersIcon as G } from "./LayersIcon.js";
+import { LocationIcon as R } from "./LocationIcon.js";
+import { LogoutIcon as U } from "./LogoutIcon.js";
+import { MailIcon as E } from "./MailIcon.js";
 import { MapIcon as j } from "./MapIcon.js";
 import { NewsIcon as J } from "./NewsIcon.js";
 import { NotesIcon as O } from "./NotesIcon.js";
@@ -31,45 +31,50 @@ import { PrintIcon as po } from "./PrintIcon.js";
 import { ProfileIcon as fo } from "./ProfileIcon.js";
 import { QuotesIcon as xo } from "./QuotesIcon.js";
 import { RequestIcon as io } from "./RequestIcon.js";
-import { SearchIcon as so } from "./SearchIcon.js";
+import { SearchIcon as lo } from "./SearchIcon.js";
 import { ShareIcon as go } from "./ShareIcon.js";
-import { SuitcaseIcon as ko } from "./SuitcaseIcon.js";
+import { SuitcaseIcon as Po } from "./SuitcaseIcon.js";
 import { TieIcon as ho } from "./TieIcon.js";
-import { TourIcon as Lo } from "./TourIcon.js";
-import { UkFlagIcon as Co } from "./UkFlagIcon.js";
-import { ValuationIcon as Fo } from "./ValuationIcon.js";
-import { VideoIcon as vo } from "./VideoIcon.js";
+import { TourIcon as Ao } from "./TourIcon.js";
+import { UkFlagIcon as yo } from "./UkFlagIcon.js";
+import { ValuationIcon as Do } from "./ValuationIcon.js";
+import { VideoIcon as bo } from "./VideoIcon.js";
 import { ViewPswIcon as Bo } from "./ViewPswIcon.js";
 import { WalletIcon as No } from "./WalletIcon.js";
 import { WarningIcon as Vo } from "./WarningIcon.js";
-import { WarningIconRounded as Ro } from "./WarningIconRounded.js";
-import { WkAppIcon as Uo } from "./WkAppIcon.js";
-import { WkFavIcon as Eo } from "./WkFavIcon.js";
-import { WikicasaDatiLogoIcon as Qo } from "./WikicasaDatiLogo.js";
-import { WikicasaLogoIcon as zo } from "./WikicasaLogo.js";
-import { WikiNerdIcon as Ko } from "./WikiNerdIcon.js";
+import { WarningIconRounded as Mo } from "./WarningIconRounded.js";
+import { WkAppIcon as To } from "./WkAppIcon.js";
+import { AnalyticsIcon as qo } from "./AnalyticsIcon.js";
+import { WikicasaIcon as Qo } from "./WikicasaIcon.js";
+import { GearIcon as zo } from "./GearIcon.js";
+import { WkFavIcon as Ko } from "./WkFavIcon.js";
+import { WikicasaDatiLogoIcon as Xo } from "./WikicasaDatiLogo.js";
+import { WikicasaLogoIcon as Zo } from "./WikicasaLogo.js";
+import { WikiNerdIcon as $o } from "./WikiNerdIcon.js";
 export {
   e as AboutUsIcon,
+  qo as AnalyticsIcon,
   n as ArrowIcon,
   p as BarChartIcon,
   f as BellIcon,
   x as BulbIcon,
   i as CheckActiveIcon,
-  s as CheckInactiveIcon,
+  l as CheckInactiveIcon,
   g as CloseIcon,
-  k as DashboardIcon,
+  P as DashboardIcon,
   d as DeleteIcon,
   w as DrawIcon,
-  A as EditIcon,
-  D as GermanyFlagIcon,
-  b as HeartIcon,
-  y as HidePswIcon,
+  L as EditIcon,
+  zo as GearIcon,
+  C as GermanyFlagIcon,
+  F as HeartIcon,
+  v as HidePswIcon,
   H as HouseIcon,
   S as ItalyFlagIcon,
-  M as LayersIcon,
-  T as LocationIcon,
-  q as LogoutIcon,
-  G as MailIcon,
+  G as LayersIcon,
+  R as LocationIcon,
+  U as LogoutIcon,
+  E as MailIcon,
   j as MapIcon,
   J as NewsIcon,
   O as NotesIcon,
@@ -82,21 +87,22 @@ export {
   fo as ProfileIcon,
   xo as QuotesIcon,
   io as RequestIcon,
-  so as SearchIcon,
+  lo as SearchIcon,
   go as ShareIcon,
-  ko as SuitcaseIcon,
+  Po as SuitcaseIcon,
   ho as TieIcon,
-  Lo as TourIcon,
-  Co as UkFlagIcon,
-  Fo as ValuationIcon,
-  vo as VideoIcon,
+  Ao as TourIcon,
+  yo as UkFlagIcon,
+  Do as ValuationIcon,
+  bo as VideoIcon,
   Bo as ViewPswIcon,
   No as WalletIcon,
   Vo as WarningIcon,
-  Ro as WarningIconRounded,
-  Ko as WikiNerdIcon,
-  Qo as WikicasaDatiLogoIcon,
-  zo as WikicasaLogoIcon,
-  Uo as WkAppIcon,
-  Eo as WkFavIcon
+  Mo as WarningIconRounded,
+  $o as WikiNerdIcon,
+  Xo as WikicasaDatiLogoIcon,
+  Qo as WikicasaIcon,
+  Zo as WikicasaLogoIcon,
+  To as WkAppIcon,
+  Ko as WkFavIcon
 };

package/dist/lib/index.d.ts

@@ -44,8 +44,11 @@ import { WalletIcon } from './svgIcons/WalletIcon';
 import { WarningIcon } from './svgIcons/WarningIcon';
 import { WarningIconRounded } from './svgIcons/WarningIconRounded';
 import { WkAppIcon } from './svgIcons/WkAppIcon';
+import { AnalyticsIcon } from './svgIcons/AnalyticsIcon';
+import { WikicasaIcon } from './svgIcons/WikicasaIcon';
+import { GearIcon } from './svgIcons/GearIcon';
 import { WkFavIcon } from './svgIcons/WkFavIcon';
 import { WikicasaDatiLogoIcon } from './svgImages/WikicasaDatiLogo';
 import { WikicasaLogoIcon } from './svgImages/WikicasaLogo';
 import { WikiNerdIcon } from './svgImages/WikiNerdIcon';
-export { AboutUsIcon, ArrowIcon, BarChartIcon, BellIcon, BulbIcon, CheckActiveIcon, CheckInactiveIcon, CloseIcon, DashboardIcon, DeleteIcon, DrawIcon, EditIcon, GermanyFlagIcon, HeartIcon, HidePswIcon, HouseIcon, ItalyFlagIcon, LayersIcon, LocationIcon, LogoutIcon, MailIcon, MapIcon, NewsIcon, NotesIcon, PhoneIcon, PinIcon, PlanIcon, PlusIcon, PrestigeIcon, PrintIcon, ProfileIcon, QuotesIcon, RequestIcon, SearchIcon, ShareIcon, SuitcaseIcon, TieIcon, TourIcon, UkFlagIcon, ValuationIcon, VideoIcon, ViewPswIcon, WalletIcon, WarningIcon, WarningIconRounded, WikicasaLogoIcon, WikicasaDatiLogoIcon, WikiNerdIcon, WkAppIcon, WkFavIcon };
+export { GearIcon, WikicasaIcon, AnalyticsIcon, AboutUsIcon, ArrowIcon, BarChartIcon, BellIcon, BulbIcon, CheckActiveIcon, CheckInactiveIcon, CloseIcon, DashboardIcon, DeleteIcon, DrawIcon, EditIcon, GermanyFlagIcon, HeartIcon, HidePswIcon, HouseIcon, ItalyFlagIcon, LayersIcon, LocationIcon, LogoutIcon, MailIcon, MapIcon, NewsIcon, NotesIcon, PhoneIcon, PinIcon, PlanIcon, PlusIcon, PrestigeIcon, PrintIcon, ProfileIcon, QuotesIcon, RequestIcon, SearchIcon, ShareIcon, SuitcaseIcon, TieIcon, TourIcon, UkFlagIcon, ValuationIcon, VideoIcon, ViewPswIcon, WalletIcon, WarningIcon, WarningIconRounded, WikicasaLogoIcon, WikicasaDatiLogoIcon, WikiNerdIcon, WkAppIcon, WkFavIcon };

package/dist/lib/svgIcons/AnalyticsIcon.d.ts

@@ -0,0 +1,2 @@
+import type { FunctionalSvgIconComponent } from '../../Types/FunctionalSvgIconComponent';
+export declare const AnalyticsIcon: FunctionalSvgIconComponent;

package/dist/lib/svgIcons/ArrowIcon.d.ts

@@ -1,3 +1,2 @@
-import type { FunctionalComponent } from 'vue';
-import type { SvgProps } from '@wikicasa-dev/types';
-export declare const ArrowIcon: FunctionalComponent<Partial<SvgProps>>;
+import type { FunctionalSvgIconComponent } from '../../Types/FunctionalSvgIconComponent';
+export declare const ArrowIcon: FunctionalSvgIconComponent;

package/dist/lib/svgIcons/GearIcon.d.ts

@@ -0,0 +1,2 @@
+import type { FunctionalSvgIconComponent } from '../../Types/FunctionalSvgIconComponent';
+export declare const GearIcon: FunctionalSvgIconComponent;

package/dist/lib/svgIcons/WikicasaIcon.d.ts

@@ -0,0 +1,7 @@
+import type { FunctionalSvgIconComponent } from '../../Types/FunctionalSvgIconComponent';
+import type { SvgProps } from '@wikicasa-dev/types';
+export declare const WikicasaIcon: FunctionalSvgIconComponent<Partial<SvgProps> & Partial<{
+    bgColor: string;
+    color: string;
+    borderColor: string;
+}>>;

package/dist/svgIconFactory-vMvYZl5W.js

@@ -0,0 +1,19 @@
+import { h as e } from "vue";
+import { g } from "./DefaultValues-k7iQWtC2.js";
+const p = ({ props: o, svgNodeAttrs: r, childrenNodes: s }) => {
+  const t = { ...g(), ...o };
+  return e(
+    "svg",
+    {
+      height: t.height,
+      //Setting default height (20px)
+      width: t.width,
+      //Setting default width (20px)
+      ...r
+    },
+    s
+  );
+};
+export {
+  p as s
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/svg-icons",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/lib/index.d.ts",