@iota-uz/sdk 0.8.0 → 0.10.0

package/dist/styles.css

@@ -117,9 +117,9 @@
     --clr-btn-bg-active: var(--gray-200);
     --clr-btn-bg-hover: var(--gray-100);
     --clr-btn-text: var(--black);
-    --crl-btn-text-hover: var(--black);
-    --clr-btn-border: var(--transaprent);
-    --clr-btn-border-hover: var(--transaprent);
+    --clr-btn-text-hover: var(--black);
+    --clr-btn-border: var(--transparent);
+    --clr-btn-border-hover: var(--transparent);
 
     /* Primary btn */
     --clr-primary-btn-bg: var(--primary-500);
@@ -418,7 +418,7 @@
   }
 
   .form-control-label {
-    color: var(--clr-form-control-label);
+    color: oklch(var(--clr-form-control-label));
     font-size: 0.875rem;
   }
 
@@ -438,12 +438,12 @@
   .btn {
     --text-color: var(--clr-btn-text);
     --loading-indicator-color: var(--clr-btn-text);
-    --text-hover: var(--crl-btn-text-hover);
-    --bg-color: var(--crl-btn-bg);
+    --text-hover: var(--clr-btn-text-hover);
+    --bg-color: var(--clr-btn-bg);
     --bg-active: var(--clr-btn-bg-active);
     --bg-hover: var(--clr-btn-bg-hover);
     --border-color: var(--clr-btn-border);
-    --border-hover: var(--crl-btn-border-hover);
+    --border-hover: var(--clr-btn-border-hover);
     --border-size: 1px;
     --size-x: calc(1rem - var(--border-size) * 2);
     --size-y: calc(0.75rem - var(--border-size) * 2);
@@ -767,7 +767,7 @@
     animation-timing-function: var(--ease-squish-2);
   }
 
-  .dialog-tbd {
+  .dialog-ttb {
     animation: var(--animation-slide-out-up) forwards;
     animation-timing-function: var(--ease-squish-2);
   }
@@ -793,7 +793,7 @@
     animation: var(--animation-slide-in-left);
   }
 
-  .dialog-tbd[open] {
+  .dialog-ttb[open] {
     animation: var(--animation-slide-in-down);
   }
 
@@ -1434,3 +1434,46 @@
 #infinite-scroll-spinner.htmx-request {
   display: table-row;
 }
+
+/*
+ * Checkbox indicator glyphs, shared by the templ Checkbox (components/base/input)
+ * and the Solid UI Checkbox (web/solid-ui/src/forms/Checkbox.tsx). Plain CSS on
+ * purpose: Tailwind v4 no longer emits the v3 `peer-checked:group-[]:*` hack,
+ * which left the templ checkmark at scale-0 when checked. Unlayered so it applies
+ * identically in the app bundle and in the Solid standalone stylesheet.
+ */
+.iota-checkbox-check,
+.iota-checkbox-minus {
+  display: none;
+}
+
+.peer:checked + .iota-checkbox-indicator .iota-checkbox-check {
+  display: block;
+}
+
+.peer:indeterminate + .iota-checkbox-indicator .iota-checkbox-check {
+  display: none;
+}
+
+.peer:indeterminate + .iota-checkbox-indicator .iota-checkbox-minus {
+  display: block;
+}
+
+/*
+ * Theme-toggle glyphs on the login page (modules/core/.../pages/login).
+ * Plain CSS for the same reason as the checkbox glyphs above: Tailwind v4
+ * does not emit the v3 `peer-checked/x:group-[]/x:scale-100` hack the markup
+ * used before, so each icon stayed at scale-0 and the toggle rendered empty.
+ * Each label is the next sibling of its named radio peer, so the sibling
+ * combinator reaches the icon without arbitrary-group variants.
+ */
+.iota-theme-icon {
+  scale: 0;
+  transition: scale 0.2s ease;
+}
+
+.peer\/system:checked + label .iota-theme-icon,
+.peer\/light:checked + label .iota-theme-icon,
+.peer\/dark:checked + label .iota-theme-icon {
+  scale: 1;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iota-uz/sdk",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "Canonical JavaScript distribution for iota-sdk.",
   "license": "MIT",
   "repository": {
@@ -32,6 +32,13 @@
       "types": "./dist/client-host/solid-index.d.ts",
       "import": "./dist/client-host/solid-index.js"
     },
+    "./solid-ui": {
+      "types": "./dist/solid-ui/index.d.ts",
+      "browser": "./dist/solid-ui/index.js",
+      "node": "./dist/solid-ui/index.server.js",
+      "import": "./dist/solid-ui/index.js"
+    },
+    "./solid-ui/standalone.css": "./dist/solid-ui/standalone.css",
     "./styles.css": "./dist/styles.css",
     "./identity": {
       "types": "./dist/sdk-identity.d.ts",