@plusui/library 0.1.2 → 0.1.4

package/vscode.html-custom-data.json

@@ -28,7 +28,7 @@
         },
         {
           "name": "icon",
-          "description": "Icon class to use when no image is available",
+          "description": "Icon name to use when no image is available",
           "values": []
         },
         {
@@ -152,15 +152,6 @@
       ],
       "references": []
     },
-    {
-      "name": "plus-icon",
-      "description": "\n---\n",
-      "attributes": [
-        { "name": "iconName", "values": [{ "name": "IconName" }] },
-        { "name": "prefix", "values": [{ "name": "IconPrefix" }] }
-      ],
-      "references": []
-    },
     {
       "name": "plus-badge",
       "description": "\n---\n",
@@ -254,10 +245,37 @@
       "references": []
     },
     {
-      "name": "plus-svg-icon",
-      "description": "\n---\n",
+      "name": "plus-icon",
+      "description": "\n---\n\n\n### **CSS Properties:**\n - **--icon-size** - Custom icon size (overrides size variants) _(default: undefined)_\n- **--icon-color** - Custom icon color (overrides currentColor) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper\n- **icon** - The SVG icon element",
       "attributes": [
-        { "name": "iconName", "values": [{ "name": "IconName" }] }
+        {
+          "name": "icon-name",
+          "description": "Name of the icon to display",
+          "values": [{ "name": "IconName" }]
+        },
+        {
+          "name": "icon-style",
+          "description": "Style variant of the icon: solid, regular, or light",
+          "values": [{ "name": "IconStyle" }]
+        },
+        {
+          "name": "size",
+          "description": "Size variant for the icon",
+          "values": [
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" },
+            { "name": "2xl" },
+            { "name": "3xl" }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "Label for accessibility - will be used as aria-label",
+          "values": []
+        }
       ],
       "references": []
     },
@@ -468,37 +486,37 @@
         },
         {
           "name": "checked",
-          "description": "Indicates whether the radio button is checked",
+          "description": "Whether the radio is checked.",
           "values": []
         },
         {
           "name": "error",
-          "description": "Indicates if the radio button is in an error state",
+          "description": "Whether the radio is in an error state.",
           "values": []
         },
         {
           "name": "disabled",
-          "description": "Disables the radio button interaction",
+          "description": "Whether the radio is disabled.",
           "values": []
         },
         {
           "name": "readonly",
-          "description": "Makes the radio button readonly (non-interactive but not disabled)",
+          "description": "Whether the radio is readonly.",
           "values": []
         },
         {
           "name": "name",
-          "description": "The name of the radio button, used for form submission and radio grouping",
+          "description": "The radio's name attribute.",
           "values": []
         },
         {
           "name": "required",
-          "description": "Indicates if the radio input is required",
+          "description": "Whether the radio is required.",
           "values": []
         },
         {
           "name": "value",
-          "description": "The value associated with the radio button",
+          "description": "The radio's value attribute.",
           "values": []
         }
       ],
@@ -506,11 +524,11 @@
     },
     {
       "name": "plus-segmented-picker-item",
-      "description": "An item component for the segmented picker.\n---\n\n\n### **Slots:**\n - _default_ - The content of the item.\n\n### **CSS Parts:**\n - **label** - The label element.\n- **input** - The input element.",
+      "description": "An item component for the segmented picker.\n---\n\n\n### **Slots:**\n - _default_ - The content of the item.\n\n### **CSS Properties:**\n - **--active-color** - Color of the active indicator _(default: undefined)_\n\n### **CSS Parts:**\n - **label** - The label element.\n- **input** - The input element.",
       "attributes": [
         {
           "name": "checked",
-          "description": "Whether the item is checked.",
+          "description": "The value associated with the item.",
           "values": []
         },
         {
@@ -520,7 +538,7 @@
         },
         {
           "name": "disabled",
-          "description": "Whether the item is disabled.",
+          "description": "Disables the item, making it non-interactive.",
           "values": []
         },
         {
@@ -574,8 +592,16 @@
       "attributes": [
         { "name": "name", "values": [] },
         { "name": "value", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "required", "values": [] },
+        {
+          "name": "disabled",
+          "description": "Disables all radio buttons in the group.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Makes the radio group required for form submission.",
+          "values": []
+        },
         {
           "name": "size",
           "description": "The size of all radio buttons in the group\n- sm: Small size\n- md: Medium size\n- lg: Large size",
@@ -583,7 +609,7 @@
         },
         {
           "name": "error",
-          "description": "Shows error styling on the radio group",
+          "description": "Displays the radio buttons in an error state.",
           "values": []
         },
         {
@@ -819,12 +845,12 @@
           "values": []
         },
         {
-          "name": "statusIcon",
+          "name": "status-icon",
           "description": "Determines whether a status icon should be displayed in the popover.\n\n- `true` (default) - An icon representing the status will be displayed.\n- `false` - No icon will be displayed.",
           "values": []
         },
         {
-          "name": "showArrow",
+          "name": "show-arrow",
           "description": "Determines whether the arrow should be displayed.\n\n- `true` (default) - Arrow will be displayed.\n- `false` - Arrow will be hidden.",
           "values": []
         }
@@ -842,12 +868,12 @@
         },
         {
           "name": "disabled",
-          "description": "Disables the list box item interaction\nWhen disabled, the item cannot be clicked or selected",
+          "description": "Disables the item, making it non-interactive.",
           "values": []
         },
         {
           "name": "selected",
-          "description": "Sets the selected state of the list box item\nWhen selected, the item will display with a highlighted background",
+          "description": "Indicates whether the item is currently selected.",
           "values": []
         },
         {
@@ -961,6 +987,41 @@
       "name": "plus-input",
       "description": "Form input component that provides various input types, validation, and styling features.\n---\n\n\n### **Events:**\n - **plus-input** - Emitted when the input value changes\n- **plus-change** - Emitted when the input value changes and the input loses focus\n- **plus-focus** - Emitted when the input gains focus\n- **plus-blur** - Emitted when the input loses focus\n- **plus-clear** - Emitted when the clear button is clicked\n- **plus-password-toggle** - Emitted when the password visibility is toggled\n- **plus-invalid** - Emitted when the input value is invalid\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks the validity of the input against constraints.\n- **reportValidity(): _boolean_** - Reports the validity of the input. If the input is invalid,\nit dispatches an 'invalid' event and focuses the input.\n- **setCustomValidity(message: _string_): _void_** - Sets a custom validation message for the input.\n\n### **Slots:**\n - **prefix** - Content to be placed before the input\n- **suffix** - Content to be placed after the input\n\n### **CSS Parts:**\n - **input** - The native input element\n- **wrapper** - The input wrapper element\n- **prefix** - The prefix container\n- **suffix** - The suffix container\n- **clear-button** - The clear button\n- **password-toggle** - The password visibility toggle button",
       "attributes": [
+        {
+          "name": "clearable",
+          "description": "Whether the input should have a clear button",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the input is disabled",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the input is readonly",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required",
+          "values": []
+        },
+        {
+          "name": "password-toggle",
+          "description": "Whether to show a password toggle button",
+          "values": []
+        },
+        {
+          "name": "password-visible",
+          "description": "Whether the password is visible",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Whether the input is in an error state",
+          "values": []
+        },
         {
           "name": "type",
           "description": "The type of input",
@@ -997,36 +1058,6 @@
           "description": "The size of the input",
           "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
         },
-        {
-          "name": "clearable",
-          "description": "Whether the input should have a clear button",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the input is disabled",
-          "values": []
-        },
-        {
-          "name": "readonly",
-          "description": "Whether the input is readonly",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Whether the input is required",
-          "values": []
-        },
-        {
-          "name": "password-toggle",
-          "description": "Whether to show a password toggle button",
-          "values": []
-        },
-        {
-          "name": "password-visible",
-          "description": "Whether the password is visible",
-          "values": []
-        },
         {
           "name": "label",
           "description": "The label for the input",
@@ -1114,11 +1145,6 @@
           "description": "Caption text to display below the input",
           "values": []
         },
-        {
-          "name": "error",
-          "description": "Whether the input is in an error state",
-          "values": []
-        },
         {
           "name": "error-message",
           "description": "The error message to display",
@@ -1129,11 +1155,6 @@
           "description": "Whether the input should take up full width",
           "values": []
         },
-        {
-          "name": "isSelect",
-          "description": "Whether the input is used as part of a select component",
-          "values": []
-        },
         {
           "name": "prefix-icon",
           "description": "Icon name for the prefix icon",
@@ -1195,12 +1216,12 @@
         },
         {
           "name": "status-icon",
-          "description": "Determines whether a status icon should be displayed in the popconfirm.\n\n- `true` (default) - An icon representing the status will be displayed.\n- `false` - No icon will be displayed.",
+          "description": "Determines whether a status icon should be displayed in the popconfirm.",
           "values": []
         },
         {
           "name": "show-arrow",
-          "description": "Determines whether the arrow should be displayed.\n\n- `true` (default) - Arrow will be displayed.\n- `false` - Arrow will be hidden.",
+          "description": "Determines whether the arrow should be displayed.",
           "values": []
         }
       ],
@@ -1624,6 +1645,11 @@
           "name": "clearable",
           "description": "Enables a clear button to reset the selection.",
           "values": []
+        },
+        {
+          "name": "full-width",
+          "description": "Makes the select full width.",
+          "values": []
         }
       ],
       "references": []
@@ -1649,7 +1675,6 @@
         { "name": "toggle-icon", "values": [] },
         { "name": "toggle-active-icon", "values": [] },
         { "name": "toggle-inactive-icon", "values": [] },
-        { "name": "icon-size", "values": [] },
         { "name": "error", "values": [] },
         { "name": "error-message", "values": [] },
         { "name": "disabled", "values": [] },
@@ -1699,12 +1724,12 @@
         },
         {
           "name": "prefix-icon",
-          "description": "Icon to display before the tab content",
+          "description": "Icon name to display before the tab content",
           "values": []
         },
         {
           "name": "suffix-icon",
-          "description": "Icon to display after the tab content",
+          "description": "Icon name to display after the tab content",
           "values": []
         },
         {
@@ -1736,12 +1761,12 @@
         },
         {
           "name": "active",
-          "description": "Indicates if the panel is currently visible",
+          "description": "Indicates whether the panel is currently active/visible.",
           "values": []
         },
         {
           "name": "panelClass",
-          "description": "Custom CSS class to apply to the panel",
+          "description": "An optional class to apply to the panel container.",
           "values": []
         }
       ],
@@ -1768,7 +1793,7 @@
         },
         {
           "name": "dismissible",
-          "description": "Enables the dismiss button on all tabs",
+          "description": "Allows individual tabs to be dismissed (closed).",
           "values": []
         },
         {