@public-ui/components 4.0.0-alpha.9 → 4.0.0-beta.1

package/doc/textarea.md

@@ -7,7 +7,7 @@
 
 | Property              | Attribute              | Description                                                                                                                                                                                                                                                                                        | Type                                                                                                                               | Default      |
 | --------------------- | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------------ |
-| `_accessKey`          | `_access-key`          | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                                                                              | `string \| undefined`                                                                                                              | `undefined`  |
+| `_accessKey`          | `_access-key`          | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                                                                              | `string \| undefined`                                                                                                              | `undefined`  |
 | `_adjustHeight`       | `_adjust-height`       | Adjusts the height of the element to its content.                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                                             | `false`      |
 | `_disabled`           | `_disabled`            | Makes the element not focusable and ignore all events.                                                                                                                                                                                                                                             | `boolean \| undefined`                                                                                                             | `false`      |
 | `_hasCounter`         | `_has-counter`         | Shows a character counter for the input element.                                                                                                                                                                                                                                                   | `boolean \| undefined`                                                                                                             | `false`      |
@@ -26,33 +26,33 @@
 | `_readOnly`           | `_read-only`           | Makes the input element read only.                                                                                                                                                                                                                                                                 | `boolean \| undefined`                                                                                                             | `false`      |
 | `_required`           | `_required`            | Makes the input element required.                                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                                             | `false`      |
 | `_resize`             | `_resize`              | Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize) In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`. | `"none" \| "vertical" \| undefined`                                                                                                | `'vertical'` |
-| `_rows`               | `_rows`                | Defines how many rows of text should be visible at the same time.                                                                                                                                                                                                                                  | `number \| undefined`                                                                                                              | `undefined`  |
+| `_rows`               | `_rows`                | Maximum number of visible rows of the element.                                                                                                                                                                                                                                                     | `number \| undefined`                                                                                                              | `undefined`  |
 | `_shortKey`           | `_short-key`           | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                                                                            | `string \| undefined`                                                                                                              | `undefined`  |
 | `_spellCheck`         | `_spell-check`         | Defines whether the browser should check the spelling and grammar.                                                                                                                                                                                                                                 | `boolean \| undefined`                                                                                                             | `undefined`  |
 | `_tooltipAlign`       | `_tooltip-align`       | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                                                                          | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                              | `'top'`      |
 | `_touched`            | `_touched`             | Shows if the input was touched by a user.                                                                                                                                                                                                                                                          | `boolean \| undefined`                                                                                                             | `false`      |
-| `_value`              | `_value`               | Defines the value of the input.                                                                                                                                                                                                                                                                    | `string \| undefined`                                                                                                              | `undefined`  |
+| `_value`              | `_value`               | Defines the value of the element.                                                                                                                                                                                                                                                                  | `string \| undefined`                                                                                                              | `undefined`  |
 
 
 ## Methods
 
-### `getValue() => Promise<string | undefined>`
+### `focus() => Promise<void | undefined>`
 
-Returns the current value.
+Sets focus on the internal element.
 
 #### Returns
 
-Type: `Promise<string | undefined>`
+Type: `Promise<void | undefined>`
 
 
 
-### `kolFocus() => Promise<void>`
+### `getValue() => Promise<string | undefined>`
 
-Sets focus on the internal element.
+Returns the current value.
 
 #### Returns
 
-Type: `Promise<void>`
+Type: `Promise<string | undefined>`
 
 
 

package/doc/toaster.md

@@ -3,6 +3,8 @@
 <!-- Auto Generated Below -->
 
 
+> **[DEPRECATED]** Will be removed in the next major version. For more information, please refer to: https://github.com/public-ui/kolibri/issues/8372
+
 ## Methods
 
 ### `closeAll(immediate?: boolean) => Promise<void>`

package/doc/tree-item.md

@@ -35,13 +35,13 @@ Type: `Promise<void>`
 
 
 
-### `focusLink() => Promise<void>`
+### `focus() => Promise<void | undefined>`
 
 Focuses the link element.
 
 #### Returns
 
-Type: `Promise<void>`
+Type: `Promise<void | undefined>`
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-beta.1",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -66,7 +66,6 @@
   ],
   "dependencies": {
     "@floating-ui/dom": "1.7.4",
-    "adopted-style-sheets": "1.1.9-rc.20",
     "boxen": "8.0.1",
     "chalk": "5.6.2",
     "clsx": "2.1.1",

package/vscode-custom-data.json

@@ -198,7 +198,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_aria-controls",
@@ -299,7 +299,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value that the button emits on click."
+          "description": "Defines the value of the element."
         },
         {
           "name": "_variant",
@@ -339,7 +339,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_aria-controls",
@@ -436,7 +436,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value that the button emits on click."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -491,15 +491,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_hide-clear-button",
-          "description": "Hides the clear button."
+          "name": "_has-clear-button",
+          "description": "Shows the clear button if enabled."
         },
         {
           "name": "_hide-label",
@@ -584,7 +584,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -613,6 +613,35 @@
         }
       ]
     },
+    {
+      "name": "kol-dialog",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_variant",
+          "description": "Defines the variant of the modal.",
+          "values": [
+            {
+              "name": "blank"
+            },
+            {
+              "name": "card"
+            }
+          ]
+        },
+        {
+          "name": "_width",
+          "description": "Defines the width of the modal. (max-width: 100%)"
+        }
+      ]
+    },
     {
       "name": "kol-drawer",
       "description": {
@@ -749,7 +778,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_checked",
@@ -850,7 +879,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         },
         {
           "name": "_variant",
@@ -878,7 +907,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_auto-complete",
@@ -996,7 +1025,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -1009,7 +1038,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1045,7 +1074,7 @@
         },
         {
           "name": "_max",
-          "description": "Defines the largest possible input value."
+          "description": "Defines the maximum value of the element."
         },
         {
           "name": "_min",
@@ -1168,7 +1197,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -1181,7 +1210,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1339,7 +1368,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -1356,7 +1385,7 @@
         },
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_disabled",
@@ -1483,7 +1512,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1519,7 +1548,7 @@
         },
         {
           "name": "_max",
-          "description": "Defines the largest possible input value."
+          "description": "Defines the maximum value of the element."
         },
         {
           "name": "_min",
@@ -1625,7 +1654,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -1638,7 +1667,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1788,7 +1817,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         },
         {
           "name": "_variant",
@@ -1898,7 +1927,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -1911,7 +1940,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1947,7 +1976,7 @@
         },
         {
           "name": "_max",
-          "description": "Defines the largest possible input value."
+          "description": "Defines the maximum value of the element."
         },
         {
           "name": "_min",
@@ -2008,7 +2037,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -2021,7 +2050,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_auto-complete",
@@ -2197,7 +2226,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -2227,7 +2256,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_aria-controls",
@@ -2345,7 +2374,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_aria-controls",
@@ -2481,7 +2510,7 @@
       "name": "kol-modal",
       "description": {
         "kind": "markdown",
-        "value": "https://en.wikipedia.org/wiki/Modal_window"
+        "value": ""
       },
       "attributes": [
         {
@@ -2564,7 +2593,7 @@
         },
         {
           "name": "_max",
-          "description": "Defines the maximum number of pages."
+          "description": "Defines the maximum value of the element."
         },
         {
           "name": "_page",
@@ -2627,7 +2656,7 @@
         },
         {
           "name": "_max",
-          "description": "Defines the maximum number of pages."
+          "description": "Defines the maximum value of the element."
         },
         {
           "name": "_page",
@@ -2674,7 +2703,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_aria-controls",
@@ -2793,7 +2822,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value that the button emits on click."
+          "description": "Defines the value of the element."
         },
         {
           "name": "_variant",
@@ -2833,7 +2862,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_aria-controls",
@@ -2948,7 +2977,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value that the button emits on click."
+          "description": "Defines the value of the element."
         },
         {
           "name": "_variant",
@@ -2992,7 +3021,7 @@
         },
         {
           "name": "_max",
-          "description": "Defines at which value the progress display is completed."
+          "description": "Defines the maximum value of the element."
         },
         {
           "name": "_unit",
@@ -3000,7 +3029,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the progress."
+          "description": "Defines the value of the element."
         },
         {
           "name": "_variant",
@@ -3055,6 +3084,116 @@
         "kind": "markdown",
         "value": ""
       },
+      "attributes": [
+        {
+          "name": "_access-key",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
+        },
+        {
+          "name": "_disabled",
+          "description": "Makes the element not focusable and ignore all events."
+        },
+        {
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
+        },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
+        {
+          "name": "_hint",
+          "description": "Defines the hint text."
+        },
+        {
+          "name": "_icons",
+          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
+        },
+        {
+          "name": "_id",
+          "description": "Defines the internal ID of the primary component element."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
+        },
+        {
+          "name": "_msg",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "values": [
+            {
+              "name": "_hasCloser"
+            },
+            {
+              "name": "_label"
+            },
+            {
+              "name": "_level"
+            }
+          ]
+        },
+        {
+          "name": "_multiple",
+          "description": "Makes the input accept multiple inputs."
+        },
+        {
+          "name": "_name",
+          "description": "Defines the technical name of an input field."
+        },
+        {
+          "name": "_options",
+          "description": "Options the user can choose from."
+        },
+        {
+          "name": "_required",
+          "description": "Makes the input element required."
+        },
+        {
+          "name": "_rows",
+          "description": "Maximum number of visible rows of the element."
+        },
+        {
+          "name": "_short-key",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
+        },
+        {
+          "name": "_tab-index",
+          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+        },
+        {
+          "name": "_tooltip-align",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "_touched",
+          "description": "Shows if the input was touched by a user."
+        },
+        {
+          "name": "_value",
+          "description": "Defines the value of the element."
+        }
+      ]
+    },
+    {
+      "name": "kol-select-wc",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
       "attributes": [
         {
           "name": "_access-key",
@@ -3175,8 +3314,8 @@
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_hide-clear-button",
-          "description": "Defines the whether the clear button should be hidden."
+          "name": "_has-clear-button",
+          "description": "Shows the clear button if enabled."
         },
         {
           "name": "_hide-label",
@@ -3235,7 +3374,7 @@
         },
         {
           "name": "_rows",
-          "description": "Maximum number of visible rows in the options dropdown before scrolling."
+          "description": "Maximum number of visible rows of the element."
         },
         {
           "name": "_short-key",
@@ -3265,7 +3404,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },
@@ -3327,7 +3466,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_aria-controls",
@@ -3424,7 +3563,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value that the button emits on click."
+          "description": "Defines the value of the element."
         },
         {
           "name": "_variant",
@@ -3616,7 +3755,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_adjust-height",
@@ -3715,7 +3854,7 @@
         },
         {
           "name": "_rows",
-          "description": "Defines how many rows of text should be visible at the same time."
+          "description": "Maximum number of visible rows of the element."
         },
         {
           "name": "_short-key",
@@ -3749,7 +3888,7 @@
         },
         {
           "name": "_value",
-          "description": "Defines the value of the input."
+          "description": "Defines the value of the element."
         }
       ]
     },