@happyvertical/smrt-content 0.34.5 → 0.34.7

package/dist/svelte/components/ContentContributorManager.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
+import { Form, Input, Select } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type { ContentContributorData } from '../../mock-smrt-client';
 import { M } from '../i18n.contribution.js';
 
@@ -45,7 +47,7 @@ function handleSubmit() {
       <h3>Contributors</h3>
       <p>{t(M['content.contributor_manager.intro'])}</p>
     </div>
-    <button type="button" onclick={() => (editing = {})}>{t(M['content.contributor_manager.add_contributor'])}</button>
+    <Button variant="ghost" type="button" onclick={() => (editing = {})}>{t(M['content.contributor_manager.add_contributor'])}</Button>
   </header>
 
   <div class="layout">
@@ -57,43 +59,45 @@ function handleSubmit() {
             <div>{contributor.trustLevel || 'standard'}</div>
           </div>
           <div class="actions">
-            <button type="button" class="secondary" onclick={() => (editing = contributor)}>Edit</button>
+            <Button variant="secondary" type="button" onclick={() => (editing = contributor)}>Edit</Button>
             {#if onDelete}
-              <button type="button" class="danger" onclick={() => onDelete?.(contributor)}>Delete</button>
+              <Button variant="danger" type="button" onclick={() => onDelete?.(contributor)}>Delete</Button>
             {/if}
           </div>
         </article>
       {/each}
     </div>
 
-    <form
-      class="editor"
-      onsubmit={(event) => {
-        event.preventDefault();
-        handleSubmit();
-      }}
-    >
-      <label>
-        Email
-        <input type="email" bind:value={draft.email} required />
-      </label>
-      <label>
-        Name
-        <input type="text" bind:value={draft.name} />
-      </label>
-      <label>
-        {t(M['content.contributor_manager.trust_level'])}
-        <select bind:value={draft.trustLevel}>
-          <option value="standard">standard</option>
-          <option value="trusted">trusted</option>
-          <option value="blocked">blocked</option>
-        </select>
-      </label>
-
-      <div class="actions">
-        <button type="submit">{t(M['content.contributor_manager.save_contributor'])}</button>
-      </div>
-    </form>
+    <div class="editor-shell">
+      <Form
+        class="editor"
+        onsubmit={(event) => {
+          event.preventDefault();
+          handleSubmit();
+        }}
+      >
+        <label>
+          Email
+          <Input type="email" bind:value={draft.email} required />
+        </label>
+        <label>
+          Name
+          <Input type="text" bind:value={draft.name} />
+        </label>
+        <label>
+          {t(M['content.contributor_manager.trust_level'])}
+          <Select bind:value={draft.trustLevel}>
+            <option value="standard">standard</option>
+            <option value="trusted">trusted</option>
+            <option value="blocked">blocked</option>
+          </Select>
+        </label>
+
+        <div class="actions">
+          <Button variant="primary" type="submit">{t(M['content.contributor_manager.save_contributor'])}</Button>
+        </div>
+      </Form>
+    </div>
   </div>
 </section>
 
@@ -101,7 +105,7 @@ function handleSubmit() {
   .manager,
   .layout,
   .list,
-  .editor {
+  .editor-shell :global(.editor) {
     display: grid;
     gap: 1rem;
   }
@@ -111,7 +115,7 @@ function handleSubmit() {
   }
 
   .card,
-  .editor {
+  .editor-shell :global(.editor) {
     border: 1px solid var(--smrt-color-outline-variant);
     border-radius: 0.75rem;
     padding: 0.9rem;
@@ -127,7 +131,7 @@ function handleSubmit() {
     flex-wrap: wrap;
   }
 
-  .editor label {
+  .editor-shell label {
     display: grid;
     gap: 0.35rem;
   }

package/dist/svelte/components/ContentContributorManager.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContributorManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributorManager.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAIrE,MAAM,WAAW,KAAK;IACpB,YAAY,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACxC,MAAM,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC1D;AAgGD,QAAA,MAAM,yBAAyB,2CAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ContentContributorManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributorManager.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAIrE,MAAM,WAAW,KAAK;IACpB,YAAY,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACxC,MAAM,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC1D;AAoGD,QAAA,MAAM,yBAAyB,2CAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}

package/dist/svelte/components/ContentCorrectionsTool.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
+import { Input, Select, Textarea } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type { ContentCorrectionData, FactData } from '../../mock-smrt-client';
 import { createClient } from '../../mock-smrt-client';
 import { normalizeApiBaseUrl } from '../api';
@@ -172,7 +174,7 @@ async function issueCorrection() {
   {:else}
     <label class="workflow-field">
       Summary
-      <input
+      <Input
         type="text"
         bind:value={correctionSummary}
         placeholder={t(M['content.corrections_tool.what_was_wrong'])}
@@ -181,44 +183,46 @@ async function issueCorrection() {
 
     <label class="workflow-field">
       {t(M['content.corrections_tool.related_fact'])}
-      <select bind:value={correctionFactId}>
+      <Select bind:value={correctionFactId}>
         <option value="">{t(M['content.corrections_tool.general_correction'])}</option>
         {#each facts as fact (fact.id)}
           <option value={fact.id ?? ''}>{fact.textRefined}</option>
         {/each}
-      </select>
+      </Select>
     </label>
 
     <label class="workflow-field">
       {t(M['content.corrections_tool.corrected_fact_text'])}
-      <textarea
-        rows="4"
+      <Textarea
+        rows={4}
         bind:value={correctedFactText}
         placeholder={t(M['content.corrections_tool.provide_corrected_wording'])}
-      ></textarea>
+      ></Textarea>
     </label>
 
     <label class="workflow-field">
       {t(M['content.corrections_tool.public_note'])}
-      <textarea
-        rows="3"
+      <Textarea
+        rows={3}
         bind:value={correctionPublicNote}
         placeholder={t(M['content.corrections_tool.optional_public_correction_note'])}
-      ></textarea>
+      ></Textarea>
     </label>
 
     <label class="checkbox-row">
+      <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
       <input type="checkbox" bind:checked={publishCorrection} />
       {t(M['content.corrections_tool.publish_immediately'])}
     </label>
 
-    <button
+    <Button
+      variant="primary"
       type="button"
       disabled={busy || correctionSummary.trim().length === 0}
       onclick={() => void issueCorrection()}
     >
       {busy ? 'Issuing correction...' : 'Issue correction'}
-    </button>
+    </Button>
 
     <div class="tool-list">
       <div class="section-caption">{t(M['content.corrections_tool.published_history'])}</div>
@@ -258,34 +262,6 @@ async function issueCorrection() {
     font-weight: var(--smrt-typography-weight-medium, 500);
   }
 
-  .workflow-field input,
-  .workflow-field textarea,
-  .workflow-field select {
-    width: 100%;
-    box-sizing: border-box;
-    padding: 0.75rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--smrt-color-outline);
-    background: var(--smrt-color-surface);
-    color: var(--smrt-color-on-surface);
-    font-family: inherit;
-  }
-
-  button {
-    border: none;
-    border-radius: 0.5rem;
-    padding: 0.7rem 0.95rem;
-    background: var(--smrt-color-primary);
-    color: var(--smrt-color-on-primary, white);
-    cursor: pointer;
-    font-weight: var(--smrt-typography-weight-semibold, 600);
-  }
-
-  button:disabled {
-    cursor: not-allowed;
-    opacity: 0.65;
-  }
-
   .tool-card {
     display: flex;
     flex-direction: column;

package/dist/svelte/components/ContentCorrectionsTool.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCorrectionsTool.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentCorrectionsTool.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAY,MAAM,wBAAwB,CAAC;AAM9E,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;CACtE;AAoOD,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ContentCorrectionsTool.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentCorrectionsTool.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAY,MAAM,wBAAwB,CAAC;AAM9E,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;CACtE;AAuOD,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}