@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.17

package/dist/packages/icon/icon.stories.js

@@ -1,13 +1,13 @@
-import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
-import { html } from 'lit';
-import './icon.js';
-const { events, args } = getStorybookHelpers('w-icon');
+import { getStorybookHelpers } from "@wc-toolkit/storybook-helpers";
+import { html } from "lit";
+import "./icon.js";
+const { events, args } = getStorybookHelpers("w-icon");
 const meta = {
-    component: 'w-icon',
-    title: 'Icons/Icons',
+    component: "w-icon",
+    title: "Icons/Icons",
     render: ({ name, size, locale }) => html `
-      <w-icon name=${name} size=${size} locale=${locale} />
-  `,
+		<w-icon name=${name} size=${size} locale=${locale} />
+	`,
     args,
     parameters: {
         actions: {
@@ -16,309 +16,310 @@ const meta = {
     },
     argTypes: {
         name: {
-            control: { type: 'select' },
+            control: { type: "select" },
             options: [
-                'ActiveAds',
-                'Ads',
-                'AirCon',
-                'AirplaneBed',
-                'AllWheelDrive',
-                'AnimalPaw',
-                'ArchiveBox',
-                'Archway',
-                'ArrowDown',
-                'ArrowLeft',
-                'ArrowRight',
-                'ArrowUp',
-                'AwardMedal',
-                'BackWheelDrive',
-                'Bag',
-                'Bank',
-                'BankIdNo',
-                'BatteryEmpty',
-                'BatteryFull',
-                'BatteryHalfFull',
-                'Beach',
-                'Bell',
-                'BellFilled',
-                'Bin',
-                'Block',
-                'Boat',
-                'Bolt',
-                'Bookmark',
-                'Briefcase',
-                'BriefcaseUser',
-                'Browser',
-                'BrowserVerified',
-                'Building',
-                'BuildingPlot',
-                'Bulb',
-                'Burger',
-                'Bus',
-                'CabinHut',
-                'Calculator',
-                'Calendar',
-                'CalendarBlank',
-                'CalendarPlus',
-                'Camera',
-                'Cancel',
-                'Car',
-                'CarLeft',
-                'CarPart',
-                'CarRent',
-                'CarRight',
-                'Chair',
-                'Charger',
-                'Charter',
-                'ChatSupport',
-                'Check',
-                'CheckShield',
-                'Checklist',
-                'ChevronDoubleLeft',
-                'ChevronDoubleRight',
-                'ChevronDown',
-                'ChevronLeft',
-                'ChevronRight',
-                'ChevronUp',
-                'CirclePlus',
-                'CirclePlusFilled',
-                'CircleUser',
-                'CircleUserFilled',
-                'Clock',
-                'ClockCountdown',
-                'Close',
-                'Code',
-                'Cog',
-                'ColorPalette',
-                'Confetti',
-                'Cookie',
-                'Copy',
-                'CreditCard',
-                'Cursor',
-                'Delivery',
-                'DeliveryKey',
-                'Diner',
-                'Discount',
-                'Dislike',
-                'Door',
-                'Dots',
-                'DotsVertical',
-                'DoubleBed',
-                'Download',
-                'DragDots',
-                'Draw',
-                'Drawer',
-                'Drill',
-                'Drink',
-                'Dumbbell',
-                'Edit',
-                'Energy',
-                'Engine',
-                'EngineBelt',
-                'Error',
-                'Exchange',
-                'Expand',
-                'EyeOff',
-                'EyeOn',
-                'Facebook',
-                'Farm',
-                'FileAdd',
-                'FileArrowDown',
-                'Filter',
-                'Fireplace',
-                'Fishing',
-                'FrontWheelDrive',
-                'GasDiesel',
-                'GasFuel',
-                'GasHybrid',
-                'GearAutomatic',
-                'GearManual',
-                'GeometricShapes',
-                'Globe',
-                'GraphLine',
-                'GraphPie',
-                'Grid',
-                'Grill',
-                'Guitar',
-                'Headset',
-                'Heart',
-                'HeartRate',
-                'Hiking',
-                'History',
-                'Hotel',
-                'House',
-                'HouseBed',
-                'HouseFilled',
-                'HouseModern',
-                'HousePerson',
-                'IceSkater',
-                'Image',
-                'Info',
-                'Instagram',
-                'JetSki',
-                'Key',
-                'Lamp',
-                'Layers',
-                'Leaf',
-                'Lift',
-                'Like',
-                'Link',
-                'LinkExternal',
-                'ListSort',
-                'LockShield',
-                'Logout',
-                'LotusFlower',
-                'Luggage',
-                'Mail',
-                'Mailbox',
-                'Map',
-                'Megaphone',
-                'Messages',
-                'MessagesFilled',
-                'Minus',
-                'Mixer',
-                'Money',
-                'Moon',
-                'Motorcycle',
-                'Mountain',
-                'NoSmoking',
-                'OfficeDesk',
-                'Organize',
-                'Paperclip',
-                'Parking',
-                'Phone',
-                'PhoneCheck',
-                'PhoneScratched',
-                'PhoneUsed',
-                'PictureStack',
-                'PinMarker',
-                'PinRound',
-                'PlaneLand',
-                'PlaneTakeOff',
-                'Play',
-                'Playhouse',
-                'Plus',
-                'ProductBump',
-                'ProductCarousel',
-                'ProductHighlightListing',
-                'ProductNabolagsprofil',
-                'ProductStarred',
-                'ProductTop',
-                'Propeller',
-                'Question',
-                'Refresh',
-                'Road',
-                'Rocket',
-                'RoomService',
-                'RotateLeft',
-                'RotateRight',
-                'RowingBoat',
-                'Ruler',
-                'Sauna',
-                'ScrollUp',
-                'Search',
-                'Seat',
-                'Send',
-                'Share',
-                'Shipping',
-                'Shirt',
-                'Shoes',
-                'ShoppingCart',
-                'Shower',
-                'Shrink',
-                'SidebarChevronLeft',
-                'SidebarChevronRight',
-                'SingleCylinder',
-                'Skyscraper',
-                'SmileyGood',
-                'SmileyHappy',
-                'SmileyNeutral',
-                'SmileySad',
-                'Sofa',
-                'Sorting',
-                'Sparkles',
-                'Speedometer',
-                'Stairs',
-                'StarCheck',
-                'StarEmpty',
-                'StarFull',
-                'StarHalf',
-                'Store',
-                'StoreFront',
-                'Stove',
-                'Stroller',
-                'Success',
-                'Suitcase',
-                'SuitcaseTrolley',
-                'Sun',
-                'Support',
-                'Swimming',
-                'TV',
-                'Tag',
-                'TaskList',
-                'TextBold',
-                'TextItalic',
-                'TextStrikethrough',
-                'TextUnderline',
-                'Theater',
-                'ThreeSixty',
-                'Ticket',
-                'TownHouse',
-                'Tractor',
-                'Tree',
-                'TrendDown',
-                'TrendFlat',
-                'TrendUp',
-                'Tshirt',
-                'Up',
-                'Upload',
-                'User',
-                'UserGroup',
-                'Users',
-                'Vacuum',
-                'Vase',
-                'Verification',
-                'Wallet',
-                'Warning',
-                'Warranty',
-                'WashingMachine',
-                'WaterPitcher',
-                'Weight',
-                'Wheelchair',
-                'Wifi',
-                'Wrench',
-                'X',
-                'YouTube',
+                "ActiveAds",
+                "Ads",
+                "AirCon",
+                "AirplaneBed",
+                "AllWheelDrive",
+                "AnimalPaw",
+                "ArchiveBox",
+                "Archway",
+                "ArrowDown",
+                "ArrowLeft",
+                "ArrowRight",
+                "ArrowUp",
+                "AwardMedal",
+                "BackWheelDrive",
+                "Bag",
+                "Bank",
+                "BankIdNo",
+                "BatteryEmpty",
+                "BatteryFull",
+                "BatteryHalfFull",
+                "Beach",
+                "Bell",
+                "BellFilled",
+                "Bin",
+                "Block",
+                "Boat",
+                "Bolt",
+                "Bookmark",
+                "Briefcase",
+                "BriefcaseUser",
+                "Browser",
+                "BrowserVerified",
+                "Building",
+                "BuildingPlot",
+                "Bulb",
+                "Burger",
+                "Bus",
+                "CabinHut",
+                "Calculator",
+                "Calendar",
+                "CalendarBlank",
+                "CalendarPlus",
+                "Camera",
+                "Cancel",
+                "Car",
+                "CarLeft",
+                "CarPart",
+                "CarRent",
+                "CarRight",
+                "Chair",
+                "Charger",
+                "Charter",
+                "ChatSupport",
+                "Check",
+                "CheckShield",
+                "Checklist",
+                "ChevronDoubleLeft",
+                "ChevronDoubleRight",
+                "ChevronDown",
+                "ChevronLeft",
+                "ChevronRight",
+                "ChevronUp",
+                "CirclePlus",
+                "CirclePlusFilled",
+                "CircleUser",
+                "CircleUserFilled",
+                "Clock",
+                "ClockCountdown",
+                "Close",
+                "Code",
+                "Cog",
+                "ColorPalette",
+                "Confetti",
+                "Cookie",
+                "Copy",
+                "CreditCard",
+                "Cursor",
+                "Delivery",
+                "DeliveryKey",
+                "Diner",
+                "Discount",
+                "Dislike",
+                "Door",
+                "Dots",
+                "DotsVertical",
+                "DoubleBed",
+                "Download",
+                "DragDots",
+                "Draw",
+                "Drawer",
+                "Drill",
+                "Drink",
+                "Dumbbell",
+                "Edit",
+                "Energy",
+                "Engine",
+                "EngineBelt",
+                "Error",
+                "Exchange",
+                "Expand",
+                "EyeOff",
+                "EyeOn",
+                "Facebook",
+                "Farm",
+                "FileAdd",
+                "FileArrowDown",
+                "Filter",
+                "Fireplace",
+                "Fishing",
+                "FrontWheelDrive",
+                "GasDiesel",
+                "GasFuel",
+                "GasHybrid",
+                "GearAutomatic",
+                "GearManual",
+                "GeometricShapes",
+                "Globe",
+                "GraphLine",
+                "GraphPie",
+                "Grid",
+                "Grill",
+                "Guitar",
+                "Headset",
+                "Heart",
+                "HeartRate",
+                "Hiking",
+                "History",
+                "Hotel",
+                "House",
+                "HouseBed",
+                "HouseFilled",
+                "HouseModern",
+                "HousePerson",
+                "IceSkater",
+                "Image",
+                "Info",
+                "Instagram",
+                "JetSki",
+                "Key",
+                "Lamp",
+                "Layers",
+                "Leaf",
+                "Lift",
+                "Like",
+                "Link",
+                "LinkExternal",
+                "ListSort",
+                "LockShield",
+                "Logout",
+                "LotusFlower",
+                "Luggage",
+                "Mail",
+                "Mailbox",
+                "Map",
+                "Megaphone",
+                "Messages",
+                "MessagesFilled",
+                "Minus",
+                "Mixer",
+                "Money",
+                "Moon",
+                "Motorcycle",
+                "Mountain",
+                "NoSmoking",
+                "OfficeDesk",
+                "Organize",
+                "Paperclip",
+                "Parking",
+                "Phone",
+                "PhoneCheck",
+                "PhoneScratched",
+                "PhoneUsed",
+                "PictureStack",
+                "PinMarker",
+                "PinRound",
+                "PlaneLand",
+                "PlaneTakeOff",
+                "Play",
+                "Playhouse",
+                "Plus",
+                "ProductBump",
+                "ProductCarousel",
+                "ProductHighlightListing",
+                "ProductNabolagsprofil",
+                "ProductStarred",
+                "ProductTop",
+                "Propeller",
+                "Question",
+                "Refresh",
+                "Road",
+                "Rocket",
+                "RoomService",
+                "RotateLeft",
+                "RotateRight",
+                "RowingBoat",
+                "Ruler",
+                "Sauna",
+                "ScrollUp",
+                "Search",
+                "Seat",
+                "Send",
+                "Share",
+                "Shipping",
+                "Shirt",
+                "Shoes",
+                "ShoppingCart",
+                "Shower",
+                "Shrink",
+                "SidebarChevronLeft",
+                "SidebarChevronRight",
+                "SingleCylinder",
+                "Skyscraper",
+                "SmileyGood",
+                "SmileyHappy",
+                "SmileyNeutral",
+                "SmileySad",
+                "Sofa",
+                "Sorting",
+                "Sparkles",
+                "Speedometer",
+                "Stairs",
+                "StarCheck",
+                "StarEmpty",
+                "StarFull",
+                "StarHalf",
+                "Store",
+                "StoreFront",
+                "Stove",
+                "Stroller",
+                "Success",
+                "Suitcase",
+                "SuitcaseTrolley",
+                "Sun",
+                "Support",
+                "Swimming",
+                "TV",
+                "Tag",
+                "TaskList",
+                "TextBold",
+                "TextItalic",
+                "TextStrikethrough",
+                "TextUnderline",
+                "Theater",
+                "ThreeSixty",
+                "Ticket",
+                "TownHouse",
+                "Tractor",
+                "Tree",
+                "TrendDown",
+                "TrendFlat",
+                "TrendUp",
+                "Tshirt",
+                "Up",
+                "Upload",
+                "User",
+                "UserGroup",
+                "Users",
+                "Vacuum",
+                "Vase",
+                "Verification",
+                "Wallet",
+                "Warning",
+                "Warranty",
+                "WashingMachine",
+                "WaterPitcher",
+                "Weight",
+                "Wheelchair",
+                "Wifi",
+                "Wrench",
+                "X",
+                "YouTube",
             ],
         },
         size: {
-            control: { type: 'select' },
-            options: ['small', 'medium', 'large', '42px', '64px', '96px', '128px'],
+            control: { type: "select" },
+            options: ["small", "medium", "large", "42px", "64px", "96px", "128px"],
         },
         locale: {
-            control: { type: 'select' },
-            options: ['nb', 'sv', 'da', 'fi', 'en'],
+            control: { type: "select" },
+            options: ["nb", "sv", "da", "fi", "en"],
         },
     },
 };
 export default meta;
 export const Default = {
     args: {
-        name: 'Ads',
-        size: 'medium',
-        locale: 'nb',
+        name: "Ads",
+        size: "medium",
+        locale: "nb",
     },
 };
 export const Example = () => html `
-    <div><div>
-      <w-icon name="Speedometer" size="small" locale="nb"></w-icon>
-      <w-icon name="Speedometer" size="medium" locale="nb"></w-icon>
-      <w-icon name="Speedometer" size="large" locale="nb"></w-icon>
-      <w-icon name="Speedometer" size="42px" locale="nb"></w-icon>
-      <w-icon name="Speedometer" size="64px" locale="nb"></w-icon>
-      <w-icon name="Speedometer" size="96px" locale="nb"></w-icon>
-      <w-icon name="Speedometer" size="128px" locale="nb"></w-icon>
-    </div>
-    some text below
-    </div>
+	<div>
+		<div>
+			<w-icon name="Speedometer" size="small" locale="nb"></w-icon>
+			<w-icon name="Speedometer" size="medium" locale="nb"></w-icon>
+			<w-icon name="Speedometer" size="large" locale="nb"></w-icon>
+			<w-icon name="Speedometer" size="42px" locale="nb"></w-icon>
+			<w-icon name="Speedometer" size="64px" locale="nb"></w-icon>
+			<w-icon name="Speedometer" size="96px" locale="nb"></w-icon>
+			<w-icon name="Speedometer" size="128px" locale="nb"></w-icon>
+		</div>
+		some text below
+	</div>
 `;

package/dist/packages/icon/icon.test.d.ts

@@ -1 +1 @@
-import './icon.js';
+import "./icon.js";