@skf-design-system/ui-components 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/custom-elements.json

@@ -160,6 +160,125 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/alert/alert.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-alert>` is a type of notification that appears in-line",
+          "name": "SkfAlert",
+          "slots": [
+            {
+              "description": "Alert message. **Notice!** See design principles for approved content",
+              "name": ""
+            },
+            {
+              "description": "Slot for the link",
+              "name": "link"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "closeable",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
+              "attribute": "closeable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "buttonLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "description": "Close button aria-label",
+              "attribute": "button-label"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "SkfIcon['name'] | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "severity",
+              "type": {
+                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+              },
+              "description": "If defined, gives the supplied appearance",
+              "attribute": "severity",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires when the close button is clicked",
+              "name": "skf-alert-close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "closeable",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
+              "fieldName": "closeable"
+            },
+            {
+              "name": "button-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "description": "Close button aria-label",
+              "fieldName": "buttonLabel"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "SkfIcon['name'] | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "fieldName": "icon"
+            },
+            {
+              "name": "severity",
+              "type": {
+                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+              },
+              "description": "If defined, gives the supplied appearance",
+              "fieldName": "severity"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element.js"
+          },
+          "tagName": "skf-alert",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfAlert",
+          "declaration": {
+            "name": "SkfAlert",
+            "module": "src/components/alert/alert.component.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/button/button.component.ts",
@@ -448,123 +567,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/alert/alert.component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `<skf-alert>` is a type of notification that appears in-line",
-          "name": "SkfAlert",
-          "slots": [
-            {
-              "description": "Alert message. **Notice!** See design principles for approved content",
-              "name": ""
-            },
-            {
-              "description": "Slot for the link",
-              "name": "link"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "closeable",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
-              "attribute": "closeable"
-            },
-            {
-              "kind": "field",
-              "name": "buttonLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "attribute": "button-label"
-            },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "SkfIcon['name'] | undefined"
-              },
-              "description": "If defined, displays leading icon",
-              "attribute": "icon"
-            },
-            {
-              "kind": "field",
-              "name": "severity",
-              "type": {
-                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
-              },
-              "description": "If defined, gives the supplied appearance",
-              "attribute": "severity"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires when the close button is clicked",
-              "name": "skf-alert-close"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "closeable",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
-              "fieldName": "closeable"
-            },
-            {
-              "name": "button-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "fieldName": "buttonLabel"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "SkfIcon['name'] | undefined"
-              },
-              "description": "If defined, displays leading icon",
-              "fieldName": "icon"
-            },
-            {
-              "name": "severity",
-              "type": {
-                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
-              },
-              "description": "If defined, gives the supplied appearance",
-              "fieldName": "severity"
-            }
-          ],
-          "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element.js"
-          },
-          "tagName": "skf-alert",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkfAlert",
-          "declaration": {
-            "name": "SkfAlert",
-            "module": "src/components/alert/alert.component.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/checkbox/checkbox.component.ts",
@@ -841,126 +843,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/divider/divider.component.ts",
+      "path": "src/components/collapse/collapse.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<Divider>` component can separate items from each other, to visually emphasize their lack of a relationship between groups of information",
-          "name": "SkfDivider",
-          "cssProperties": [
-            {
-              "description": "The amount of space the divider occupies. Pass valid CSS **margin-block** values when horizontal and **margin-inline** when vertical",
-              "name": "--skf-divider-spacing"
-            },
+          "description": "The `<skf-collapse>` component is a general purpose container for content that can be collapsed / expanded.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles.",
+          "name": "SkfCollapse",
+          "slots": [
             {
-              "description": "The amount of space the divider should be indented. Pass valid CSS **margin-inline** values when horizontal and **margin-block** when vertical",
-              "name": "--skf-divider-inset"
+              "description": "Main content",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "#internals",
-              "privacy": "private",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "\"emphasised\" | \"primary\" | \"secondary\" | \"tertiary\" | \"inverse\""
-              },
-              "default": "'primary'",
-              "description": "Defines the Divider color",
-              "attribute": "color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "decorative",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, renders a div for presentational purpose instead of the semantic hr-element",
-              "attribute": "decorative"
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, renders the divider vertically",
-              "attribute": "vertical",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "color",
-              "type": {
-                "text": "\"emphasised\" | \"primary\" | \"secondary\" | \"tertiary\" | \"inverse\""
-              },
-              "default": "'primary'",
-              "description": "Defines the Divider color",
-              "fieldName": "color"
-            },
-            {
-              "name": "decorative",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, renders a div for presentational purpose instead of the semantic hr-element",
-              "fieldName": "decorative"
-            },
-            {
-              "name": "vertical",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, renders the divider vertically",
-              "fieldName": "vertical"
-            }
-          ],
-          "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element.js"
-          },
-          "tagName": "skf-divider",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkfDivider",
-          "declaration": {
-            "name": "SkfDivider",
-            "module": "src/components/divider/divider.component.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/collapse/collapse.component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `<skf-collapse>` component is a general purpose container for content that can be collapsed / expanded.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles.",
-          "name": "SkfCollapse",
-          "slots": [
-            {
-              "description": "Main content",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "animated",
+              "name": "animated",
               "type": {
                 "text": "boolean | undefined"
               },
@@ -1107,6 +1005,110 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/divider/divider.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<Divider>` component can separate items from each other, to visually emphasize their lack of a relationship between groups of information",
+          "name": "SkfDivider",
+          "cssProperties": [
+            {
+              "description": "The amount of space the divider occupies. Pass valid CSS **margin-block** values when horizontal and **margin-inline** when vertical",
+              "name": "--skf-divider-spacing"
+            },
+            {
+              "description": "The amount of space the divider should be indented. Pass valid CSS **margin-inline** values when horizontal and **margin-block** when vertical",
+              "name": "--skf-divider-inset"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "\"emphasised\" | \"primary\" | \"secondary\" | \"tertiary\" | \"inverse\""
+              },
+              "default": "'primary'",
+              "description": "Defines the Divider color",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "decorative",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, renders a div for presentational purpose instead of the semantic hr-element",
+              "attribute": "decorative"
+            },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, renders the divider vertically",
+              "attribute": "vertical",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "\"emphasised\" | \"primary\" | \"secondary\" | \"tertiary\" | \"inverse\""
+              },
+              "default": "'primary'",
+              "description": "Defines the Divider color",
+              "fieldName": "color"
+            },
+            {
+              "name": "decorative",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, renders a div for presentational purpose instead of the semantic hr-element",
+              "fieldName": "decorative"
+            },
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, renders the divider vertically",
+              "fieldName": "vertical"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element.js"
+          },
+          "tagName": "skf-divider",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfDivider",
+          "declaration": {
+            "name": "SkfDivider",
+            "module": "src/components/divider/divider.component.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/heading/heading.component.ts",
@@ -2619,15 +2621,13 @@
             },
             {
               "kind": "field",
-              "name": "getSelectedValues",
-              "description": "A readonly property that returns the selected value(s) in a array",
-              "readonly": true
+              "name": "selectedValues",
+              "description": "A readonly property that returns the selected value(s) in a array"
             },
             {
               "kind": "field",
-              "name": "getSelectedOptionsText",
-              "description": "A readonly property that returns the selected slot(s) text content in a array",
-              "readonly": true
+              "name": "selectedOptionsText",
+              "description": "A readonly property that returns the selected slot(s) text content in a array"
             },
             {
               "kind": "field",
@@ -2717,8 +2717,7 @@
             {
               "kind": "field",
               "name": "value",
-              "description": "Read only, returns the selected value. (if multiple: in a comma separated string)",
-              "readonly": true
+              "description": "Read only, returns the selected value. (if multiple: in a comma separated string)"
             },
             {
               "kind": "field",
@@ -2945,7 +2944,7 @@
               "kind": "field",
               "name": "iconColor",
               "type": {
-                "text": "IconColor | undefined"
+                "text": "SeverityFgColor | undefined"
               },
               "description": "If defined, sets provided color on the icon",
               "attribute": "icon-color",
@@ -3030,7 +3029,7 @@
             {
               "name": "icon-color",
               "type": {
-                "text": "IconColor | undefined"
+                "text": "SeverityFgColor | undefined"
               },
               "description": "If defined, sets provided color on the icon",
               "fieldName": "iconColor"
@@ -3866,6 +3865,445 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/toast/toast.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A simple toast component that displays a message to the user. Use by appending a &lt;skf-toast&gt; tag to the DOM. Position in DOM is irrelevant.",
+          "name": "SkfToast",
+          "slots": [
+            {
+              "description": "The component's placeholder content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "closeable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If provided, adds a close button to the toast and will not disapear until user actively dismisses it.",
+              "attribute": "closeable"
+            },
+            {
+              "kind": "field",
+              "name": "debug",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "debug"
+            },
+            {
+              "kind": "field",
+              "name": "severity",
+              "type": {
+                "text": "'info' | 'success' | 'warning' | 'error'"
+              },
+              "default": "'info'",
+              "description": "Severity of the toast.",
+              "attribute": "severity"
+            },
+            {
+              "kind": "field",
+              "name": "timer",
+              "type": {
+                "text": "number"
+              },
+              "default": "5",
+              "description": "Time in seconds before the toast disappears.",
+              "attribute": "timer"
+            },
+            {
+              "kind": "field",
+              "name": "topOffset",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "offsets where toasts emerge vertically",
+              "attribute": "topOffset"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "closeable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If provided, adds a close button to the toast and will not disapear until user actively dismisses it.",
+              "fieldName": "closeable"
+            },
+            {
+              "name": "debug",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "debug"
+            },
+            {
+              "name": "severity",
+              "type": {
+                "text": "'info' | 'success' | 'warning' | 'error'"
+              },
+              "default": "'info'",
+              "description": "Severity of the toast.",
+              "fieldName": "severity"
+            },
+            {
+              "name": "timer",
+              "type": {
+                "text": "number"
+              },
+              "default": "5",
+              "description": "Time in seconds before the toast disappears.",
+              "fieldName": "timer"
+            },
+            {
+              "name": "topOffset",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "offsets where toasts emerge vertically",
+              "fieldName": "topOffset"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element"
+          },
+          "tagName": "skf-toast",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfToast",
+          "declaration": {
+            "name": "SkfToast",
+            "module": "src/components/toast/toast.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/toast-item/toast-item.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SkfToastItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_closeableInitialState",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "!!this.closeable"
+            },
+            {
+              "kind": "field",
+              "name": "_parentAnimationDiv",
+              "type": {
+                "text": "HTMLDivElement | null"
+              },
+              "privacy": "protected",
+              "default": "this.parentElement"
+            },
+            {
+              "kind": "field",
+              "name": "_currentTimeoutId",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | null"
+              },
+              "privacy": "private",
+              "description": "If not cloaseable, timeout id for the toast",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_timeleft",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "description": "If not closseable, time left on the timer when the mouse enters the toast",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_timeoutStarted",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "description": "If not closseable, time when the timeout started",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "originEl",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "timer",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "timer",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "_animateIn"
+            },
+            {
+              "kind": "field",
+              "name": "_handleMouseEnter"
+            },
+            {
+              "kind": "field",
+              "name": "_handleMouseLeave"
+            },
+            {
+              "kind": "field",
+              "name": "_removeToast"
+            },
+            {
+              "kind": "field",
+              "name": "parentAnimationDiv",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "closeable",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
+              "attribute": "closeable",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "buttonLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "description": "Close button aria-label",
+              "attribute": "button-label",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "SkfIcon['name'] | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "attribute": "icon",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "severity",
+              "type": {
+                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+              },
+              "description": "If defined, gives the supplied appearance",
+              "attribute": "severity",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "timer",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "timer"
+            },
+            {
+              "name": "closeable",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
+              "fieldName": "closeable",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
+            {
+              "name": "button-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "description": "Close button aria-label",
+              "fieldName": "buttonLabel",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "SkfIcon['name'] | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
+            {
+              "name": "severity",
+              "type": {
+                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+              },
+              "description": "If defined, gives the supplied appearance",
+              "fieldName": "severity",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SkfAlert",
+            "package": "@components/alert/alert.component.js"
+          },
+          "slots": [
+            {
+              "description": "Alert message. **Notice!** See design principles for approved content",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
+            {
+              "description": "Slot for the link",
+              "name": "link",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires when the close button is clicked",
+              "name": "skf-alert-close",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfToastItem",
+          "declaration": {
+            "name": "SkfToastItem",
+            "module": "src/components/toast-item/toast-item.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/toast-wrapper/toast-wrapper.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-toast-wrapper>` is a component without UI that positions where the toast shows up on the screen. The toast-wrapper is used internally by the toast component.",
+          "name": "SkfToastWrapper",
+          "slots": [
+            {
+              "description": "The alert components that the toast creates will render here.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "debug",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "debug",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "debug",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "debug"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element"
+          },
+          "tagName": "skf-toast-wrapper",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfToastWrapper",
+          "declaration": {
+            "name": "SkfToastWrapper",
+            "module": "src/components/toast-wrapper/toast-wrapper.component.ts"
+          }
+        }
+      ]
     }
   ]
 }