@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

package/dist/collection/components/icon/icon.js

@@ -1,145 +1,145 @@
-import { h, Host } from '@stencil/core';
-import * as icons from './icons';
+import { h, Host } from "@stencil/core";
+import * as icons from "./icons";
 // TODO: add all icons
 const iconNames = {
-  'hy-icon-add-todo': (p) => h(icons.AddToTodoList, Object.assign({}, p)),
-  'hy-icon-alert': (p) => h(icons.Alert, Object.assign({}, p)),
-  'hy-icon-archive': (p) => h(icons.Archive, Object.assign({}, p)),
-  'hy-icon-arrow-down': (p) => h(icons.ArrowDown, Object.assign({}, p)),
-  'hy-icon-arrow-left': (p) => h(icons.IconArrowLeft, Object.assign({}, p)),
-  'hy-icon-arrow-right': (p) => h(icons.IconArrowRight, Object.assign({}, p)),
-  'hy-icon-arrow-to-right': (p) => h(icons.IconArrowToRight, Object.assign({}, p)),
-  'hy-icon-arrow-up': (p) => h(icons.ArrowUp, Object.assign({}, p)),
-  'hy-icon-avatar-group': (p) => h(icons.AvatarGroup, Object.assign({}, p)),
-  'hy-icon-avatar': (p) => h(icons.Avatar, Object.assign({}, p)),
-  'hy-icon-bachelor': (p) => h(icons.Bachelor, Object.assign({}, p)),
-  'hy-icon-bullet-list': (p) => h(icons.BulletList, Object.assign({}, p)),
-  'hy-icon-camera': (p) => h(icons.Camera, Object.assign({}, p)),
-  'hy-icon-caret-down': (p) => h(icons.CaretDown, Object.assign({}, p)),
-  'hy-icon-caret-left': (p) => h(icons.CaretLeft, Object.assign({}, p)),
-  'hy-icon-caret-right': (p) => h(icons.CaretRight, Object.assign({}, p)),
-  'hy-icon-caret-up': (p) => h(icons.CaretUp, Object.assign({}, p)),
-  'hy-icon-chat': (p) => h(icons.Chat, Object.assign({}, p)),
-  'hy-icon-code-fork': (p) => h(icons.CodeFork, Object.assign({}, p)),
-  'hy-icon-cogs': (p) => h(icons.Cogs, Object.assign({}, p)),
-  'hy-icon-content-link': (p) => h(icons.Contentlink, Object.assign({}, p)),
-  'hy-icon-custom-link': (p) => h(icons.Customlink, Object.assign({}, p)),
-  'hy-icon-date': (p) => h(icons.Date, Object.assign({}, p)),
-  'hy-icon-discover': (p) => h(icons.Discover, Object.assign({}, p)),
-  'hy-icon-done': (p) => h(icons.Done, Object.assign({}, p)),
-  'hy-icon-dot': (p) => h(icons.Dot, Object.assign({}, p)),
-  'hy-icon-dot-arrow-right': (p) => h(icons.DotArrowRight, Object.assign({}, p)),
-  'hy-icon-download': (p) => h(icons.Download, Object.assign({}, p)),
-  'hy-icon-drag': (p) => h(icons.Drag, Object.assign({}, p)),
-  'hy-icon-drag-button': (p) => h(icons.Dragbutton, Object.assign({}, p)),
-  'hy-icon-drop-down': (p) => h(icons.DropDown, Object.assign({}, p)),
-  'hy-icon-edit': (p) => h(icons.Edit, Object.assign({}, p)),
-  'hy-icon-edit-event': (p) => h(icons.EditEvent, Object.assign({}, p)),
-  'hy-icon-embed': (p) => h(icons.Embed, Object.assign({}, p)),
-  'hy-icon-euro': (p) => h(icons.Euro, Object.assign({}, p)),
-  'hy-icon-events': (p) => h(icons.Events, Object.assign({}, p)),
-  'hy-icon-external-link': (p) => h(icons.ExternalLink, Object.assign({}, p)),
-  'hy-icon-eyelash': (p) => h(icons.EyeSlash, Object.assign({}, p)),
-  'hy-icon-facebook': (p) => h(icons.Facebook, Object.assign({}, p)),
-  'hy-icon-favorites': (p) => h(icons.Favorites, Object.assign({}, p)),
-  'hy-icon-feed': (p) => h(icons.Feed, Object.assign({}, p)),
-  'hy-icon-file-text': (p) => h(icons.FileText, Object.assign({}, p)),
-  'hy-icon-fullscreen': (p) => h(icons.FullScreen, Object.assign({}, p)),
-  'hy-icon-globe': (p) => h(icons.Globe, Object.assign({}, p)),
-  'hy-icon-googleplus': (p) => h(icons.GooglePlus, Object.assign({}, p)),
-  'hy-icon-grid': (p) => h(icons.Grid, Object.assign({}, p)),
-  'hy-icon-hamburger': (p) => h(icons.Hamburger, Object.assign({}, p)),
-  'hy-icon-heart': (p) => h(icons.Heart, Object.assign({}, p)),
-  'hy-icon-heart-support': (p) => h(icons.HeartSupport, Object.assign({}, p)),
-  'hy-icon-helsingin-yliopisto': (p) => h(icons.Helsinginyliopisto, Object.assign({}, p)),
-  'hy-icon-home': (p) => h(icons.Home, Object.assign({}, p)),
-  'hy-icon-horizontal-resize': (p) => h(icons.HorizontalResize, Object.assign({}, p)),
-  'hy-icon-hy-logo': (p) => h(icons.HyLogo, Object.assign({}, p)),
-  'hy-icon-id-number': (p) => h(icons.IdNumber, Object.assign({}, p)),
-  'hy-icon-image': (p) => h(icons.Image, Object.assign({}, p)),
-  'hy-icon-image-gallery': (p) => h(icons.ImageGallery, Object.assign({}, p)),
-  'hy-icon-images': (p) => h(icons.Images, Object.assign({}, p)),
-  'hy-icon-info': (p) => h(icons.Info, Object.assign({}, p)),
-  'hy-icon-info-stroke': (p) => h(icons.InfoStroke, Object.assign({}, p)),
-  'hy-icon-instagram': (p) => h(icons.Instagram, Object.assign({}, p)),
-  'hy-icon-leiki-list': (p) => h(icons.LeikiList, Object.assign({}, p)),
-  'hy-icon-link-arrow': (p) => h(icons.LinkArrow, Object.assign({}, p)),
-  'hy-icon-link-arrow-down': (p) => h(icons.LinkArrowDown, Object.assign({}, p)),
-  'hy-icon-link-arrow-left': (p) => h(icons.LinkArrowLeft, Object.assign({}, p)),
-  'hy-icon-link-arrow-offsite': (p) => h(icons.LinkArrowOffsite, Object.assign({}, p)),
-  'hy-icon-link-arrow-up': (p) => h(icons.LinkArrowUp, Object.assign({}, p)),
-  'hy-icon-linkedin': (p) => h(icons.Linkedin, Object.assign({}, p)),
-  'hy-icon-list': (p) => h(icons.List, Object.assign({}, p)),
-  'hy-icon-list-of-links': (p) => h(icons.Listoflinks, Object.assign({}, p)),
-  'hy-icon-list-as-blocks': (p) => h(icons.ListAsBlocks, Object.assign({}, p)),
-  'hy-icon-list-style-grid': (p) => h(icons.ListStyleGrid, Object.assign({}, p)),
-  'hy-icon-list-style-list': (p) => h(icons.ListStyleList, Object.assign({}, p)),
-  'hy-icon-link': (p) => h(icons.Url, Object.assign({}, p)),
-  'hy-icon-location': (p) => h(icons.Location, Object.assign({}, p)),
-  'hy-icon-log': (p) => h(icons.Log, Object.assign({}, p)),
-  'hy-icon-log-in': (p) => h(icons.Login, Object.assign({}, p)),
-  'hy-icon-log-out': (p) => h(icons.Logout, Object.assign({}, p)),
-  'hy-icon-magnify-minus': (p) => h(icons.MagnifyMinus, Object.assign({}, p)),
-  'hy-icon-magnify-plus': (p) => h(icons.MagnifyPlus, Object.assign({}, p)),
-  'hy-icon-email': (p) => h(icons.Mail, Object.assign({}, p)),
-  'hy-icon-master': (p) => h(icons.Master, Object.assign({}, p)),
-  'hy-icon-minus': (p) => h(icons.Minus, Object.assign({}, p)),
-  'hy-icon-modify': (p) => h(icons.Modify, Object.assign({}, p)),
-  'hy-icon-navi-triangle': (p) => h(icons.NaviTriangle, Object.assign({}, p)),
-  'hy-icon-new-group': (p) => h(icons.NewGroup, Object.assign({}, p)),
-  'hy-icon-new-person': (p) => h(icons.NewPerson, Object.assign({}, p)),
-  'hy-icon-notification': (p) => h(icons.Notification, Object.assign({}, p)),
-  'hy-icon-opinder-logo': (p) => h(icons.OpinderLogoNew, Object.assign({}, p)),
-  'hy-icon-pdf': (p) => h(icons.Pdf, Object.assign({}, p)),
-  'hy-icon-people': (p) => h(icons.People, Object.assign({}, p)),
-  'hy-icon-permission-all': (p) => h(icons.PermissionAll, Object.assign({}, p)),
-  'hy-icon-permission-group': (p) => h(icons.PermissionGroup, Object.assign({}, p)),
-  'hy-icon-permission-private': (p) => h(icons.PermissionPrivate, Object.assign({}, p)),
-  'hy-icon-person': (p) => h(icons.Person, Object.assign({}, p)),
-  'hy-icon-person-outline': (p) => h(icons.PersonOutline, Object.assign({}, p)),
-  'hy-icon-phone': (p) => h(icons.Phone, Object.assign({}, p)),
-  'hy-icon-play': (p) => h(icons.Play, Object.assign({}, p)),
-  'hy-icon-plus': (p) => h(icons.Plus, Object.assign({}, p)),
-  'hy-icon-preview': (p) => h(icons.Preview, Object.assign({}, p)),
-  'hy-icon-profile': (p) => h(icons.Profile, Object.assign({}, p)),
-  'hy-icon-question': (p) => h(icons.Question, Object.assign({}, p)),
-  'hy-icon-remove': (p) => h(icons.Remove, Object.assign({}, p)),
-  'hy-icon-retweet': (p) => h(icons.Retweet, Object.assign({}, p)),
-  'hy-icon-rotate-left': (p) => h(icons.RotateLeft, Object.assign({}, p)),
-  'hy-icon-rotate-right': (p) => h(icons.RotateRight, Object.assign({}, p)),
-  'hy-icon-search': (p) => h(icons.Search, Object.assign({}, p)),
-  'hy-icon-share': (p) => h(icons.Share, Object.assign({}, p)),
-  'hy-icon-slim-hamburger-menu': (p) => h(icons.SlimHamburgerMenu, Object.assign({}, p)),
-  'hy-icon-social-media': (p) => h(icons.SocialMedia, Object.assign({}, p)),
-  'hy-icon-some-facebook': (p) => h(icons.SomeFacebook, Object.assign({}, p)),
-  'hy-icon-some-instagram': (p) => h(icons.SomeInstagram, Object.assign({}, p)),
-  'hy-icon-some-linkedin': (p) => h(icons.SomeLinkedin, Object.assign({}, p)),
-  'hy-icon-some-twitter': (p) => h(icons.SomeTwitter, Object.assign({}, p)),
-  'hy-icon-some-twitter-retweet': (p) => h(icons.SomeTwitterRetweet, Object.assign({}, p)),
-  'hy-icon-some-twitter-like': (p) => h(icons.SomeTwitterLike, Object.assign({}, p)),
-  'hy-icon-some-youtube': (p) => h(icons.SomeYoutube, Object.assign({}, p)),
-  'hy-icon-spinner': (p) => h(icons.Spinner, Object.assign({}, p)),
-  'hy-icon-square': (p) => h(icons.Square, Object.assign({}, p)),
-  'hy-icon-square-checked': (p) => h(icons.SquareChecked, Object.assign({}, p)),
-  'hy-icon-time': (p) => h(icons.Time, Object.assign({}, p)),
-  'hy-icon-todolist': (p) => h(icons.TodoList, Object.assign({}, p)),
-  'hy-icon-tour': (p) => h(icons.Tour, Object.assign({}, p)),
-  'hy-icon-twitter': (p) => h(icons.Twitter, Object.assign({}, p)),
-  'hy-icon-units-and-faculties': (p) => h(icons.UnitsAndFaculties, Object.assign({}, p)),
-  'hy-icon-video': (p) => h(icons.Video, Object.assign({}, p)),
-  'hy-icon-warning': (p) => h(icons.Warning, Object.assign({}, p)),
-  'hy-icon-wrench': (p) => h(icons.Wrench, Object.assign({}, p)),
-  'hy-icon-quote': (p) => h(icons.IconQuote, Object.assign({}, p)),
-  'hy-icon-youtube': (p) => h(icons.Youtube, Object.assign({}, p)),
+  "hy-icon-add-todo": (p) => h(icons.AddToTodoList, Object.assign({}, p)),
+  "hy-icon-alert": (p) => h(icons.Alert, Object.assign({}, p)),
+  "hy-icon-archive": (p) => h(icons.Archive, Object.assign({}, p)),
+  "hy-icon-arrow-down": (p) => h(icons.ArrowDown, Object.assign({}, p)),
+  "hy-icon-arrow-left": (p) => h(icons.IconArrowLeft, Object.assign({}, p)),
+  "hy-icon-arrow-right": (p) => h(icons.IconArrowRight, Object.assign({}, p)),
+  "hy-icon-arrow-to-right": (p) => h(icons.IconArrowToRight, Object.assign({}, p)),
+  "hy-icon-arrow-up": (p) => h(icons.ArrowUp, Object.assign({}, p)),
+  "hy-icon-avatar-group": (p) => h(icons.AvatarGroup, Object.assign({}, p)),
+  "hy-icon-avatar": (p) => h(icons.Avatar, Object.assign({}, p)),
+  "hy-icon-bachelor": (p) => h(icons.Bachelor, Object.assign({}, p)),
+  "hy-icon-bullet-list": (p) => h(icons.BulletList, Object.assign({}, p)),
+  "hy-icon-camera": (p) => h(icons.Camera, Object.assign({}, p)),
+  "hy-icon-caret-down": (p) => h(icons.CaretDown, Object.assign({}, p)),
+  "hy-icon-caret-left": (p) => h(icons.CaretLeft, Object.assign({}, p)),
+  "hy-icon-caret-right": (p) => h(icons.CaretRight, Object.assign({}, p)),
+  "hy-icon-caret-up": (p) => h(icons.CaretUp, Object.assign({}, p)),
+  "hy-icon-chat": (p) => h(icons.Chat, Object.assign({}, p)),
+  "hy-icon-code-fork": (p) => h(icons.CodeFork, Object.assign({}, p)),
+  "hy-icon-cogs": (p) => h(icons.Cogs, Object.assign({}, p)),
+  "hy-icon-content-link": (p) => h(icons.Contentlink, Object.assign({}, p)),
+  "hy-icon-custom-link": (p) => h(icons.Customlink, Object.assign({}, p)),
+  "hy-icon-date": (p) => h(icons.Date, Object.assign({}, p)),
+  "hy-icon-discover": (p) => h(icons.Discover, Object.assign({}, p)),
+  "hy-icon-done": (p) => h(icons.Done, Object.assign({}, p)),
+  "hy-icon-dot": (p) => h(icons.Dot, Object.assign({}, p)),
+  "hy-icon-dot-arrow-right": (p) => h(icons.DotArrowRight, Object.assign({}, p)),
+  "hy-icon-download": (p) => h(icons.Download, Object.assign({}, p)),
+  "hy-icon-drag": (p) => h(icons.Drag, Object.assign({}, p)),
+  "hy-icon-drag-button": (p) => h(icons.Dragbutton, Object.assign({}, p)),
+  "hy-icon-drop-down": (p) => h(icons.DropDown, Object.assign({}, p)),
+  "hy-icon-edit": (p) => h(icons.Edit, Object.assign({}, p)),
+  "hy-icon-edit-event": (p) => h(icons.EditEvent, Object.assign({}, p)),
+  "hy-icon-embed": (p) => h(icons.Embed, Object.assign({}, p)),
+  "hy-icon-euro": (p) => h(icons.Euro, Object.assign({}, p)),
+  "hy-icon-events": (p) => h(icons.Events, Object.assign({}, p)),
+  "hy-icon-external-link": (p) => h(icons.ExternalLink, Object.assign({}, p)),
+  "hy-icon-eyelash": (p) => h(icons.EyeSlash, Object.assign({}, p)),
+  "hy-icon-facebook": (p) => h(icons.Facebook, Object.assign({}, p)),
+  "hy-icon-favorites": (p) => h(icons.Favorites, Object.assign({}, p)),
+  "hy-icon-feed": (p) => h(icons.Feed, Object.assign({}, p)),
+  "hy-icon-file-text": (p) => h(icons.FileText, Object.assign({}, p)),
+  "hy-icon-fullscreen": (p) => h(icons.FullScreen, Object.assign({}, p)),
+  "hy-icon-globe": (p) => h(icons.Globe, Object.assign({}, p)),
+  "hy-icon-googleplus": (p) => h(icons.GooglePlus, Object.assign({}, p)),
+  "hy-icon-grid": (p) => h(icons.Grid, Object.assign({}, p)),
+  "hy-icon-hamburger": (p) => h(icons.Hamburger, Object.assign({}, p)),
+  "hy-icon-heart": (p) => h(icons.Heart, Object.assign({}, p)),
+  "hy-icon-heart-support": (p) => h(icons.HeartSupport, Object.assign({}, p)),
+  "hy-icon-helsingin-yliopisto": (p) => h(icons.Helsinginyliopisto, Object.assign({}, p)),
+  "hy-icon-home": (p) => h(icons.Home, Object.assign({}, p)),
+  "hy-icon-horizontal-resize": (p) => h(icons.HorizontalResize, Object.assign({}, p)),
+  "hy-icon-hy-logo": (p) => h(icons.HyLogo, Object.assign({}, p)),
+  "hy-icon-id-number": (p) => h(icons.IdNumber, Object.assign({}, p)),
+  "hy-icon-image": (p) => h(icons.Image, Object.assign({}, p)),
+  "hy-icon-image-gallery": (p) => h(icons.ImageGallery, Object.assign({}, p)),
+  "hy-icon-images": (p) => h(icons.Images, Object.assign({}, p)),
+  "hy-icon-info": (p) => h(icons.Info, Object.assign({}, p)),
+  "hy-icon-info-stroke": (p) => h(icons.InfoStroke, Object.assign({}, p)),
+  "hy-icon-instagram": (p) => h(icons.Instagram, Object.assign({}, p)),
+  "hy-icon-leiki-list": (p) => h(icons.LeikiList, Object.assign({}, p)),
+  "hy-icon-link-arrow": (p) => h(icons.LinkArrow, Object.assign({}, p)),
+  "hy-icon-link-arrow-down": (p) => h(icons.LinkArrowDown, Object.assign({}, p)),
+  "hy-icon-link-arrow-left": (p) => h(icons.LinkArrowLeft, Object.assign({}, p)),
+  "hy-icon-link-arrow-offsite": (p) => h(icons.LinkArrowOffsite, Object.assign({}, p)),
+  "hy-icon-link-arrow-up": (p) => h(icons.LinkArrowUp, Object.assign({}, p)),
+  "hy-icon-linkedin": (p) => h(icons.Linkedin, Object.assign({}, p)),
+  "hy-icon-list": (p) => h(icons.List, Object.assign({}, p)),
+  "hy-icon-list-of-links": (p) => h(icons.Listoflinks, Object.assign({}, p)),
+  "hy-icon-list-as-blocks": (p) => h(icons.ListAsBlocks, Object.assign({}, p)),
+  "hy-icon-list-style-grid": (p) => h(icons.ListStyleGrid, Object.assign({}, p)),
+  "hy-icon-list-style-list": (p) => h(icons.ListStyleList, Object.assign({}, p)),
+  "hy-icon-link": (p) => h(icons.Url, Object.assign({}, p)),
+  "hy-icon-location": (p) => h(icons.Location, Object.assign({}, p)),
+  "hy-icon-log": (p) => h(icons.Log, Object.assign({}, p)),
+  "hy-icon-log-in": (p) => h(icons.Login, Object.assign({}, p)),
+  "hy-icon-log-out": (p) => h(icons.Logout, Object.assign({}, p)),
+  "hy-icon-magnify-minus": (p) => h(icons.MagnifyMinus, Object.assign({}, p)),
+  "hy-icon-magnify-plus": (p) => h(icons.MagnifyPlus, Object.assign({}, p)),
+  "hy-icon-email": (p) => h(icons.Mail, Object.assign({}, p)),
+  "hy-icon-master": (p) => h(icons.Master, Object.assign({}, p)),
+  "hy-icon-minus": (p) => h(icons.Minus, Object.assign({}, p)),
+  "hy-icon-modify": (p) => h(icons.Modify, Object.assign({}, p)),
+  "hy-icon-navi-triangle": (p) => h(icons.NaviTriangle, Object.assign({}, p)),
+  "hy-icon-new-group": (p) => h(icons.NewGroup, Object.assign({}, p)),
+  "hy-icon-new-person": (p) => h(icons.NewPerson, Object.assign({}, p)),
+  "hy-icon-notification": (p) => h(icons.Notification, Object.assign({}, p)),
+  "hy-icon-opinder-logo": (p) => h(icons.OpinderLogoNew, Object.assign({}, p)),
+  "hy-icon-pdf": (p) => h(icons.Pdf, Object.assign({}, p)),
+  "hy-icon-people": (p) => h(icons.People, Object.assign({}, p)),
+  "hy-icon-permission-all": (p) => h(icons.PermissionAll, Object.assign({}, p)),
+  "hy-icon-permission-group": (p) => h(icons.PermissionGroup, Object.assign({}, p)),
+  "hy-icon-permission-private": (p) => h(icons.PermissionPrivate, Object.assign({}, p)),
+  "hy-icon-person": (p) => h(icons.Person, Object.assign({}, p)),
+  "hy-icon-person-outline": (p) => h(icons.PersonOutline, Object.assign({}, p)),
+  "hy-icon-phone": (p) => h(icons.Phone, Object.assign({}, p)),
+  "hy-icon-play": (p) => h(icons.Play, Object.assign({}, p)),
+  "hy-icon-plus": (p) => h(icons.Plus, Object.assign({}, p)),
+  "hy-icon-preview": (p) => h(icons.Preview, Object.assign({}, p)),
+  "hy-icon-profile": (p) => h(icons.Profile, Object.assign({}, p)),
+  "hy-icon-question": (p) => h(icons.Question, Object.assign({}, p)),
+  "hy-icon-remove": (p) => h(icons.Remove, Object.assign({}, p)),
+  "hy-icon-retweet": (p) => h(icons.Retweet, Object.assign({}, p)),
+  "hy-icon-rotate-left": (p) => h(icons.RotateLeft, Object.assign({}, p)),
+  "hy-icon-rotate-right": (p) => h(icons.RotateRight, Object.assign({}, p)),
+  "hy-icon-search": (p) => h(icons.Search, Object.assign({}, p)),
+  "hy-icon-share": (p) => h(icons.Share, Object.assign({}, p)),
+  "hy-icon-slim-hamburger-menu": (p) => h(icons.SlimHamburgerMenu, Object.assign({}, p)),
+  "hy-icon-social-media": (p) => h(icons.SocialMedia, Object.assign({}, p)),
+  "hy-icon-some-facebook": (p) => h(icons.SomeFacebook, Object.assign({}, p)),
+  "hy-icon-some-instagram": (p) => h(icons.SomeInstagram, Object.assign({}, p)),
+  "hy-icon-some-linkedin": (p) => h(icons.SomeLinkedin, Object.assign({}, p)),
+  "hy-icon-some-twitter": (p) => h(icons.SomeTwitter, Object.assign({}, p)),
+  "hy-icon-some-twitter-retweet": (p) => h(icons.SomeTwitterRetweet, Object.assign({}, p)),
+  "hy-icon-some-twitter-like": (p) => h(icons.SomeTwitterLike, Object.assign({}, p)),
+  "hy-icon-some-youtube": (p) => h(icons.SomeYoutube, Object.assign({}, p)),
+  "hy-icon-spinner": (p) => h(icons.Spinner, Object.assign({}, p)),
+  "hy-icon-square": (p) => h(icons.Square, Object.assign({}, p)),
+  "hy-icon-square-checked": (p) => h(icons.SquareChecked, Object.assign({}, p)),
+  "hy-icon-time": (p) => h(icons.Time, Object.assign({}, p)),
+  "hy-icon-todolist": (p) => h(icons.TodoList, Object.assign({}, p)),
+  "hy-icon-tour": (p) => h(icons.Tour, Object.assign({}, p)),
+  "hy-icon-twitter": (p) => h(icons.Twitter, Object.assign({}, p)),
+  "hy-icon-units-and-faculties": (p) => h(icons.UnitsAndFaculties, Object.assign({}, p)),
+  "hy-icon-video": (p) => h(icons.Video, Object.assign({}, p)),
+  "hy-icon-warning": (p) => h(icons.Warning, Object.assign({}, p)),
+  "hy-icon-wrench": (p) => h(icons.Wrench, Object.assign({}, p)),
+  "hy-icon-quote": (p) => h(icons.IconQuote, Object.assign({}, p)),
+  "hy-icon-youtube": (p) => h(icons.Youtube, Object.assign({}, p)),
 };
 export class Icon {
   constructor() {
     this.icon = undefined;
-    this.fill = 'black';
+    this.fill = "black";
     this.size = 20;
   }
   render() {
-    return (h(Host, { "aria-hidden": "true", style: { display: 'flex' } }, iconNames[this.icon]({
+    return (h(Host, { "aria-hidden": "true", style: { display: "flex" } }, iconNames[this.icon]({
       height: this.size,
       width: this.size,
       fill: this.fill,
@@ -191,7 +191,7 @@ export class Icon {
         },
         "attribute": "fill",
         "reflect": false,
-        "defaultValue": "'black'"
+        "defaultValue": "\"black\""
       },
       "size": {
         "type": "number",
@@ -214,4 +214,3 @@ export class Icon {
     };
   }
 }
-//# sourceMappingURL=icon.js.map

package/dist/collection/components/icon/icons.js

@@ -1,9 +1,9 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export const IconArrowLeft = (props) => {
-  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.width || 30, height: props.height || 29, viewBox: "0 0 30 29", fill: props.fill || 'black' }, h("polygon", { points: "29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594", transform: "rotate(-180 15 14.5)" })));
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.width || 30, height: props.height || 29, viewBox: "0 0 30 29", fill: props.fill || "black" }, h("polygon", { points: "29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594", transform: "rotate(-180 15 14.5)" })));
 };
 export const IconArrowRight = (props) => {
-  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.width || 30, height: props.height || 29, viewBox: "0 0 30 29", fill: props.fill || 'black' }, h("polygon", { points: "29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594" })));
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.width || 30, height: props.height || 29, viewBox: "0 0 30 29", fill: props.fill || "black" }, h("polygon", { points: "29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594" })));
 };
 export const IconArrowToRight = (props) => {
   return (h("svg", Object.assign({ viewBox: "0 0 1000 1000" }, props), h("path", { d: "M993.6,482.3L518.2,6.4c-4.6-4.6-11-6.9-17.4-6.3c-6.4,0.6-12.3,4-15.9,9.4l-73.5,107.7\n        c-5.9,8.6-4.8,20.2,2.6,27.6l265,265.3H21.7c-12,0-21.7,9.7-21.7,21.7v128.2c0,12,9.7,21.7,21.7,21.7H687L414,855.2\n        c-7.4,7.4-8.5,19-2.6,27.6l73.5,107.7c3.6,5.3,9.5,8.8,15.9,9.4c0.7,0.1,1.3,0.1,2,0.1c5.7,0,11.3-2.3,15.4-6.4l475.4-475.9\n        c4.8-4.8,6.9-11.4,6.2-17.7c0.1-0.8,0.1-1.5,0.1-2.3C1000,491.9,997.7,486.4,993.6,482.3z" })));
@@ -11,133 +11,132 @@ export const IconArrowToRight = (props) => {
 export const IconQuote = (props) => {
   return (h("svg", Object.assign({ viewBox: "0 0 1000 660" }, props), h("path", { id: "Quote-icon", d: "M222.8,660C330.3,422.9,407.2,212.5,453.5,29L433.8,0H131.1C104,186.2,60.3,406.2,0,660H222.8z M769.3,660\n\t  C876.8,422.9,953.7,212.5,1000,29l0,0L981.7,0H678.9c-29.7,202-74.7,422-135,660l0,0H769.3z" })));
 };
-export { default as AddToTodoList } from './AddToTodoList';
-export { default as Alert } from './Alert';
-export { default as ArrowDown } from './ArrowDown';
-export { default as ArrowUp } from './ArrowUp';
-export { default as Archive } from './Archive';
-export { default as Arrow } from './Arrow';
-export { default as AvatarGroup } from './AvatarGroup';
-export { default as Avatar } from './Avatar';
-export { default as Bachelor } from './Bachelor';
-export { default as BulletList } from './BulletList';
-export { default as Camera } from './Camera';
-export { default as CaretDown } from './CaretDown';
-export { default as CaretLeft } from './CaretLeft';
-export { default as CaretRight } from './CaretRight';
-export { default as CaretUp } from './CaretUp';
-export { default as Chat } from './Chat';
-export { default as CodeFork } from './CodeFork';
-export { default as Cogs } from './Cogs';
-export { default as Contentlink } from './Contentlink';
-export { default as Customlink } from './Customlink';
-export { default as Date } from './Date';
-export { default as Discover } from './Discover';
-export { default as Done } from './Done';
-export { default as Dot } from './Dot';
-export { default as DotArrowRight } from './DotArrowRight';
-export { default as Download } from './Download';
-export { default as Drag } from './Drag';
-export { default as Dragbutton } from './Dragbutton';
-export { default as DropDown } from './DropDown';
-export { default as EditEvent } from './EditEvent';
-export { default as Edit } from './Edit';
-export { default as Embed } from './Embed';
-export { default as Euro } from './Euro';
-export { default as Events } from './Events';
-export { default as ExternalLink } from './ExternalLink';
-export { default as EyeSlash } from './EyeSlash';
-export { default as Facebook } from './Facebook';
-export { default as Favorites } from './Favorites';
-export { default as Feed } from './Feed';
-export { default as FileText } from './FileText';
-export { default as FullScreen } from './FullScreen';
-export { default as Globe } from './Globe';
-export { default as GooglePlus } from './GooglePlus';
-export { default as Grid } from './Grid';
-export { default as Hamburger } from './Hamburger';
-export { default as Heart } from './Heart';
-export { default as HeartSupport } from './HeartSupport';
-export { default as Helsinginyliopisto } from './Helsinginyliopisto';
-export { default as Home } from './Home';
-export { default as HorizontalResize } from './HorizontalResize';
-export { default as HyLogo } from './HyLogo';
-export { default as IdNumber } from './IdNumber';
-export { default as ImageGallery } from './ImageGallery';
-export { default as Image } from './Image';
-export { default as Images } from './Images';
-export { default as InfoStroke } from './InfoStroke';
-export { default as Info } from './Info';
-export { default as Instagram } from './Instagram';
-export { default as LeikiList } from './LeikiList';
-export { default as LinkArrow1 } from './LinkArrow1';
-export { default as LinkArrowDown } from './LinkArrowDown';
-export { default as LinkArrowLeft } from './LinkArrowLeft';
-export { default as LinkArrowOffsite } from './LinkArrowOffsite';
-export { default as LinkArrowUp } from './LinkArrowUp';
-export { default as LinkArrow } from './LinkArrow';
-export { default as Linkedin } from './Linkedin';
-export { default as ListAsBlocks } from './ListAsBlocks';
-export { default as List } from './List';
-export { default as Listoflinks } from './Listoflinks';
-export { default as ListStyleGrid } from './ListStyleGrid';
-export { default as ListStyleList } from './ListStyleList';
-export { default as Location } from './Location';
-export { default as Log } from './Log';
-export { default as Login } from './Login';
-export { default as Logout } from './Logout';
-export { default as MagnifyMinus } from './MagnifyMinus';
-export { default as MagnifyPlus } from './MagnifyPlus';
-export { default as Mail } from './Mail';
-export { default as Master } from './Master';
-export { default as Minus } from './Minus';
-export { default as Mobile } from './Mobile';
-export { default as Modify } from './Modify';
-export { default as NaviTriangle } from './NaviTriangle';
-export { default as NewGroup } from './NewGroup';
-export { default as NewPerson } from './NewPerson';
-export { default as Notification } from './Notification';
-export { default as OpinderLogoNew } from './OpinderLogoNew';
-export { default as OpinderLogo } from './OpinderLogo';
-export { default as Pdf } from './Pdf';
-export { default as People } from './People';
-export { default as PermissionAll } from './PermissionAll';
-export { default as PermissionGroup } from './PermissionGroup';
-export { default as PermissionPrivate } from './PermissionPrivate';
-export { default as PersonOutline } from './PersonOutline';
-export { default as Person } from './Person';
-export { default as Phone } from './Phone';
-export { default as Play } from './Play';
-export { default as Plus } from './Plus';
-export { default as Preview } from './Preview';
-export { default as Profile } from './Profile';
-export { default as Question } from './Question';
-export { default as Remove } from './Remove';
-export { default as Retweet } from './Retweet';
-export { default as RotateLeft } from './RotateLeft';
-export { default as RotateRight } from './RotateRight';
-export { default as Search } from './Search';
-export { default as Share } from './Share';
-export { default as SlimHamburgerMenu } from './SlimHamburgerMenu';
-export { default as SocialMedia } from './SocialMedia';
-export { default as SomeFacebook } from './SomeFacebook';
-export { default as SomeInstagram } from './SomeInstagram';
-export { default as SomeTwitter } from './SomeTwitter';
-export { default as SomeTwitterRetweet } from './Retweet';
-export { default as SomeTwitterLike } from './TwitterLike';
-export { default as SomeYoutube } from './SomeYoutube';
-export { default as SomeLinkedin } from './SomeLinkedin';
-export { default as Spinner } from './Spinner';
-export { default as SquareChecked } from './SquareChecked';
-export { default as Square } from './Square';
-export { default as Time } from './Time';
-export { default as TodoList } from './TodoList';
-export { default as Tour } from './Tour';
-export { default as Twitter } from './Twitter';
-export { default as UnitsAndFaculties } from './UnitsAndFaculties';
-export { default as Url } from './Url';
-export { default as Video } from './Video';
-export { default as Warning } from './Warning';
-export { default as Wrench } from './Wrench';
-export { default as Youtube } from './Youtube';
-//# sourceMappingURL=icons.js.map
+export { default as AddToTodoList } from "./AddToTodoList";
+export { default as Alert } from "./Alert";
+export { default as ArrowDown } from "./ArrowDown";
+export { default as ArrowUp } from "./ArrowUp";
+export { default as Archive } from "./Archive";
+export { default as Arrow } from "./Arrow";
+export { default as AvatarGroup } from "./AvatarGroup";
+export { default as Avatar } from "./Avatar";
+export { default as Bachelor } from "./Bachelor";
+export { default as BulletList } from "./BulletList";
+export { default as Camera } from "./Camera";
+export { default as CaretDown } from "./CaretDown";
+export { default as CaretLeft } from "./CaretLeft";
+export { default as CaretRight } from "./CaretRight";
+export { default as CaretUp } from "./CaretUp";
+export { default as Chat } from "./Chat";
+export { default as CodeFork } from "./CodeFork";
+export { default as Cogs } from "./Cogs";
+export { default as Contentlink } from "./Contentlink";
+export { default as Customlink } from "./Customlink";
+export { default as Date } from "./Date";
+export { default as Discover } from "./Discover";
+export { default as Done } from "./Done";
+export { default as Dot } from "./Dot";
+export { default as DotArrowRight } from "./DotArrowRight";
+export { default as Download } from "./Download";
+export { default as Drag } from "./Drag";
+export { default as Dragbutton } from "./Dragbutton";
+export { default as DropDown } from "./DropDown";
+export { default as EditEvent } from "./EditEvent";
+export { default as Edit } from "./Edit";
+export { default as Embed } from "./Embed";
+export { default as Euro } from "./Euro";
+export { default as Events } from "./Events";
+export { default as ExternalLink } from "./ExternalLink";
+export { default as EyeSlash } from "./EyeSlash";
+export { default as Facebook } from "./Facebook";
+export { default as Favorites } from "./Favorites";
+export { default as Feed } from "./Feed";
+export { default as FileText } from "./FileText";
+export { default as FullScreen } from "./FullScreen";
+export { default as Globe } from "./Globe";
+export { default as GooglePlus } from "./GooglePlus";
+export { default as Grid } from "./Grid";
+export { default as Hamburger } from "./Hamburger";
+export { default as Heart } from "./Heart";
+export { default as HeartSupport } from "./HeartSupport";
+export { default as Helsinginyliopisto } from "./Helsinginyliopisto";
+export { default as Home } from "./Home";
+export { default as HorizontalResize } from "./HorizontalResize";
+export { default as HyLogo } from "./HyLogo";
+export { default as IdNumber } from "./IdNumber";
+export { default as ImageGallery } from "./ImageGallery";
+export { default as Image } from "./Image";
+export { default as Images } from "./Images";
+export { default as InfoStroke } from "./InfoStroke";
+export { default as Info } from "./Info";
+export { default as Instagram } from "./Instagram";
+export { default as LeikiList } from "./LeikiList";
+export { default as LinkArrow1 } from "./LinkArrow1";
+export { default as LinkArrowDown } from "./LinkArrowDown";
+export { default as LinkArrowLeft } from "./LinkArrowLeft";
+export { default as LinkArrowOffsite } from "./LinkArrowOffsite";
+export { default as LinkArrowUp } from "./LinkArrowUp";
+export { default as LinkArrow } from "./LinkArrow";
+export { default as Linkedin } from "./Linkedin";
+export { default as ListAsBlocks } from "./ListAsBlocks";
+export { default as List } from "./List";
+export { default as Listoflinks } from "./Listoflinks";
+export { default as ListStyleGrid } from "./ListStyleGrid";
+export { default as ListStyleList } from "./ListStyleList";
+export { default as Location } from "./Location";
+export { default as Log } from "./Log";
+export { default as Login } from "./Login";
+export { default as Logout } from "./Logout";
+export { default as MagnifyMinus } from "./MagnifyMinus";
+export { default as MagnifyPlus } from "./MagnifyPlus";
+export { default as Mail } from "./Mail";
+export { default as Master } from "./Master";
+export { default as Minus } from "./Minus";
+export { default as Mobile } from "./Mobile";
+export { default as Modify } from "./Modify";
+export { default as NaviTriangle } from "./NaviTriangle";
+export { default as NewGroup } from "./NewGroup";
+export { default as NewPerson } from "./NewPerson";
+export { default as Notification } from "./Notification";
+export { default as OpinderLogoNew } from "./OpinderLogoNew";
+export { default as OpinderLogo } from "./OpinderLogo";
+export { default as Pdf } from "./Pdf";
+export { default as People } from "./People";
+export { default as PermissionAll } from "./PermissionAll";
+export { default as PermissionGroup } from "./PermissionGroup";
+export { default as PermissionPrivate } from "./PermissionPrivate";
+export { default as PersonOutline } from "./PersonOutline";
+export { default as Person } from "./Person";
+export { default as Phone } from "./Phone";
+export { default as Play } from "./Play";
+export { default as Plus } from "./Plus";
+export { default as Preview } from "./Preview";
+export { default as Profile } from "./Profile";
+export { default as Question } from "./Question";
+export { default as Remove } from "./Remove";
+export { default as Retweet } from "./Retweet";
+export { default as RotateLeft } from "./RotateLeft";
+export { default as RotateRight } from "./RotateRight";
+export { default as Search } from "./Search";
+export { default as Share } from "./Share";
+export { default as SlimHamburgerMenu } from "./SlimHamburgerMenu";
+export { default as SocialMedia } from "./SocialMedia";
+export { default as SomeFacebook } from "./SomeFacebook";
+export { default as SomeInstagram } from "./SomeInstagram";
+export { default as SomeTwitter } from "./SomeTwitter";
+export { default as SomeTwitterRetweet } from "./Retweet";
+export { default as SomeTwitterLike } from "./TwitterLike";
+export { default as SomeYoutube } from "./SomeYoutube";
+export { default as SomeLinkedin } from "./SomeLinkedin";
+export { default as Spinner } from "./Spinner";
+export { default as SquareChecked } from "./SquareChecked";
+export { default as Square } from "./Square";
+export { default as Time } from "./Time";
+export { default as TodoList } from "./TodoList";
+export { default as Tour } from "./Tour";
+export { default as Twitter } from "./Twitter";
+export { default as UnitsAndFaculties } from "./UnitsAndFaculties";
+export { default as Url } from "./Url";
+export { default as Video } from "./Video";
+export { default as Warning } from "./Warning";
+export { default as Wrench } from "./Wrench";
+export { default as Youtube } from "./Youtube";