domma-js 0.45.0 → 0.46.0

package/public/dist/elements.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Elements CSS v0.45.0
+ * Domma Elements CSS v0.46.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T17:59:46.838Z
- * Commit: 224c5a0
+ * Built: 2026-09-27T20:30:22.531Z
+ * Commit: 2e6a350
  */
 
 /**
@@ -1028,55 +1028,71 @@ textarea:not([class])::placeholder {
     min-width: 0;
 }
 
-/* Icon-based input group (icon positioned inside input) */
+/* Addon input group (formConfig.prefix / suffix, E.inputGroup): an icon or
+ * short text joined to the start or end of an input, Bootstrap-style. The
+ * addon and the input share one border and one rounded outline; the addon is
+ * as wide as what it holds, so "£", "kg" and "https://" all fit. */
 .input-group-icon {
-    position: relative;
+    display: flex;
+    align-items: stretch;
     width: 100%;
+    min-width: 0;
 }
 
 .input-group-icon > .input-group-addon {
-    position: absolute;
-    top: 0;
-    bottom: 0;
     display: flex;
+    flex: none;
     align-items: center;
     justify-content: center;
+    gap: var(--dm-space-1);
+    padding: 0 var(--dm-space-3);
+    font-size: var(--dm-font-size-base);
+    line-height: 1;
+    white-space: nowrap;
     pointer-events: none;
-    z-index: 1;
+    /* Full text colour: muted text on the tinted addon fell below 4.5:1 on the
+     * mid-tone admin themes (validate:contrast). */
     color: var(--dm-text);
-    background-color: var(--dm-hover-bg);
-    padding: 0 var(--dm-space-3);
+    background-color: color-mix(in srgb, var(--dm-text) 6%, var(--dm-surface, var(--dm-white)));
+    border: 1px solid var(--dm-border, var(--dm-gray-300));
+    transition: border-color var(--dm-transition-fast), color var(--dm-transition-fast);
+}
+
+.input-group-icon > .input-group-addon [data-icon],
+.input-group-icon > .input-group-addon svg {
+    width: 1.15em;
+    height: 1.15em;
 }
 
 .input-group-icon > .input-group-addon-left {
-    left: 0;
-    border-right: 1px solid var(--dm-border, var(--dm-gray-300));
-    border-top-left-radius: var(--dm-radius-md);
-    border-bottom-left-radius: var(--dm-radius-md);
+    border-right: 0;
+    border-radius: var(--dm-radius-md) 0 0 var(--dm-radius-md);
 }
 
 .input-group-icon > .input-group-addon-right {
-    right: 0;
-    border-left: 1px solid var(--dm-border, var(--dm-gray-300));
-    border-top-right-radius: var(--dm-radius-md);
-    border-bottom-right-radius: var(--dm-radius-md);
+    border-left: 0;
+    border-radius: 0 var(--dm-radius-md) var(--dm-radius-md) 0;
 }
 
-/* Dark theme variants */
-[data-mode="dark"] .input-group-icon > .input-group-addon {
-    color: var(--dm-text-disabled);
-    background-color: var(--dm-surface);
-    border-color: var(--dm-text-secondary);
+.input-group-icon > .form-input,
+.input-group-icon > .form-select,
+.input-group-icon > .form-textarea,
+.input-group-icon > input,
+.input-group-icon > select,
+.input-group-icon > textarea {
+    flex: 1 1 auto;
+    width: 1%;
+    min-width: 0;
 }
 
-/* Adjust input padding when icon is present */
 .input-group-icon.has-addon-left > .form-input,
 .input-group-icon.has-addon-left > .form-select,
 .input-group-icon.has-addon-left > .form-textarea,
 .input-group-icon.has-addon-left > input,
 .input-group-icon.has-addon-left > select,
 .input-group-icon.has-addon-left > textarea {
-    padding-left: 3.5rem;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
 }
 
 .input-group-icon.has-addon-right > .form-input,
@@ -1085,17 +1101,35 @@ textarea:not([class])::placeholder {
 .input-group-icon.has-addon-right > input,
 .input-group-icon.has-addon-right > select,
 .input-group-icon.has-addon-right > textarea {
-    padding-right: 3.5rem;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+/* The addon follows the input's own focus and error states, so the group
+ * reads as one control: the focus ring goes round the whole group rather than
+ * the input alone. */
+.input-group-icon:focus-within {
+    border-radius: var(--dm-radius-md);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring);
+}
+
+.input-group-icon > .form-input:focus,
+.input-group-icon > .form-select:focus,
+.input-group-icon > .form-textarea:focus,
+.input-group-icon > input:focus,
+.input-group-icon > select:focus,
+.input-group-icon > textarea:focus {
+    box-shadow: none;
 }
 
-.input-group-icon.has-addon-left.has-addon-right > .form-input,
-.input-group-icon.has-addon-left.has-addon-right > .form-select,
-.input-group-icon.has-addon-left.has-addon-right > .form-textarea,
-.input-group-icon.has-addon-left.has-addon-right > input,
-.input-group-icon.has-addon-left.has-addon-right > select,
-.input-group-icon.has-addon-left.has-addon-right > textarea {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
+.input-group-icon:focus-within > .input-group-addon {
+    border-color: var(--dm-primary);
+    color: var(--dm-primary);
+}
+
+.input-group-icon:has(> .error) > .input-group-addon,
+.has-error .input-group-icon > .input-group-addon {
+    border-color: var(--dm-danger);
 }
 
 /* Prepend/Append style (addon outside input) */

package/public/dist/grid.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Grid CSS v0.45.0
+ * Domma Grid CSS v0.46.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T17:59:46.833Z
- * Commit: 224c5a0
+ * Built: 2026-09-27T20:30:22.527Z
+ * Commit: 2e6a350
  */
 
 /**

package/public/dist/syntax.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Syntax Highlighting CSS v0.45.0
+ * Domma Syntax Highlighting CSS v0.46.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T17:59:46.841Z
- * Commit: 224c5a0
+ * Built: 2026-09-27T20:30:22.535Z
+ * Commit: 2e6a350
  */
 
 /**

package/public/dist/themes/domma-themes.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Themes v0.45.0
+ * Domma Themes v0.46.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T17:59:46.816Z
- * Commit: 224c5a0
+ * Built: 2026-09-27T20:30:22.510Z
+ * Commit: 2e6a350
  */
 
 /**