@primer-io/primer-js 0.2.0 → 0.3.0

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

@@ -6,11 +6,12 @@
       "name": "primer-checkout",
       "description": "PrimerCheckoutComponent implements the main checkout experience.\nThis component includes a CSS-only loader that displays before the JavaScript\nis fully loaded, ensuring users see a loading indicator immediately.\n\nThe loader can be disabled by:\n1. Adding the 'loader-disabled' attribute to the component\n2. Setting the CSS custom property --primer-loader-disabled: 1\n---\n",
       "attributes": [
-        { "name": "customStyles", "values": [] },
-        { "name": "clientToken", "values": [] },
+        { "name": "custom-styles", "values": [] },
+        { "name": "client-token", "values": [] },
         { "name": "options", "values": [{ "name": "PrimerCheckoutOptions" }] },
+        { "name": "loader-disabled", "values": [] },
         {
-          "name": "_jsInitialized",
+          "name": "js-initialized",
           "description": "Whether the component has completed initialization and loading\nThis is used to control the CSS-only loader visibility",
           "values": []
         }
@@ -19,7 +20,7 @@
     },
     {
       "name": "primer-button",
-      "description": "\n---\n\n\n### **Events:**\n - **selection-change**",
+      "description": "\n---\n",
       "attributes": [
         {
           "name": "variant",
@@ -54,6 +55,11 @@
           "name": "selectable",
           "description": "Indicates if this button is selectable/checkable",
           "values": []
+        },
+        {
+          "name": "flex",
+          "description": "Indicates if wraps the slot in a flex container",
+          "values": []
         }
       ],
       "references": []
@@ -109,7 +115,7 @@
     },
     {
       "name": "primer-dialog",
-      "description": "\n---\n\n\n### **Events:**\n - **primer-dialog-close**",
+      "description": "\n---\n",
       "attributes": [],
       "references": []
     },
@@ -129,7 +135,7 @@
         },
         {
           "name": "role",
-          "description": "Accessibility role for the error message\nDefaults to \"alert\" for proper screen reader announcements",
+          "description": "Accessibility role (defaults to \"alert\")",
           "values": []
         }
       ],
@@ -154,7 +160,7 @@
     },
     {
       "name": "primer-input",
-      "description": "A fully type-safe input component that wraps the native HTML input element\nwhile providing additional functionality and styling.\n---\n\n\n### **Events:**\n - **focus** - Fired when the input receives focus\n- **blur** - Fired when the input loses focus\n- **invalid** - Fired when the input fails validation\n- **input** - Fired when the input value changes\n- **change** - Fired when the input value is committed\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Focus the input element\n- **blur(): _void_** - Remove focus from the input element\n- **select(): _void_** - Select all text in the input element\n- **setSelectionRange(start: _number_, end: _number_, direction: _'forward' | 'backward' | 'none'_): _void_** - Set the selection range of the input element\n- **checkValidity(): _boolean_** - Check if the input element is valid\n- **reportValidity(): _boolean_** - Report the validity of the input element\n- **addEventListener(type: _K_, listener: _(ev: InputEventMap[K]) => void_, options: _boolean | AddEventListenerOptions_): _void_** - Type safe event dispatcher - allows consumers to use proper types\nwhen listening to events from this component\n- **removeEventListener(type: _K_, listener: _(ev: InputEventMap[K]) => void_, options: _boolean | EventListenerOptions_): _void_** - Type safe event dispatcher removal\n\n### **CSS Parts:**\n - **input** - The native input element",
+      "description": "A fully type-safe input component that wraps the native HTML input element\nwhile providing additional functionality and styling.\n---\n\n\n### **Events:**\n - **input** - Fired when the input value changes\n- **change** - Fired when the input value is committed\n- **focus** - Fired when the input receives focus\n- **blur** - Fired when the input loses focus\n- **invalid** - Fired when the input fails validation\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Focus the input element\n- **blur(): _void_** - Remove focus from the input element\n- **select(): _void_** - Select all text in the input element\n- **setSelectionRange(start: _number_, end: _number_, direction: _'forward' | 'backward' | 'none'_): _void_** - Set the selection range of the input element\n- **checkValidity(): _boolean_** - Check if the input element is valid\n- **reportValidity(): _boolean_** - Report the validity of the input element\n- **addEventListener(type: _K_, listener: _(ev: InputEventMap[K]) => void_, options: _boolean | AddEventListenerOptions_): _void_** - Type safe event dispatcher - allows consumers to use proper types\nwhen listening to events from this component\n- **removeEventListener(type: _K_, listener: _(ev: InputEventMap[K]) => void_, options: _boolean | EventListenerOptions_): _void_** - Type safe event dispatcher removal\n\n### **CSS Parts:**\n - **input** - The native input element",
       "attributes": [
         { "name": "value", "values": [] },
         { "name": "placeholder", "values": [] },
@@ -169,8 +175,7 @@
         { "name": "min", "values": [] },
         { "name": "max", "values": [] },
         { "name": "step", "values": [] },
-        { "name": "autocomplete", "values": [] },
-        { "name": "id", "values": [] }
+        { "name": "autocomplete", "values": [] }
       ],
       "references": []
     },
@@ -210,7 +215,7 @@
     },
     {
       "name": "primer-input-wrapper",
-      "description": "A wrapper component for input elements that handles focus styling and interactions.\nProvides an improved user experience by making the entire wrapper clickable to focus the inner input.\n\nFeatures:\n- Automatically focuses primer-input elements when wrapper is clicked\n- Dispatches wrapper-click events for iframe-based hosted inputs\n- Sets proper cursor styling to indicate text input functionality\n---\n\n\n### **Events:**\n - **wrapper-click**",
+      "description": "A wrapper component for input elements that handles focus styling and interactions.\nProvides an improved user experience by making the entire wrapper clickable to focus the inner input.\n\nFeatures:\n- Automatically focuses primer-input elements when wrapper is clicked\n- Dispatches wrapper-click events for iframe-based hosted inputs\n- Sets proper cursor styling to indicate text input functionality\n---\n",
       "attributes": [
         { "name": "focusWithin", "values": [] },
         { "name": "has-error", "values": [] }
@@ -261,6 +266,7 @@
       "description": "CardFormComponent serves as a container for card input components.\nIt handles form submission, validation, and provides context to child components.\n---\n",
       "attributes": [
         { "name": "hide-labels", "values": [] },
+        { "name": "disabled", "values": [] },
         {
           "name": "paymentManagers",
           "description": "Payment managers injected from context",
@@ -294,15 +300,16 @@
           "name": "paymentManagers",
           "values": [{ "name": "InitializedManagersMap" }]
         },
-        { "name": "sdkState", "values": [{ "name": "SdkStateContext" }] },
+        { "name": "sdkState", "values": [{ "name": "SdkStateContextType" }] },
         {
           "name": "headlessUtils",
-          "values": [{ "name": "HeadlessUnitilsContext" }]
+          "values": [{ "name": "HeadlessUnitilsContextType" }]
         },
         {
           "name": "klarnaCategories",
-          "values": [{ "name": "KlarnaCategoriesContext" }]
-        }
+          "values": [{ "name": "KlarnaCategoriesContextType" }]
+        },
+        { "name": "disabled", "values": [] }
       ],
       "references": []
     },
@@ -321,7 +328,8 @@
         {
           "name": "computedStyles",
           "values": [{ "name": "CSSStyleDeclaration" }]
-        }
+        },
+        { "name": "disabled", "values": [] }
       ],
       "references": []
     },
@@ -330,9 +338,10 @@
       "description": "\n---\n",
       "attributes": [
         { "name": "type", "values": [{ "name": "PaymentMethodType" }] },
+        { "name": "disabled", "values": [] },
         {
           "name": "paymentMethods",
-          "values": [{ "name": "PaymentMethodsContext" }]
+          "values": [{ "name": "PaymentMethodsContextType" }]
         }
       ],
       "references": []
@@ -347,7 +356,7 @@
       "name": "primer-checkout-error",
       "description": "\n---\n",
       "attributes": [
-        { "name": "sdkState", "values": [{ "name": "SdkStateContext" }] }
+        { "name": "sdkState", "values": [{ "name": "SdkStateContextType" }] }
       ],
       "references": []
     },
@@ -357,9 +366,13 @@
       "attributes": [
         {
           "name": "paymentMethods",
-          "values": [{ "name": "PaymentMethodsContext" }]
+          "values": [{ "name": "PaymentMethodsContextType" }]
         },
-        { "name": "sdkState", "values": [{ "name": "SdkStateContext" }] }
+        { "name": "sdkState", "values": [{ "name": "SdkStateContextType" }] },
+        {
+          "name": "clientOptions",
+          "values": [{ "name": "ClientOptionsContextType" }]
+        }
       ],
       "references": []
     },
@@ -370,7 +383,8 @@
         {
           "name": "paymentMethod",
           "values": [{ "name": "InitializedPaymentMethod" }]
-        }
+        },
+        { "name": "disabled", "values": [] }
       ],
       "references": []
     },
@@ -403,13 +417,17 @@
         },
         {
           "name": "headlessInstance",
-          "values": [{ "name": "HeadlessUnitilsContext" }]
+          "values": [{ "name": "HeadlessUnitilsContextType" }]
         },
         {
           "name": "clientOptions",
-          "values": [{ "name": "ClientOptionsContext" }]
+          "values": [{ "name": "ClientOptionsContextType" }]
+        },
+        { "name": "sdkState", "values": [{ "name": "SdkStateContextType" }] },
+        {
+          "name": "cardFormContext",
+          "values": [{ "name": "CardFormContext" }]
         },
-        { "name": "sdkState", "values": [{ "name": "SdkStateContext" }] },
         {
           "name": "variant",
           "description": "The button variant to use.",
@@ -533,6 +551,12 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-payment-method-content",
+      "description": "PaymentMethodContentComponent - renders payment method information with icon and details\nThis component encapsulates the display logic and styles for payment method content\nso it can be reused across different containers without style conflicts\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "primer-vault-cvv-input",
       "description": "CVV Input component for vault payment methods\nRenders a secure iframe for CVV input when required by the selected payment method\nUses dedicated CVV context to minimize re-renders\n---\n\n\n### **Methods:**\n - **onCvvInputChange()** - Update CVV metadata in the context when input changes",
@@ -550,7 +574,7 @@
     },
     {
       "name": "primer-vault-delete-confirmation",
-      "description": "VaultDeleteConfirmationComponent - displays confirmation UI for deleting a payment method\n---\n\n\n### **Events:**\n - **confirm-delete**\n- **cancel-delete**",
+      "description": "VaultDeleteConfirmationComponent - displays confirmation UI for deleting a payment method\n---\n",
       "attributes": [
         {
           "name": "isDeleting",
@@ -578,7 +602,7 @@
     },
     {
       "name": "primer-vault-error-message",
-      "description": "VaultErrorMessageComponent - displays error messages with improved visuals\n---\n\n\n### **Events:**\n - **close-error**",
+      "description": "VaultErrorMessageComponent - displays error messages with improved visuals\n---\n",
       "attributes": [
         {
           "name": "errorMessage",
@@ -590,7 +614,7 @@
     },
     {
       "name": "primer-vault-manager-header",
-      "description": "VaultManagerHeaderComponent - displays the header for the vault manager\n---\n\n\n### **Events:**\n - **toggle-edit-mode**",
+      "description": "VaultManagerHeaderComponent - displays the header for the vault manager\n---\n",
       "attributes": [
         {
           "name": "isEditMode",
@@ -607,11 +631,11 @@
     },
     {
       "name": "primer-vault-payment-method-item",
-      "description": "VaultPaymentMethodItemComponent - displays a single payment method\nUses the VaultManagerController for display formatting\nNow supports selection via the simplified button checked state\nEnhanced with smooth transitions between edit and payment modes\nAlways renders the primer-button for consistent UI and improved accessibility\n---\n\n\n### **Events:**\n - **delete-payment-method**",
+      "description": "VaultPaymentMethodItemComponent - displays a single payment method\nUses the VaultManagerController for display formatting\nNow supports selection via the simplified button checked state\nEnhanced with smooth transitions between edit and payment modes\nAlways renders the primer-button for consistent UI and improved accessibility\n---\n",
       "attributes": [
         {
           "name": "headlessUtils",
-          "values": [{ "name": "HeadlessUnitilsContext" }]
+          "values": [{ "name": "HeadlessUnitilsContextType" }]
         },
         {
           "name": "isEditMode",
@@ -632,9 +656,9 @@
         },
         {
           "name": "headlessInstance",
-          "values": [{ "name": "HeadlessUnitilsContext" }]
+          "values": [{ "name": "HeadlessUnitilsContextType" }]
         },
-        { "name": "sdkState", "values": [{ "name": "SdkStateContext" }] },
+        { "name": "sdkState", "values": [{ "name": "SdkStateContextType" }] },
         {
           "name": "variant",
           "description": "The button variant to use.",