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

package/dist/web-types.json

@@ -88,78 +88,6 @@
             "events": []
           }
         },
-        {
-          "name": "skf-alert",
-          "description": "The `<skf-alert>` is a type of notification that appears in-line\n---\n\n\n### **Events:**\n - **skf-alert-close** - Fires when the close button is clicked\n\n### **Slots:**\n - _default_ - Alert message. **Notice!** See design principles for approved content\n- **link** - Slot for the link",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "closeable",
-              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
-              "value": { "type": "boolean | undefined" }
-            },
-            {
-              "name": "button-label",
-              "description": "Close button aria-label",
-              "value": { "type": "string", "default": "'Close'" }
-            },
-            {
-              "name": "icon",
-              "description": "If defined, displays leading icon",
-              "value": { "type": "SkfIcon['name'] | undefined" }
-            },
-            {
-              "name": "severity",
-              "description": "If defined, gives the supplied appearance",
-              "value": {
-                "type": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "Alert message. **Notice!** See design principles for approved content"
-            },
-            { "name": "link", "description": "Slot for the link" }
-          ],
-          "events": [
-            {
-              "name": "skf-alert-close",
-              "description": "Fires when the close button is clicked"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "closeable",
-                "description": "If true, alert is being used as a toast (alertdialog) with an close button",
-                "type": "boolean | undefined"
-              },
-              {
-                "name": "buttonLabel",
-                "description": "Close button aria-label",
-                "type": "string"
-              },
-              {
-                "name": "icon",
-                "description": "If defined, displays leading icon",
-                "type": "SkfIcon['name'] | undefined"
-              },
-              {
-                "name": "severity",
-                "description": "If defined, gives the supplied appearance",
-                "type": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
-              }
-            ],
-            "events": [
-              {
-                "name": "skf-alert-close",
-                "description": "Fires when the close button is clicked"
-              }
-            ]
-          }
-        },
         {
           "name": "skf-button",
           "description": "Component to be used in forms or for interactivity\n---\n\n\n### **Slots:**\n - _default_ - The Primary content",
@@ -309,6 +237,78 @@
             "events": []
           }
         },
+        {
+          "name": "skf-alert",
+          "description": "The `<skf-alert>` is a type of notification that appears in-line\n---\n\n\n### **Events:**\n - **skf-alert-close** - Fires when the close button is clicked\n\n### **Slots:**\n - _default_ - Alert message. **Notice!** See design principles for approved content\n- **link** - Slot for the link",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "closeable",
+              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
+              "value": { "type": "boolean | undefined" }
+            },
+            {
+              "name": "button-label",
+              "description": "Close button aria-label",
+              "value": { "type": "string", "default": "'Close'" }
+            },
+            {
+              "name": "icon",
+              "description": "If defined, displays leading icon",
+              "value": { "type": "SkfIcon['name'] | undefined" }
+            },
+            {
+              "name": "severity",
+              "description": "If defined, gives the supplied appearance",
+              "value": {
+                "type": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Alert message. **Notice!** See design principles for approved content"
+            },
+            { "name": "link", "description": "Slot for the link" }
+          ],
+          "events": [
+            {
+              "name": "skf-alert-close",
+              "description": "Fires when the close button is clicked"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "closeable",
+                "description": "If true, alert is being used as a toast (alertdialog) with an close button",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "buttonLabel",
+                "description": "Close button aria-label",
+                "type": "string"
+              },
+              {
+                "name": "icon",
+                "description": "If defined, displays leading icon",
+                "type": "SkfIcon['name'] | undefined"
+              },
+              {
+                "name": "severity",
+                "description": "If defined, gives the supplied appearance",
+                "type": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+              }
+            ],
+            "events": [
+              {
+                "name": "skf-alert-close",
+                "description": "Fires when the close button is clicked"
+              }
+            ]
+          }
+        },
         {
           "name": "skf-checkbox",
           "description": "The `<skf-checkbox>` component is used to create a checkbox input\n---\n\n\n### **Events:**\n - **change** - {object} - When the value of the input changes\n\n### **Slots:**\n - _default_ - The Radios label. Alternatively, you can use the `label` attribute.",
@@ -470,6 +470,52 @@
             ]
           }
         },
+        {
+          "name": "skf-divider",
+          "description": "The `<Divider>` component can separate items from each other, to visually emphasize their lack of a relationship between groups of information\n---\n\n\n### **CSS Properties:**\n - **--skf-divider-spacing** - The amount of space the divider occupies. Pass valid CSS **margin-block** values when horizontal and **margin-inline** when vertical _(default: undefined)_\n- **--skf-divider-inset** - The amount of space the divider should be indented. Pass valid CSS **margin-inline** values when horizontal and **margin-block** when vertical _(default: undefined)_",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "color",
+              "description": "Defines the Divider color",
+              "value": {
+                "type": "\"emphasised\" | \"primary\" | \"secondary\" | \"tertiary\" | \"inverse\"",
+                "default": "'primary'"
+              }
+            },
+            {
+              "name": "decorative",
+              "description": "If true, renders a div for presentational purpose instead of the semantic hr-element",
+              "value": { "type": "boolean | undefined" }
+            },
+            {
+              "name": "vertical",
+              "description": "If true, renders the divider vertically",
+              "value": { "type": "boolean | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "color",
+                "description": "Defines the Divider color",
+                "type": "\"emphasised\" | \"primary\" | \"secondary\" | \"tertiary\" | \"inverse\""
+              },
+              {
+                "name": "decorative",
+                "description": "If true, renders a div for presentational purpose instead of the semantic hr-element",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "vertical",
+                "description": "If true, renders the divider vertically",
+                "type": "boolean | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "skf-collapse",
           "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.\n---\n\n\n### **Events:**\n - **skf-collapse-toggle** - Event emitted when toggled\n\n### **Methods:**\n - **setClose()** - Class method as alternative to manipulate attribute\n- **setOpen()** - Class method as alternative to manipulate attribute\n\n### **Slots:**\n - _default_ - Main content",
@@ -559,52 +605,6 @@
             ]
           }
         },
-        {
-          "name": "skf-divider",
-          "description": "The `<Divider>` component can separate items from each other, to visually emphasize their lack of a relationship between groups of information\n---\n\n\n### **CSS Properties:**\n - **--skf-divider-spacing** - The amount of space the divider occupies. Pass valid CSS **margin-block** values when horizontal and **margin-inline** when vertical _(default: undefined)_\n- **--skf-divider-inset** - The amount of space the divider should be indented. Pass valid CSS **margin-inline** values when horizontal and **margin-block** when vertical _(default: undefined)_",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "color",
-              "description": "Defines the Divider color",
-              "value": {
-                "type": "\"emphasised\" | \"primary\" | \"secondary\" | \"tertiary\" | \"inverse\"",
-                "default": "'primary'"
-              }
-            },
-            {
-              "name": "decorative",
-              "description": "If true, renders a div for presentational purpose instead of the semantic hr-element",
-              "value": { "type": "boolean | undefined" }
-            },
-            {
-              "name": "vertical",
-              "description": "If true, renders the divider vertically",
-              "value": { "type": "boolean | undefined" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "color",
-                "description": "Defines the Divider color",
-                "type": "\"emphasised\" | \"primary\" | \"secondary\" | \"tertiary\" | \"inverse\""
-              },
-              {
-                "name": "decorative",
-                "description": "If true, renders a div for presentational purpose instead of the semantic hr-element",
-                "type": "boolean | undefined"
-              },
-              {
-                "name": "vertical",
-                "description": "If true, renders the divider vertically",
-                "type": "boolean | undefined"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "skf-heading",
           "description": "The `<Heading>` component is to deliniate content on a page. When using, take note not to skip heading levels.<br>\nIt extends the interface of native html `<h1>` to `<h4>` elements.\n---\n\n\n### **Slots:**\n - _default_ - The headings content",

package/package.json

@@ -34,7 +34,7 @@
   "sideEffects": true,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.4",
   "dependencies": {
     "@floating-ui/dom": "^1.6.11"
   },

package/dist/components/checkbox/checkbox.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/collapse/collapse.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/switch/switch.test.d.ts

@@ -1 +0,0 @@
-export {};