@happyvertical/smrt-fields 0.55.14 → 0.55.17

package/dist/manifest.json

@@ -2,7 +2,7 @@
   "version": "1.0.0",
   "timestamp": 0,
   "packageName": "@happyvertical/smrt-fields",
-  "packageVersion": "0.55.14",
+  "packageVersion": "0.55.17",
   "objects": {
     "@happyvertical/smrt-fields:FieldUsageLearningAgent": {
       "name": "fieldusagelearningagent",

package/dist/smrt-knowledge.json

@@ -3,12 +3,12 @@
   "sensitiveFieldsExcluded": true,
   "generatedAt": "1970-01-01T00:00:00.000Z",
   "packageName": "@happyvertical/smrt-fields",
-  "packageVersion": "0.55.14",
+  "packageVersion": "0.55.17",
   "sourceManifestPath": "dist/manifest.json",
   "agentDocPath": "AGENTS.md",
   "sourceHashes": {
-    "manifest": "cf2307ca61bd4622adea593356b3845ec1587c308c017dea573c4ffe16a890a2",
-    "packageJson": "db44c8e509656443bd762788409b9552f26ac0d0f96c652eaa53935e77b3e71d",
+    "manifest": "d7dd51e9722ec0c290e6b517a5b004e32e6e26f9ccf0f7e4e45eb946be549ab0",
+    "packageJson": "f1bafdc443da37003e50069b6eea34115a55eccde35a2db8c9b3cba31786e29a",
     "agents": "ae4bf7b69ae3b28a7900b590dd21b53ea0dfc5fd6778f858ceac97dfd8654187"
   },
   "exports": [

package/dist/svelte/components/FieldInput.svelte

@@ -156,4 +156,9 @@ function setDateTime(event: Event): void {
   />
 {/if}
 
-<style>.field-input__error { color: var(--smrt-color-error, #b42318); margin: 0; }</style>
+<style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+.field-input__error { color: var(--smrt-color-error); margin: 0; }
+}
+</style>

package/dist/svelte/components/FieldPolicyControlPanel.svelte

@@ -223,7 +223,7 @@ async function suggestionChanged(): Promise<void> {
 </script>
 
 {#if canManage}
-  <section class="field-policy-control-panel" aria-label={heading}>
+  <section class="field-policy-control-panel" aria-label={heading} data-smrt-component="FieldPolicyControlPanel">
     <header>
       <h1>{heading}</h1>
       <p>Manage inherited defaults, visibility, help, labels, order, and locks for every registered field.</p>
@@ -281,13 +281,16 @@ async function suggestionChanged(): Promise<void> {
 {/if}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .field-policy-control-panel { display: grid; gap: var(--smrt-spacing-4); }
   .field-policy-control-panel header p, .field-policy-control-panel__detail > p { color: var(--smrt-color-on-surface-variant); }
-  .field-policy-control-panel__error { color: var(--smrt-color-error, #b42318); }
+  .field-policy-control-panel__error { color: var(--smrt-color-error); }
   .field-policy-control-panel__layers { display: grid; gap: var(--smrt-spacing-2); }
   .field-policy-control-panel__layers div { display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: var(--smrt-spacing-2); }
   .field-policy-control-panel__layers dt { font-weight: 600; }
   .field-policy-control-panel__layers dd { margin: 0; }
   .field-policy-control-panel__actions { display: flex; flex-wrap: wrap; gap: var(--smrt-spacing-2); }
   .field-policy-control-panel__drift ul { display: grid; gap: var(--smrt-spacing-2); padding-inline-start: var(--smrt-spacing-5); }
+}
 </style>

package/dist/svelte/components/FieldPolicyEditor.svelte

@@ -415,10 +415,13 @@ async function reset(fieldName: string): Promise<void> {
 </Modal>
 
 <style>
-  .field-policy-editor { background: var(--smrt-color-surface, white); color: var(--smrt-color-on-surface, #1f2937); display: grid; gap: var(--smrt-spacing-4, 1rem); max-block-size: min(90vh, 56rem); overflow: auto; padding: var(--smrt-spacing-5, 1.25rem); }
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  .field-policy-editor { background: var(--smrt-color-surface, white); color: var(--smrt-color-on-surface); display: grid; gap: var(--smrt-spacing-4, 1rem); max-block-size: min(90vh, 56rem); overflow: auto; padding: var(--smrt-spacing-5, 1.25rem); }
   .field-policy-editor__actions, .field-policy-editor__tabs { align-items: center; display: flex; gap: var(--smrt-spacing-2, .5rem); justify-content: space-between; }
-  .field-policy-editor__field { border: 1px solid var(--smrt-color-outline, #d0d5dd); display: grid; gap: var(--smrt-spacing-3, .75rem); margin: 0 0 var(--smrt-spacing-3, .75rem); padding: var(--smrt-spacing-3, .75rem); }
+  .field-policy-editor__field { border: 1px solid var(--smrt-color-outline); display: grid; gap: var(--smrt-spacing-3, .75rem); margin: 0 0 var(--smrt-spacing-3, .75rem); padding: var(--smrt-spacing-3, .75rem); }
   .field-policy-editor__field label { display: grid; gap: var(--smrt-spacing-1, .25rem); }
-  .field-policy-editor__error { color: var(--smrt-color-error, #b42318); }
+  .field-policy-editor__error { color: var(--smrt-color-error); }
   .field-policy-editor__notice { margin: 0; }
+}
 </style>

package/dist/svelte/components/FieldPolicyGearButton.svelte

@@ -20,5 +20,8 @@ const gear = getFieldPolicyGearContext();
 {/if}
 
 <style>
-  .field-policy-gear-button__badge { border-radius: 999px; background: var(--smrt-color-secondary-container, #e8def8); min-inline-size: 1.25rem; padding-inline: 0.25rem; text-align: center; }
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  .field-policy-gear-button__badge { border-radius: 999px; background: var(--smrt-color-secondary-container); min-inline-size: 1.25rem; padding-inline: 0.25rem; text-align: center; }
+}
 </style>

package/dist/svelte/components/FieldPolicyGearProvider.svelte

@@ -158,16 +158,19 @@ $effect(() => {
 
 {@render children?.()}
 {#if error && !open}
-  <p class="field-policy-gear__error" role="alert">{error}</p>
+  <p class="field-policy-gear__error" role="alert" data-smrt-component="FieldPolicyGearProvider">{error}</p>
 {/if}
 {#if open && editorState}
   <FieldPolicyEditor state={editorState} {adapter} {fields} {inputRegistry} {organizationScope} onclose={() => controller.hide()} onmutated={reload} />
 {/if}
 {#if loading}
-  <span class="field-policy-gear__loading" aria-live="polite">Loading field settings…</span>
+  <span class="field-policy-gear__loading" aria-live="polite" data-smrt-component="FieldPolicyGearProvider">Loading field settings…</span>
 {/if}
 
 <style>
-  .field-policy-gear__error { color: var(--smrt-color-error, #b42318); }
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  .field-policy-gear__error { color: var(--smrt-color-error); }
   .field-policy-gear__loading { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
+}
 </style>

package/dist/svelte/components/FieldPolicySuggestionQueue.svelte

@@ -97,7 +97,7 @@ function description(suggestion: FieldPolicySuggestion): string {
 }
 </script>
 
-<section class="field-policy-suggestion-queue" aria-label={heading}>
+<section class="field-policy-suggestion-queue" aria-label={heading} data-smrt-component="FieldPolicySuggestionQueue">
   <header>
     <h2>{heading}</h2>
     {#if !loading}<span class="field-policy-suggestion-queue__count">{total}</span>{/if}
@@ -128,12 +128,15 @@ function description(suggestion: FieldPolicySuggestion): string {
 </section>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .field-policy-suggestion-queue { display: grid; gap: var(--smrt-spacing-3, 0.75rem); }
   .field-policy-suggestion-queue header { align-items: center; display: flex; gap: var(--smrt-spacing-2, 0.5rem); }
   .field-policy-suggestion-queue h2, .field-policy-suggestion-queue h3 { margin: 0; }
-  .field-policy-suggestion-queue__count { border-radius: 999px; background: var(--smrt-color-secondary-container, #e8def8); min-inline-size: 1.5rem; padding: 0.125rem 0.4rem; text-align: center; }
+  .field-policy-suggestion-queue__count { border-radius: 999px; background: var(--smrt-color-secondary-container); min-inline-size: 1.5rem; padding: 0.125rem 0.4rem; text-align: center; }
   .field-policy-suggestion-queue ul { display: grid; gap: var(--smrt-spacing-3, 0.75rem); list-style: none; margin: 0; padding: 0; }
   .field-policy-suggestion-queue article { border: 1px solid var(--smrt-color-outline-variant, currentColor); border-radius: var(--smrt-radius-small, 0.25rem); display: grid; gap: var(--smrt-spacing-2, 0.5rem); padding: var(--smrt-spacing-3, 0.75rem); }
   .field-policy-suggestion-queue article p { margin: 0; }
   .field-policy-suggestion-queue__actions { display: flex; flex-wrap: wrap; gap: var(--smrt-spacing-2, 0.5rem); }
+}
 </style>

package/dist/svelte/components/FormHelp.svelte

@@ -79,7 +79,7 @@ const glossary = $derived.by(() => {
 });
 </script>
 
-<details class="form-help {className}">
+<details class="form-help {className}" data-smrt-component="FormHelp">
   <summary class="form-help__toggle">
     <span class="form-help__icon" aria-hidden="true">?</span>
     <span class="form-help__label">{label}</span>
@@ -102,6 +102,8 @@ const glossary = $derived.by(() => {
 </details>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .form-help {
     display: inline-block;
   }
@@ -121,9 +123,9 @@ const glossary = $derived.by(() => {
   }
 
   .form-help__toggle:focus-visible {
-    outline: 2px solid var(--smrt-color-primary, #6750a4);
+    outline: 2px solid var(--smrt-color-primary);
     outline-offset: 2px;
-    border-radius: 4px;
+    border-radius: var(--smrt-radius-sm);
   }
 
   .form-help__icon {
@@ -169,4 +171,5 @@ const glossary = $derived.by(() => {
     font: var(--smrt-typography-body-small-font, inherit);
     color: var(--smrt-color-on-surface-variant, currentColor);
   }
+}
 </style>

package/dist/svelte/components/ObjectForm.svelte

@@ -411,17 +411,17 @@ function inputFor(field: ObjectFormField): FieldInputComponent {
 {/snippet}
 
 {#if sourceLoading}
-  <div class="object-form__status" role="status" aria-live="polite">Loading form…</div>
+  <div class="object-form__status" role="status" aria-live="polite" data-smrt-component="ObjectForm">Loading form…</div>
 {:else if sourceError}
-  <div class="object-form__status" role="alert">{sourceError}</div>
+  <div class="object-form__status" role="alert" data-smrt-component="ObjectForm">{sourceError}</div>
 {:else if resolvedPolicy}
 <FieldPolicyProvider policy={resolvedPolicy}>
   {#if showModeSwitch || (showPolicyGear && fieldPolicyGear)}
     {#if showModeSwitch}
-      <div class="object-form__mode"><ModeSwitch /></div>
+      <div class="object-form__mode" data-smrt-component="ObjectForm"><ModeSwitch /></div>
     {/if}
     {#if showPolicyGear && fieldPolicyGear}
-      <div class="object-form__gear"><FieldPolicyGearButton /></div>
+      <div class="object-form__gear" data-smrt-component="ObjectForm"><FieldPolicyGearButton /></div>
     {/if}
   {/if}
   <Form class="object-form {className}" onsubmit={handleSubmit}>
@@ -437,9 +437,12 @@ function inputFor(field: ObjectFormField): FieldInputComponent {
 {/if}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   :global(.object-form) { display: grid; gap: var(--smrt-spacing-4, 1rem); }
   .object-form__mode, .object-form__gear { display: inline-flex; justify-content: flex-end; margin-bottom: var(--smrt-spacing-3, 0.75rem); }
   .object-form__group { display: grid; gap: var(--smrt-spacing-3, 0.75rem); border: 0; margin: 0; min-inline-size: 0; padding: 0; }
   .object-form__group legend { font: var(--smrt-typography-title-small-font, inherit); margin-bottom: var(--smrt-spacing-2, 0.5rem); }
   .object-form__status { color: var(--smrt-color-on-surface-variant, currentColor); }
+}
 </style>

package/dist/svelte/components/PolicyField.svelte

@@ -289,7 +289,7 @@ $effect(() => {
 {#if renderSnippet}
   {@render renderSnippet(snippetProps)}
 {:else if visible}
-  <div class="policy-field {className}" bind:this={rootEl}>
+  <div class="policy-field {className}" bind:this={rootEl} data-smrt-component="PolicyField">
     {#if label !== null}
       <!-- `for` tracks the repaired label↔control association: the `name`
            convention before the first effect pass (SSR / first paint), the
@@ -314,6 +314,8 @@ $effect(() => {
 {/if}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .policy-field {
     display: flex;
     flex-direction: column;
@@ -326,7 +328,7 @@ $effect(() => {
   }
 
   .policy-field__required {
-    color: var(--smrt-color-error, #b3261e);
+    color: var(--smrt-color-error);
     margin-left: 0.25em;
   }
 
@@ -335,4 +337,5 @@ $effect(() => {
     color: var(--smrt-color-on-surface-variant, currentColor);
     margin: 0;
   }
+}
 </style>

package/dist/svelte/playground/FieldPolicyFormPreview.svelte

@@ -164,6 +164,8 @@ function handleSubmit() {
 </section>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .field-policy-preview {
     display: flex;
     flex-direction: column;
@@ -213,6 +215,7 @@ function handleSubmit() {
 
   .status {
     font: var(--smrt-typography-body-medium-font, inherit);
-    color: var(--smrt-color-primary, #6750a4);
+    color: var(--smrt-color-primary);
   }
+}
 </style>

package/dist/svelte/playground/ObjectFormPreview.svelte

@@ -123,7 +123,10 @@ let record = $state<Record<string, unknown>>({});
 </section>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .object-form-preview { display: grid; gap: var(--smrt-spacing-3, 0.75rem); max-width: 40rem; }
   h2, p { margin: 0; }
   .record-preview { font: var(--smrt-typography-body-small-font, monospace); color: var(--smrt-color-on-surface-variant, currentColor); overflow-wrap: anywhere; }
+}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-fields",
-  "version": "0.55.14",
+  "version": "0.55.17",
   "smrtJsdoc": "strict",
   "description": "Layered field policy store and resolver (defaults, visibility tiers, help text) for SMRT objects",
   "type": "module",
@@ -37,17 +37,17 @@
     }
   },
   "dependencies": {
-    "@happyvertical/smrt-core": "0.55.14",
-    "@happyvertical/smrt-tenancy": "0.55.14",
-    "@happyvertical/smrt-ui": "0.55.14",
-    "@happyvertical/smrt-users": "0.55.14",
-    "@happyvertical/sql": "^0.103.2"
+    "@happyvertical/smrt-core": "0.55.17",
+    "@happyvertical/smrt-tenancy": "0.55.17",
+    "@happyvertical/smrt-ui": "0.55.17",
+    "@happyvertical/smrt-users": "0.55.17",
+    "@happyvertical/sql": "^0.103.4"
   },
   "devDependencies": {
-    "@happyvertical/smrt-cli": "0.55.14",
-    "@happyvertical/smrt-scanner": "0.55.14",
-    "@happyvertical/smrt-users": "0.55.14",
-    "@happyvertical/smrt-vitest": "0.55.14",
+    "@happyvertical/smrt-cli": "0.55.17",
+    "@happyvertical/smrt-scanner": "0.55.17",
+    "@happyvertical/smrt-users": "0.55.17",
+    "@happyvertical/smrt-vitest": "0.55.17",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/svelte": "^5.4.2",