@primer-io/primer-js 1.1.0 → 1.2.0

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

@@ -121,23 +121,6 @@
       ],
       "references": []
     },
-    {
-      "name": "primer-icon",
-      "description": "\n---\n",
-      "attributes": [
-        { "name": "color", "values": [] },
-        {
-          "name": "size",
-          "values": [{ "name": "lg" }, { "name": "md" }, { "name": "sm" }]
-        },
-        {
-          "name": "name",
-          "description": "The name of the icon to draw - available names can be found under library.ts file",
-          "values": [{ "name": "IconName" }]
-        }
-      ],
-      "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",
@@ -160,6 +143,23 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-icon",
+      "description": "\n---\n",
+      "attributes": [
+        { "name": "color", "values": [] },
+        {
+          "name": "size",
+          "values": [{ "name": "lg" }, { "name": "md" }, { "name": "sm" }]
+        },
+        {
+          "name": "name",
+          "description": "The name of the icon to draw - available names can be found under library.ts file",
+          "values": [{ "name": "IconName" }]
+        }
+      ],
+      "references": []
+    },
     {
       "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 - **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",

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": "1.1.0",
+  "version": "1.2.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -277,42 +277,6 @@
             ]
           }
         },
-        {
-          "name": "primer-icon",
-          "description": "\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "color",
-              "value": {
-                "type": "string",
-                "default": "'var(--primer-color-icon-primary)'"
-              }
-            },
-            {
-              "name": "size",
-              "value": { "type": "'lg' | 'md' | 'sm'", "default": "'lg'" }
-            },
-            {
-              "name": "name",
-              "description": "The name of the icon to draw - available names can be found under library.ts file",
-              "value": { "type": "IconName | undefined" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "color", "type": "string" },
-              { "name": "size", "type": "'lg' | 'md' | 'sm'" },
-              {
-                "name": "name",
-                "description": "The name of the icon to draw - available names can be found under library.ts file",
-                "type": "IconName | undefined"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "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",
@@ -352,6 +316,42 @@
             "events": []
           }
         },
+        {
+          "name": "primer-icon",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "color",
+              "value": {
+                "type": "string",
+                "default": "'var(--primer-color-icon-primary)'"
+              }
+            },
+            {
+              "name": "size",
+              "value": { "type": "'lg' | 'md' | 'sm'", "default": "'lg'" }
+            },
+            {
+              "name": "name",
+              "description": "The name of the icon to draw - available names can be found under library.ts file",
+              "value": { "type": "IconName | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "color", "type": "string" },
+              { "name": "size", "type": "'lg' | 'md' | 'sm'" },
+              {
+                "name": "name",
+                "description": "The name of the icon to draw - available names can be found under library.ts file",
+                "type": "IconName | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "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 - **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",

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": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "main": "./dist/primer-loader.js",
   "types": "./dist/primer-loader.d.ts",