@rogieking/figui3 1.1.4 → 1.1.5

package/README.md

@@ -36,7 +36,7 @@ The library includes the following components:
 ## Installation
 
 ```bash
-npm install fig-js
+npm install @rogieking/figui3
 ```
 
 ```jsx
@@ -74,7 +74,7 @@ or
 
 ## Documentation
 
-For detailed documentation and examples, visit our [documentation site](https://your-docs-site.com).
+For detailed documentation and examples, visit our [documentation site](https://github.com/rogie/figui3#readme).
 
 ## Browser Support
 

package/example.html

@@ -471,9 +471,11 @@
                       size="large"></fig-chit>
         </hstack>
         <br />
-        <fig-tooltip text="Tooltip text">
-            <p>Tooltip</p>
-        </fig-tooltip>
+        <p>Some paragraph text here with a
+            <fig-tooltip text="Tooltip text">
+                <em>Tooltip</em>
+            </fig-tooltip> for more information.
+        </p>
         <br /><br />
         <hstack>
             <input type="radio"

package/fig.js

@@ -1132,9 +1132,7 @@ class FigInputColor extends HTMLElement {
     );
     let html = ``;
     if (this.getAttribute("text")) {
-      let label = `<fig-input-text type="text" placeholder="Text" value="${this.getAttribute(
-        "value"
-      )}"></fig-input-text>`;
+      let label = `<fig-input-text type="text" placeholder="Text" value="${this.value}"></fig-input-text>`;
       if (this.getAttribute("alpha") === "true") {
         label += `<fig-tooltip text="Opacity">
                     <fig-input-text 
@@ -1254,9 +1252,12 @@ class FigInputColor extends HTMLElement {
     switch (name) {
       case "value":
         if (this.textInput) {
-          this.value = this.#swatch.value = this.textInput.value = newValue;
+          this.value =
+            this.#swatch.value =
+            this.textInput.value =
+              newValue.toUpperCase();
         } else {
-          this.value = newValue;
+          this.value = newValue.toUpperCase();
         }
         this.dispatchEvent(new CustomEvent("input", { bubbles: true }));
         break;
@@ -1279,13 +1280,13 @@ class FigInputColor extends HTMLElement {
 
     // If alpha is 1, return 6-digit hex
     if (a === 1) {
-      return `#${hexR}${hexG}${hexB}`;
+      return `#${hexR}${hexG}${hexB}`.toUpperCase();
     }
 
     // Otherwise, include alpha in 8-digit hex
     const alpha = Math.round(a * 255);
     const hexA = alpha.toString(16).padStart(2, "0");
-    return `#${hexR}${hexG}${hexB}${hexA}`;
+    return `#${hexR}${hexG}${hexB}${hexA}`.toUpperCase();
   }
 
   convertToRGBA(color) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogieking/figui3",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "module": "index.ts",
   "type": "module",
   "devDependencies": {