@tipp/ui 2.3.15 → 2.3.16

package/dist/molecules/index.js

@@ -2,36 +2,35 @@ import "../chunk-K7NSOSIE.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-N7WM36NN.js";
+} from "../chunk-G4DOK5DQ.js";
 import "../chunk-3PE6OFB3.js";
-import "../chunk-3UOA73MU.js";
-import "../chunk-ZP5VSS77.js";
-import "../chunk-KXCFAFL3.js";
-import "../chunk-2GWB6C4M.js";
+import "../chunk-ZMXFJ3AZ.js";
+import "../chunk-5VPNBYFV.js";
+import "../chunk-R3VOZZ5O.js";
 import "../chunk-VK6INFSB.js";
-import "../chunk-MFAW7E6L.js";
-import "../chunk-4NNBXE2Q.js";
-import "../chunk-TNGEPJ3G.js";
+import "../chunk-6IMCKSQD.js";
+import "../chunk-H3X6UQVC.js";
+import "../chunk-66XH3MAB.js";
 import "../chunk-CC5RCOSM.js";
-import "../chunk-PPCORTMH.js";
+import "../chunk-ODYLHCQD.js";
 import "../chunk-COKJ53M5.js";
 import "../chunk-PLXD7ZKF.js";
 import "../chunk-SAEPW5JF.js";
 import "../chunk-W747CDDK.js";
+import "../chunk-GNTZY4DG.js";
 import "../chunk-GMKRNFH5.js";
 import "../chunk-QGKQ3IX7.js";
-import {
-  CurriculumSubNav
-} from "../chunk-KLIEFXWN.js";
-import {
-  CurriculumV2Layout
-} from "../chunk-K3Q4XLCN.js";
 import {
   DatePickerButton
 } from "../chunk-5ZIFEE7H.js";
 import {
   DatePicker
 } from "../chunk-IG2TTPNN.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "../chunk-GWJU4LIN.js";
+import "../chunk-JCG2AUFJ.js";
 import {
   CurriculumSidebar
 } from "../chunk-JMYWVT4X.js";
@@ -40,25 +39,26 @@ import "../chunk-WS7IOHVK.js";
 import "../chunk-KCC3DAOY.js";
 import "../chunk-4TST4UK5.js";
 import "../chunk-MJMHPIYX.js";
+import {
+  CurriculumSubNav
+} from "../chunk-KLIEFXWN.js";
 import {
   CurriculumProvider,
   useCurriculumContext
 } from "../chunk-ZFWZAZPG.js";
 import {
-  ExpandTable,
-  createColumnHelper
-} from "../chunk-GWJU4LIN.js";
-import "../chunk-JCG2AUFJ.js";
+  CurriculumV2Layout
+} from "../chunk-K3Q4XLCN.js";
 import "../chunk-JF7JAMOQ.js";
 import {
   RadioButtonCard
 } from "../chunk-CSKNBWPB.js";
 import {
   Stepper
-} from "../chunk-O63J4YET.js";
+} from "../chunk-GROWIYD2.js";
 import {
   TagSelector
-} from "../chunk-IMMHRXM2.js";
+} from "../chunk-ZS44RD54.js";
 import {
   TimeSelect
 } from "../chunk-7PF6I4RN.js";
@@ -73,7 +73,7 @@ import {
 import {
   DynamicForm,
   createYupValidation
-} from "../chunk-GZTKJMEK.js";
+} from "../chunk-KPE4JB42.js";
 import {
   ForceRefresh
 } from "../chunk-EWFZXCMV.js";
@@ -82,7 +82,7 @@ import {
 } from "../chunk-5JQOU3IR.js";
 import {
   LearningPost
-} from "../chunk-SACH3XVV.js";
+} from "../chunk-F7JSPN5P.js";
 import "../chunk-7FKRQQYK.js";
 import {
   Navigation
@@ -93,7 +93,7 @@ import {
 } from "../chunk-FVNXDLRU.js";
 import {
   DescriptionJsonRender
-} from "../chunk-A2DBM6WR.js";
+} from "../chunk-YWEWWXKM.js";
 import "../chunk-3INEXJIV.js";
 import {
   DotNavigation
@@ -103,43 +103,46 @@ import {
 } from "../chunk-OHNBVT52.js";
 import {
   DynamicFormField
-} from "../chunk-TXMVRPAL.js";
+} from "../chunk-DXD774YC.js";
 import "../chunk-NCSMSA3X.js";
 import "../chunk-2OMSNCRH.js";
+import "../chunk-5ZITU5L7.js";
 import "../chunk-5XYPLDI5.js";
 import "../chunk-6NPTJBFE.js";
+import "../chunk-MUPK4L3U.js";
 import "../chunk-X2GMDZ7M.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-FR2GDOU2.js";
-import "../chunk-5ZITU5L7.js";
+import "../chunk-JIJLOKVN.js";
+import "../chunk-FG3WT6OL.js";
+import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
-import "../chunk-MUPK4L3U.js";
+import "../chunk-EGEQY3KT.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-DHZVOXFM.js";
-import "../chunk-JIJLOKVN.js";
-import "../chunk-FG3WT6OL.js";
-import "../chunk-5AVBYDPB.js";
-import "../chunk-EGEQY3KT.js";
-import "../chunk-W7X7KSJP.js";
-import "../chunk-VYCYVN3L.js";
-import "../chunk-OHMOP5PV.js";
-import "../chunk-NFDQJVFA.js";
 import "../chunk-AH4A53SZ.js";
 import "../chunk-BESTU2AY.js";
 import "../chunk-U7N2PWMO.js";
 import "../chunk-XK6VEVOK.js";
 import "../chunk-HF6GNDPV.js";
+import "../chunk-B6XJN6EC.js";
+import "../chunk-RP2RGCAW.js";
+import "../chunk-W7X7KSJP.js";
+import "../chunk-VYCYVN3L.js";
+import "../chunk-OHMOP5PV.js";
+import "../chunk-NFDQJVFA.js";
+import "../chunk-6SYFG6YY.js";
+import "../chunk-K36TPMKL.js";
+import "../chunk-U3BQT7ZO.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
-import "../chunk-B6XJN6EC.js";
-import "../chunk-RP2RGCAW.js";
 import "../chunk-W5TPOFOO.js";
 import "../chunk-WJ34ZHTU.js";
 import "../chunk-ZQE7SP6P.js";
@@ -156,9 +159,6 @@ import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
 import "../chunk-EAXUQEO5.js";
-import "../chunk-6SYFG6YY.js";
-import "../chunk-K36TPMKL.js";
-import "../chunk-U3BQT7ZO.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   CurriculumBody,

package/dist/molecules/learning-post.js

@@ -1,9 +1,10 @@
 import {
   LearningPost
-} from "../chunk-SACH3XVV.js";
+} from "../chunk-F7JSPN5P.js";
 import "../chunk-7FKRQQYK.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-BESTU2AY.js";
+import "../chunk-U3BQT7ZO.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
@@ -11,7 +12,6 @@ import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-EAXUQEO5.js";
-import "../chunk-U3BQT7ZO.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   LearningPost

package/dist/molecules/stepper.js

@@ -1,6 +1,7 @@
 import {
   Stepper
-} from "../chunk-O63J4YET.js";
+} from "../chunk-GROWIYD2.js";
+import "../chunk-K36TPMKL.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
@@ -19,7 +20,6 @@ import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
-import "../chunk-K36TPMKL.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   Stepper

package/dist/molecules/tag-selector.js

@@ -1,9 +1,11 @@
 import {
   TagSelector
-} from "../chunk-IMMHRXM2.js";
+} from "../chunk-ZS44RD54.js";
 import "../chunk-MUPK4L3U.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-EGEQY3KT.js";
+import "../chunk-6SYFG6YY.js";
+import "../chunk-U3BQT7ZO.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
@@ -24,8 +26,6 @@ import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
-import "../chunk-6SYFG6YY.js";
-import "../chunk-U3BQT7ZO.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   TagSelector

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.3.15",
+  "version": "2.3.16",
   "private": false,
   "type": "module",
   "exports": {

package/src/molecules/dynamic-field.tsx

@@ -1,4 +1,6 @@
 
+import { Flex } from '@/atoms/flex';
+import { Typo } from '@/atoms/typo';
 import { useDynamicForm } from '../context/dynamic-form-context';
 import { TextField } from '../atoms/text-field';
 import { TextArea } from '../atoms/text-area';
@@ -61,16 +63,16 @@ export function DynamicFormField({
         />
       );
     case 'long_text':
-      return <TextArea {...commonProps} placeholder={field.placeholder} rows={4} />;
+      return <TextArea rows={4} {...commonProps} placeholder={field.placeholder}  />;
 
     case 'dropdown':
       return (
         <Select.Root
+          disabled={readonly}
           onValueChange={readonly ? undefined : (newValue: string) => {
             void setFieldValue(name, newValue);
           }}
           value={value as string}
-          disabled={readonly}
         >
           <Select.Trigger placeholder={field.placeholder} />
           <Select.Content>
@@ -86,12 +88,12 @@ export function DynamicFormField({
     case 'choice':
       return (
         <RadioGroup.Root
+          disabled={readonly}
           onValueChange={readonly ? undefined : (newValue: string) => {
             void setFieldValue(name, newValue);
           }}
           orientation={field.orientation}
           value={String(value || '')}
-          disabled={readonly}
         >
           {field.options.map((option) => (
             <RadioGroup.Item key={option.value} value={String(option.value)}>
@@ -104,12 +106,12 @@ export function DynamicFormField({
     case 'choices':
       return (
         <CheckboxGroup.Root
+          disabled={readonly}
           onValueChange={readonly ? undefined : (newValue: string[]) => {
             void setFieldValue(name, newValue);
           }}
           orientation={field.orientation}
           value={Array.isArray(value) ? value.map(String) : []}
-          disabled={readonly}
         >
           {field.options.map((option) => (
             <CheckboxGroup.Item key={option.value} value={String(option.value)}>
@@ -121,20 +123,20 @@ export function DynamicFormField({
 
     case 'yes_no':
       return (
-        <div style={{ display: 'flex', alignItems: 'flex-start', gap: '8px' }}>
+        <Flex gap="2">
           <Checkbox
             checked={Boolean(value)}
+            disabled={readonly}
             onCheckedChange={readonly ? undefined : (checked: boolean) => {
               void setFieldValue(name, checked);
             }}
-            disabled={readonly}
           />
           {field.description ? (
-            <div style={{ fontSize: '14px', color: '#666', lineHeight: '1.4' }}>
+            <Typo color="gray" variant="caption">
               {field.description}
-            </div>
+            </Typo>
           ) : null}
-        </div>
+        </Flex>
       );
 
     default:

package/src/molecules/dynamic-form.tsx

@@ -163,7 +163,7 @@ function DynamicFormFieldList({
               required={field.required}
             >
               <DynamicFormField field={field} />
-              {field.description ? <Typo>{field.description}</Typo> : null}
+              {field.description && field.type !== 'yes_no' ? <Typo color="gray" variant="caption">{field.description}</Typo> : null}
             </Form.FormItem>
           </Box>
         );