@primer-io/primer-js 0.14.0 → 0.15.0

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

@@ -75,6 +75,15 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-dialog",
+      "description": "\n---\n\n\n### **Events:**\n - **primer:dialog-open**\n- **primer:dialog-close**\n\n### **Methods:**\n - **startExitAnimation(): _void_** - Public method to trigger exit animation programmatically",
+      "attributes": [
+        { "name": "size", "values": [{ "name": "flex" }, { "name": "large" }] },
+        { "name": "showCloseButton", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "primer-collapsable",
       "description": "A collapsable component that smoothly expands and collapses content.\nUses CSS Grid for smooth animation and incorporates the primary button.\n---\n\n\n### **Events:**\n - **expanded-changed**\n\n### **Methods:**\n - **expand(): _void_** - Expand the collapsable programmatically\n- **collapse(): _void_** - Collapse the collapsable programmatically",
@@ -112,15 +121,6 @@
       ],
       "references": []
     },
-    {
-      "name": "primer-dialog",
-      "description": "\n---\n\n\n### **Events:**\n - **primer:dialog-open**\n- **primer:dialog-close**\n\n### **Methods:**\n - **startExitAnimation(): _void_** - Public method to trigger exit animation programmatically",
-      "attributes": [
-        { "name": "size", "values": [{ "name": "flex" }, { "name": "large" }] },
-        { "name": "showCloseButton", "values": [] }
-      ],
-      "references": []
-    },
     {
       "name": "primer-error-message",
       "description": "A reusable atomic error message component that displays error information\nwith appropriate styling and accessibility attributes.\n\nThis component is fully accessible and designed to work with screen readers.\nIt includes animations for visibility transitions.\n---\n\n\n### **CSS Parts:**\n - **error-message** - The main error message container\n- **error-icon** - The error icon container\n- **error-content** - The error text content",
@@ -579,8 +579,8 @@
       "references": []
     },
     {
-      "name": "primer-input-card-number",
-      "description": "Card number input component with dynamic card network detection and selection\n---\n\n\n### **Methods:**\n \n\n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code",
+      "name": "primer-input-cvv",
+      "description": "\n---\n\n\n### **Methods:**\n \n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code\n",
       "attributes": [
         {
           "name": "computedStyles",
@@ -605,8 +605,8 @@
       "references": []
     },
     {
-      "name": "primer-input-cvv",
-      "description": "\n---\n\n\n### **Methods:**\n \n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code\n",
+      "name": "primer-input-card-number",
+      "description": "Card number input component with dynamic card network detection and selection\n---\n\n\n### **Methods:**\n \n\n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code",
       "attributes": [
         {
           "name": "computedStyles",
@@ -678,12 +678,6 @@
       ],
       "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",
@@ -699,6 +693,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-delete-confirmation",
       "description": "VaultDeleteConfirmationComponent - displays confirmation UI for deleting a payment method\n---\n",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@primer-io/primer-js",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -179,6 +179,35 @@
             "events": []
           }
         },
+        {
+          "name": "primer-dialog",
+          "description": "\n---\n\n\n### **Events:**\n - **primer:dialog-open**\n- **primer:dialog-close**\n\n### **Methods:**\n - **startExitAnimation(): _void_** - Public method to trigger exit animation programmatically",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "value": { "type": "'flex' | 'large'", "default": "'flex'" }
+            },
+            {
+              "name": "showCloseButton",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "events": [
+            { "name": "primer:dialog-open", "type": "CustomEvent" },
+            { "name": "primer:dialog-close", "type": "CustomEvent" }
+          ],
+          "js": {
+            "properties": [
+              { "name": "size", "type": "'flex' | 'large'" },
+              { "name": "showCloseButton", "type": "boolean" }
+            ],
+            "events": [
+              { "name": "primer:dialog-open", "type": "CustomEvent" },
+              { "name": "primer:dialog-close", "type": "CustomEvent" }
+            ]
+          }
+        },
         {
           "name": "primer-collapsable",
           "description": "A collapsable component that smoothly expands and collapses content.\nUses CSS Grid for smooth animation and incorporates the primary button.\n---\n\n\n### **Events:**\n - **expanded-changed**\n\n### **Methods:**\n - **expand(): _void_** - Expand the collapsable programmatically\n- **collapse(): _void_** - Collapse the collapsable programmatically",
@@ -257,35 +286,6 @@
             "events": [{ "name": "expanded-changed", "type": "CustomEvent" }]
           }
         },
-        {
-          "name": "primer-dialog",
-          "description": "\n---\n\n\n### **Events:**\n - **primer:dialog-open**\n- **primer:dialog-close**\n\n### **Methods:**\n - **startExitAnimation(): _void_** - Public method to trigger exit animation programmatically",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "value": { "type": "'flex' | 'large'", "default": "'flex'" }
-            },
-            {
-              "name": "showCloseButton",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
-          "events": [
-            { "name": "primer:dialog-open", "type": "CustomEvent" },
-            { "name": "primer:dialog-close", "type": "CustomEvent" }
-          ],
-          "js": {
-            "properties": [
-              { "name": "size", "type": "'flex' | 'large'" },
-              { "name": "showCloseButton", "type": "boolean" }
-            ],
-            "events": [
-              { "name": "primer:dialog-open", "type": "CustomEvent" },
-              { "name": "primer:dialog-close", "type": "CustomEvent" }
-            ]
-          }
-        },
         {
           "name": "primer-error-message",
           "description": "A reusable atomic error message component that displays error information\nwith appropriate styling and accessibility attributes.\n\nThis component is fully accessible and designed to work with screen readers.\nIt includes animations for visibility transitions.\n---\n\n\n### **CSS Parts:**\n - **error-message** - The main error message container\n- **error-icon** - The error icon container\n- **error-content** - The error text content",
@@ -1535,8 +1535,8 @@
           }
         },
         {
-          "name": "primer-input-card-number",
-          "description": "Card number input component with dynamic card network detection and selection\n---\n\n\n### **Methods:**\n \n\n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code",
+          "name": "primer-input-cvv",
+          "description": "\n---\n\n\n### **Methods:**\n \n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code\n",
           "doc-url": "",
           "attributes": [
             {
@@ -1590,8 +1590,8 @@
           }
         },
         {
-          "name": "primer-input-cvv",
-          "description": "\n---\n\n\n### **Methods:**\n \n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code\n",
+          "name": "primer-input-card-number",
+          "description": "Card number input component with dynamic card network detection and selection\n---\n\n\n### **Methods:**\n \n\n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code",
           "doc-url": "",
           "attributes": [
             {
@@ -1746,23 +1746,6 @@
             "events": []
           }
         },
-        {
-          "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",
-          "doc-url": "",
-          "attributes": [],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "assetConfig",
-                "description": "The asset configuration containing icon and display data",
-                "type": "AssetConfig | null"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "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",
@@ -1808,6 +1791,23 @@
             "events": []
           }
         },
+        {
+          "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",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "assetConfig",
+                "description": "The asset configuration containing icon and display data",
+                "type": "AssetConfig | null"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "primer-vault-delete-confirmation",
           "description": "VaultDeleteConfirmationComponent - displays confirmation UI for deleting a payment method\n---\n",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@primer-io/primer-js",
   "description": "Primer Checkout is a web component-based SDK for building secure, customizable, and PCI-compliant checkout experiences. Designed with a modular architecture, it integrates seamlessly with any JavaScript framework and supports multiple payment methods.",
   "license": "BSD-3-Clause",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "type": "module",
   "main": "./dist/primer-loader.js",
   "types": "./dist/primer-loader.d.ts",