@skf-design-system/ui-components 1.0.2-beta.5 → 1.0.2-beta.6

package/dist/vscode.html-custom-data.json

@@ -176,7 +176,7 @@
         {
           "name": "size",
           "description": "Defines the size of the loader",
-          "values": [{ "name": "md" }, { "name": "sm" }]
+          "values": [{ "name": "Size" }]
         }
       ],
       "references": []
@@ -549,7 +549,7 @@
         {
           "name": "size",
           "description": "Sets the max-width",
-          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+          "values": [{ "name": "Size" }]
         },
         {
           "name": "open",
@@ -559,7 +559,7 @@
         {
           "name": "placement",
           "description": "Placement of the Drawer",
-          "values": [{ "name": "left" }, { "name": "right" }]
+          "values": [{ "name": "Placement" }]
         }
       ],
       "references": []
@@ -581,10 +581,92 @@
       ],
       "references": []
     },
+    {
+      "name": "skf-link",
+      "description": "The `<skf-link>` can be used as either a regular link or a semantic button. The button variant is\nintended to be used for triggering javascript functions, not handling forms.\n---\n\n\n### **Events:**\n - **skf-link-click** - Fired when the link is clicked\n\n### **Slots:**\n - _default_ - The links' main content",
+      "attributes": [
+        {
+          "name": "as",
+          "description": "Defines the semantic element to render",
+          "values": [{ "name": "button" }, { "name": "link" }]
+        },
+        {
+          "name": "color",
+          "description": "Defines the text-color",
+          "values": [{ "name": "Color" }]
+        },
+        {
+          "name": "disabled",
+          "description": "If true, disables the link",
+          "values": []
+        },
+        {
+          "name": "download",
+          "description": "If defined, downloads the url",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "If defined, loads url on click",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "If defined, renders an icon before or after the text",
+          "values": [{ "name": "Icon" }]
+        },
+        {
+          "name": "icon-right",
+          "description": "If true, the icon is placed to the right in relation to the text",
+          "values": []
+        },
+        {
+          "name": "rel",
+          "description": "If defined, describes the relationship between a linked resource and the current document",
+          "values": []
+        },
+        {
+          "name": "route",
+          "description": "If defined, used on conjunction with onClick property. **Notice!** Only applicable to as=button.",
+          "values": []
+        },
+        {
+          "name": "stretch",
+          "description": "If true, fills the parents horizontal axis",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "If defined, specifies where to open the linked document",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "skf-nav-item",
+      "description": "The `<skf-nav>` is a component that displays a list of <nav-items>.\n---\n\n\n### **Slots:**\n - _default_ - The component's main content",
+      "attributes": [
+        { "name": "href", "values": [] },
+        { "name": "icon", "values": [{ "name": "Icon" }] }
+      ],
+      "references": []
+    },
     {
       "name": "skf-nav",
       "description": "The `<skf-nav>` is a component that displays a list of <nav-items>.\n---\n\n\n### **Slots:**\n - _default_ - The component's main content",
-      "attributes": [{ "name": "vertical", "values": [] }],
+      "attributes": [
+        {
+          "name": "vertical",
+          "description": "If true, the navigation will be displayed vertically",
+          "values": []
+        }
+      ],
       "references": []
     },
     {
@@ -778,91 +860,19 @@
       ],
       "references": []
     },
-    {
-      "name": "skf-link",
-      "description": "The `<skf-link>` can be used as either a regular link or a link styled semantic button\n---\n\n\n### **Slots:**\n - _default_ - The links' main content",
-      "attributes": [
-        {
-          "name": "as",
-          "description": "Defines the semantic element to render",
-          "values": [{ "name": "button" }, { "name": "a" }]
-        },
-        {
-          "name": "color",
-          "description": "Defines the text-color",
-          "values": [{ "name": "primary" }, { "name": "inverse" }]
-        },
-        {
-          "name": "disabled",
-          "description": "If true, disables the link",
-          "values": []
-        },
-        {
-          "name": "download",
-          "description": "If defined, downloads the url",
-          "values": []
-        },
-        {
-          "name": "href",
-          "description": "If defined, loads url on click",
-          "values": []
-        },
-        {
-          "name": "icon",
-          "description": "If defined, renders an icon before or after the text",
-          "values": [{ "name": "Icon" }]
-        },
-        {
-          "name": "icon-placement",
-          "description": "Defines the position of the icon in relation to the text",
-          "values": [{ "name": "left" }, { "name": "right" }]
-        },
-        {
-          "name": "rel",
-          "description": "If defined, describes the relationship between a linked resource and the current document",
-          "values": []
-        },
-        {
-          "name": "route",
-          "description": "If defined, used on conjunction with onClick property, second argument",
-          "values": []
-        },
-        {
-          "name": "stretch",
-          "description": "If true, fills the parents horizontal axis",
-          "values": []
-        },
-        {
-          "name": "target",
-          "description": "If defined, specifies where to open the linked document",
-          "values": [
-            { "name": "_blank" },
-            { "name": "_parent" },
-            { "name": "_self" },
-            { "name": "_top" }
-          ]
-        },
-        {
-          "name": "type",
-          "description": "Defines the type of button",
-          "values": [{ "name": "SkfLinkType" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "skf-menu-item",
-      "description": "The `<skf-menu-item>` is used in conjunction with the `<skf-menu>` component\n---\n\n\n### **Slots:**\n - _default_ - The component's main content",
+      "description": "The `<skf-menu-item>` is used in conjunction with the `<skf-menu>` component\n---\n\n\n### **Events:**\n - **skf-link-click** - Fired when the link is clicked\n\n### **Slots:**\n - _default_ - The component's main content",
       "attributes": [
         {
           "name": "as",
           "description": "Defines the semantic element to render",
-          "values": [{ "name": "button" }, { "name": "a" }]
+          "values": [{ "name": "button" }, { "name": "link" }]
         },
         {
           "name": "color",
           "description": "Defines the text-color",
-          "values": [{ "name": "primary" }, { "name": "inverse" }]
+          "values": [{ "name": "Color" }]
         },
         {
           "name": "disabled",
@@ -885,9 +895,9 @@
           "values": [{ "name": "Icon" }]
         },
         {
-          "name": "icon-placement",
-          "description": "Defines the position of the icon in relation to the text",
-          "values": [{ "name": "left" }, { "name": "right" }]
+          "name": "icon-right",
+          "description": "If true, the icon is placed to the right in relation to the text",
+          "values": []
         },
         {
           "name": "rel",
@@ -896,7 +906,7 @@
         },
         {
           "name": "route",
-          "description": "If defined, used on conjunction with onClick property, second argument",
+          "description": "If defined, used on conjunction with onClick property. **Notice!** Only applicable to as=button.",
           "values": []
         },
         {
@@ -913,11 +923,6 @@
             { "name": "_self" },
             { "name": "_top" }
           ]
-        },
-        {
-          "name": "type",
-          "description": "Defines the type of button",
-          "values": [{ "name": "SkfLinkType" }]
         }
       ],
       "references": []
@@ -952,15 +957,6 @@
       ],
       "references": []
     },
-    {
-      "name": "skf-nav-item",
-      "description": "The `<skf-nav>` is a component that displays a list of <nav-items>.\n---\n\n\n### **Slots:**\n - _default_ - The component's main content",
-      "attributes": [
-        { "name": "href", "values": [] },
-        { "name": "icon", "values": [{ "name": "Icon" }] }
-      ],
-      "references": []
-    },
     {
       "name": "skf-popover",
       "description": "The `<skf-popover>` is a general purpose component that displays the slot content in a popover.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/983e5d-popover) for design principles\n---\n\n\n### **Events:**\n - **skf-opened** - Fired when the menu is opened\n- **skf-closed** - Fired when the menu is closed\n\n### **Slots:**\n - _default_ - The popover content",