@tipp/ui 2.3.13 → 2.3.14

package/dist/molecules/index.js

@@ -2,70 +2,60 @@ import "../chunk-QDXZVPRR.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "../chunk-WGQGVPGZ.js";
+} from "../chunk-3RTIQ36S.js";
 import "../chunk-JCG2AUFJ.js";
+import {
+  DatePickerButton
+} from "../chunk-I46J2XHG.js";
+import {
+  DatePicker
+} from "../chunk-FVTBDVT4.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-LVZSTDXB.js";
-import "../chunk-BXD634IB.js";
+} from "../chunk-BN24NIPU.js";
+import "../chunk-YIDE5VOF.js";
+import "../chunk-OX3N37YY.js";
+import "../chunk-W3TY3SYU.js";
+import "../chunk-QIRUYN3K.js";
+import "../chunk-BUZDDAS6.js";
+import "../chunk-BZJSMPS7.js";
+import "../chunk-QDTII3D4.js";
+import "../chunk-ZE3LSQUW.js";
+import "../chunk-VREM33BW.js";
+import "../chunk-AQVIQODP.js";
+import "../chunk-WHZZKXOD.js";
+import "../chunk-YT4LGWIY.js";
+import "../chunk-PYGTM7ML.js";
+import "../chunk-JNYTH4BZ.js";
+import "../chunk-GMKRNFH5.js";
 import "../chunk-QGKQ3IX7.js";
 import {
   CurriculumSidebar
-} from "../chunk-JJQM3MW3.js";
-import "../chunk-4HDV26QV.js";
+} from "../chunk-R7NTFLYB.js";
+import "../chunk-KTUCYAG7.js";
 import "../chunk-4TST4UK5.js";
 import "../chunk-WS7IOHVK.js";
-import "../chunk-KCC3DAOY.js";
-import "../chunk-MJMHPIYX.js";
-import "../chunk-PSDF4NMN.js";
-import "../chunk-OVYSIME4.js";
-import "../chunk-OJOTDNKG.js";
-import "../chunk-66XH3MAB.js";
-import "../chunk-CC5RCOSM.js";
-import "../chunk-ODYLHCQD.js";
-import "../chunk-PLXD7ZKF.js";
-import "../chunk-SAEPW5JF.js";
-import "../chunk-VK6INFSB.js";
-import "../chunk-H3X6UQVC.js";
-import "../chunk-COKJ53M5.js";
-import "../chunk-GNTZY4DG.js";
-import "../chunk-W747CDDK.js";
-import "../chunk-GMKRNFH5.js";
-import "../chunk-3PE6OFB3.js";
+import "../chunk-6L4OTKID.js";
+import "../chunk-SDEDXT7A.js";
+import "../chunk-RAK5LEBO.js";
 import {
   CurriculumSubNav
-} from "../chunk-KLIEFXWN.js";
+} from "../chunk-2QFLNAGL.js";
 import {
   CurriculumProvider,
   useCurriculumContext
 } from "../chunk-ZFWZAZPG.js";
 import {
   CurriculumV2Layout
-} from "../chunk-K3Q4XLCN.js";
-import {
-  DatePickerButton
-} from "../chunk-5ZIFEE7H.js";
-import {
-  DatePicker
-} from "../chunk-IG2TTPNN.js";
+} from "../chunk-CQSM6JCO.js";
 import "../chunk-JF7JAMOQ.js";
-import {
-  Navigation
-} from "../chunk-JRT6KTBG.js";
-import {
-  OneOnOneGuideList,
-  oneOnOneNoteTextReplacer
-} from "../chunk-FVNXDLRU.js";
-import {
-  RadioButtonCard
-} from "../chunk-CSKNBWPB.js";
 import {
   Stepper
-} from "../chunk-GROWIYD2.js";
+} from "../chunk-IPEAJLS3.js";
 import {
   TagSelector
-} from "../chunk-ZS44RD54.js";
+} from "../chunk-LTGEHFFG.js";
 import {
   TimeSelect
 } from "../chunk-7PF6I4RN.js";
@@ -74,71 +64,77 @@ import "../chunk-NRPDVI76.js";
 import "../chunk-2BPFXK4L.js";
 import "../chunk-NWJSLIQ3.js";
 import "../chunk-BXX3B3E4.js";
-import {
-  DownloadCard
-} from "../chunk-OHNBVT52.js";
-import {
-  DynamicFormResponseItem
-} from "../chunk-QTQKJ4A2.js";
 import {
   DynamicForm,
   createYupValidation
-} from "../chunk-UMBRV35P.js";
-import {
-  DynamicFormField
-} from "../chunk-N45T3WWG.js";
+} from "../chunk-NJMRRUNJ.js";
 import {
   ForceRefresh
-} from "../chunk-EWFZXCMV.js";
+} from "../chunk-GGLDVUYU.js";
 import {
   GhostPost
-} from "../chunk-5JQOU3IR.js";
+} from "../chunk-UH6Q3TEK.js";
 import {
   LearningPost
-} from "../chunk-F7JSPN5P.js";
+} from "../chunk-IEYBSZA3.js";
+import "../chunk-7FKRQQYK.js";
+import {
+  Navigation
+} from "../chunk-WMWXF44S.js";
+import {
+  OneOnOneGuideList,
+  oneOnOneNoteTextReplacer
+} from "../chunk-O5MYSBA3.js";
+import {
+  RadioButtonCard
+} from "../chunk-CSKNBWPB.js";
 import {
   DotNavigation
 } from "../chunk-IJOOKMKQ.js";
-import "../chunk-7FKRQQYK.js";
-import "../chunk-PB4O3U6O.js";
-import "../chunk-2OMSNCRH.js";
+import {
+  DownloadCard
+} from "../chunk-G7NEBNHU.js";
+import {
+  DynamicFormField
+} from "../chunk-EEJ2JXHV.js";
+import {
+  DynamicFormResponseItem
+} from "../chunk-QTQKJ4A2.js";
+import "../chunk-FR2GDOU2.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-5XYPLDI5.js";
 import "../chunk-6NPTJBFE.js";
+import "../chunk-6IVCARWS.js";
+import "../chunk-6DJOIRMF.js";
+import "../chunk-FPD73OHW.js";
 import "../chunk-MUPK4L3U.js";
 import "../chunk-X2GMDZ7M.js";
 import "../chunk-HYITAA4J.js";
-import "../chunk-FR2GDOU2.js";
-import "../chunk-JIJLOKVN.js";
-import "../chunk-FG3WT6OL.js";
+import "../chunk-TULWX7D6.js";
+import "../chunk-DHZVOXFM.js";
+import "../chunk-WV2HN6H4.js";
+import "../chunk-SBJOKO35.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-6IVCARWS.js";
-import "../chunk-6DJOIRMF.js";
-import "../chunk-FPD73OHW.js";
 import "../chunk-EGEQY3KT.js";
-import "../chunk-TULWX7D6.js";
-import "../chunk-DHZVOXFM.js";
-import "../chunk-AH4A53SZ.js";
-import "../chunk-BESTU2AY.js";
+import "../chunk-OHMOP5PV.js";
+import "../chunk-NFDQJVFA.js";
+import "../chunk-JQ7VQ5SB.js";
 import "../chunk-U7N2PWMO.js";
 import "../chunk-XK6VEVOK.js";
 import "../chunk-HF6GNDPV.js";
+import "../chunk-25HMMI7R.js";
+import "../chunk-ZVDAEY5Q.js";
+import "../chunk-LQY4RKWI.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-EAXUQEO5.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-W5TPOFOO.js";
 import "../chunk-WJ34ZHTU.js";
 import "../chunk-ZQE7SP6P.js";
@@ -154,7 +150,11 @@ import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
-import "../chunk-EAXUQEO5.js";
+import "../chunk-NCSMSA3X.js";
+import "../chunk-2OMSNCRH.js";
+import "../chunk-BESTU2AY.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   CurriculumBody,

package/dist/molecules/learning-post.js

@@ -1,17 +1,17 @@
 import {
   LearningPost
-} from "../chunk-F7JSPN5P.js";
+} from "../chunk-IEYBSZA3.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";
 import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-EAXUQEO5.js";
+import "../chunk-U3BQT7ZO.js";
+import "../chunk-4Y5BEXVN.js";
+import "../chunk-BESTU2AY.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   LearningPost

package/dist/molecules/navigation.js

@@ -1,11 +1,11 @@
 import {
   Navigation
-} from "../chunk-JRT6KTBG.js";
-import "../chunk-PMJIFLDT.js";
-import "../chunk-LDBWASUA.js";
+} from "../chunk-WMWXF44S.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   Navigation

package/dist/molecules/one-on-one-guide-list.js

@@ -1,12 +1,12 @@
 import {
   OneOnOneGuideList,
   oneOnOneNoteTextReplacer
-} from "../chunk-FVNXDLRU.js";
-import "../chunk-JIJLOKVN.js";
+} from "../chunk-O5MYSBA3.js";
+import "../chunk-WV2HN6H4.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-BESTU2AY.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
-import "../chunk-25HMMI7R.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   OneOnOneGuideList,

package/dist/molecules/stepper.js

@@ -1,10 +1,8 @@
 import {
   Stepper
-} from "../chunk-GROWIYD2.js";
-import "../chunk-K36TPMKL.js";
-import "../chunk-PMJIFLDT.js";
-import "../chunk-LDBWASUA.js";
+} from "../chunk-IPEAJLS3.js";
 import "../chunk-25HMMI7R.js";
+import "../chunk-K36TPMKL.js";
 import "../chunk-W5TPOFOO.js";
 import "../chunk-WJ34ZHTU.js";
 import "../chunk-ZQE7SP6P.js";
@@ -20,6 +18,8 @@ import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   Stepper

package/dist/molecules/tag-selector.js

@@ -1,16 +1,14 @@
 import {
   TagSelector
-} from "../chunk-ZS44RD54.js";
+} from "../chunk-LTGEHFFG.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";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
+import "../chunk-6SYFG6YY.js";
+import "../chunk-U3BQT7ZO.js";
 import "../chunk-W5TPOFOO.js";
 import "../chunk-WJ34ZHTU.js";
 import "../chunk-ZQE7SP6P.js";
@@ -26,6 +24,8 @@ import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   TagSelector

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.3.13",
+  "version": "2.3.14",
   "private": false,
   "type": "module",
   "exports": {
@@ -58,8 +58,8 @@
     "ts-node": "^10.9.2",
     "tsup": "^8.0.2",
     "typescript": "^5.0.0",
-    "@tipp/eslint-config": "1.1.2",
-    "@tipp/typescript-config": "1.0.1"
+    "@tipp/typescript-config": "1.0.1",
+    "@tipp/eslint-config": "1.1.2"
   },
   "peerDependencies": {
     "@types/react": "*",

package/src/context/dynamic-form-context.tsx

@@ -22,6 +22,7 @@ interface DynamicFormProviderProps {
   fields: DynamicFormFieldSchema[];
   formik: FormikProps<Record<string, unknown>>;
   readonly?: boolean;
+  formStyle?: React.CSSProperties;
 }
 
 export function DynamicFormProvider({
@@ -29,6 +30,7 @@ export function DynamicFormProvider({
   fields,
   formik,
   readonly = false,
+  formStyle,
 }: DynamicFormProviderProps): React.ReactElement {
   const contextValue: DynamicFormContextValue = {
     formik,
@@ -50,7 +52,7 @@ export function DynamicFormProvider({
 
   return (
     <DynamicFormContext.Provider value={contextValue}>
-      <Form.Root onSubmit={formik.handleSubmit}>{children}</Form.Root>
+      <Form.Root onSubmit={formik.handleSubmit} style={formStyle}>{children}</Form.Root>
     </DynamicFormContext.Provider>
   );
 }

package/src/molecules/dynamic-form.tsx

@@ -20,6 +20,7 @@ export interface DynamicFormProps {
   onSubmit: (values: Record<string, unknown>) => void | Promise<void>;
   children: React.ReactNode;
   readonly?: boolean;
+  formStyle?: React.CSSProperties;
 }
 
 /**
@@ -56,6 +57,7 @@ function DynamicFormRoot({
   onSubmit,
   children,
   readonly = false,
+  formStyle,
 }: DynamicFormProps): React.ReactElement {
   const validationSchema = useMemo(() => {
     const schema: Record<string, Yup.Schema<unknown>> = {};
@@ -121,7 +123,7 @@ function DynamicFormRoot({
   }, [formik.submitCount, formik.errors, fields]);
 
   return (
-    <DynamicFormProvider fields={fields} formik={formik} readonly={readonly}>
+    <DynamicFormProvider fields={fields} formStyle={formStyle} formik={formik} readonly={readonly}>
       {children}
     </DynamicFormProvider>
   );

package/src/molecules/expand-table/index.tsx

@@ -15,6 +15,7 @@ import {
   getPaginationRowModel,
 } from '@tanstack/react-table';
 import React, { useCallback, useMemo, useState } from 'react';
+import { ScrollArea } from '@radix-ui/themes';
 import { Flex } from '@/atoms/flex';
 import { Pagination } from '@/atoms/pagination';
 import { Spinner } from '@/atoms/spinner';
@@ -22,7 +23,6 @@ import { Typo } from '@/atoms/typo';
 import { TriangleArrowDownIcon } from '../../icons/down';
 import { TriangleArrowUpIcon } from '../../icons/up';
 import { Row, type ExpandComp, type OnRowClick } from './row';
-import { ScrollArea } from '@radix-ui/themes';
 
 export type { ExpandComp, OnRowClick, ColumnDef, RowType as Row };
 export { createColumnHelper };