fh-pydantic-form 0.2.0__py3-none-any.whl → 0.2.2__py3-none-any.whl

fh_pydantic_form/ui_style.py

@@ -1,5 +1,6 @@
 from enum import Enum, auto
 from typing import Dict, Literal, Union
+
 import fasthtml.common as fh
 
 
@@ -50,15 +51,17 @@ SPACING_MAP: Dict[SpacingTheme, Dict[str, str]] = {
         "accordion_content": "",
         "input_size": "",
         "input_padding": "",
+        "horizontal_gap": "gap-3",
+        "label_align": "items-start",
     },
     SpacingTheme.COMPACT: {
-        "outer_margin": "mb-0.5",
-        "outer_margin_sm": "mb-0.5",
-        "inner_gap": "",
-        "inner_gap_small": "",
-        "stack_gap": "",
-        "padding": "p-2",
-        "padding_sm": "p-1",
+        "outer_margin": "mb-0",
+        "outer_margin_sm": "mb-0",
+        "inner_gap": "space-y-1",
+        "inner_gap_small": "space-y-0.5",
+        "stack_gap": "space-y-1",
+        "padding": "p-1",
+        "padding_sm": "p-0.5",
         "padding_card": "px-2 py-1",
         "card_border": "",
         "section_divider": "",
@@ -68,6 +71,8 @@ SPACING_MAP: Dict[SpacingTheme, Dict[str, str]] = {
         "accordion_content": "uk-padding-remove-vertical",
         "input_size": "uk-form-small",
         "input_padding": "p-1",
+        "horizontal_gap": "gap-2",
+        "label_align": "items-start",
     },
 }
 
@@ -78,46 +83,72 @@ def spacing(token: str, spacing: SpacingValue) -> str:
     return SPACING_MAP[theme][token]
 
 
-# CSS override to kill any residual borders in compact mode
+# Optional minimal CSS for compact mode - affects only form inputs, not layout
+# Host applications can optionally inject this once at app level if desired
 COMPACT_EXTRA_CSS = fh.Style("""
-/* Aggressive margin reduction for all UIkit margin utilities */
-.compact-form .uk-margin-small-bottom,
-.compact-form .uk-margin,
-.compact-form .uk-margin-bottom {
-    margin-bottom: 2px !important;
-}
-
-/* Remove borders and shrink accordion chrome */
-.compact-form .uk-accordion > li,
-.compact-form .uk-accordion .uk-accordion-content {
-    border: 0 !important;
-}
-
-/* Minimize accordion content padding */
-.compact-form .uk-accordion-content {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
-}
-
-/* Shrink accordion item title padding */
-.compact-form li.uk-open > a {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-}
-
-/* Apply smaller font and reduced padding to all form inputs */
-.compact-form input,
-.compact-form select,
-.compact-form textarea {
-    line-height: 1.25rem !important;   /* ~20px */
-    font-size: 0.8125rem !important;   /* 13px */
-}
-
-/* Legacy overrides for specific UIkit classes */
-.compact-form input.uk-form-small,
-.compact-form select.uk-form-small,
-.compact-form textarea.uk-textarea-small {
-    padding-top: 2px !important;
-    padding-bottom: 2px !important;
+/* Compact polish – applies ONLY inside .fhpf-compact ------------------- */
+.fhpf-compact {
+  /* Force full width and left alignment */
+  width: 100% !important;
+  
+  /* Ensure all direct children are full width and left aligned */
+  & > * {
+    width: 100% !important;
+    justify-content: flex-start !important;
+    align-items: flex-start !important;
+  }
+  
+  /* Target the field containers specifically */
+  & > div > div {
+    width: 100% !important;
+    justify-content: flex-start !important;
+  }
+  
+  /* Ensure flex containers don't center */
+  .flex {
+    justify-content: flex-start !important;
+  }
+
+  /* Accordion chrome: remove border and default 20 px gap */
+  .uk-accordion > li,
+  .uk-accordion > li + li {          /* second & later items */
+        border-top: 0 !important;
+        margin-top: 0 !important;
+  }
+  .uk-accordion-title::after {       /* the hair-line we still see */
+        border-top: 0 !important;
+  }
+
+  /* Tighter title and content padding */
+  li > a.uk-accordion-title,
+  .uk-accordion-content {
+        padding-top: 0.25rem !important;
+        padding-bottom: 0.25rem !important;
+  }
+
+  /* Remove residual card outline */
+  .uk-card,
+  .uk-card-body { border: 0 !important; }
+
+  /* Small-size inputs */
+  input, select, textarea {
+        line-height: 1.25rem !important;
+        font-size: 0.8125rem !important;
+        padding-top: 0.25rem !important;
+        padding-bottom: 0.25rem !important;
+  }
+
+  /* Legacy uk-form-small support */
+  input.uk-form-small,
+  select.uk-form-small,
+  textarea.uk-textarea-small {
+        padding-top: 2px !important;
+        padding-bottom: 2px !important;
+  }
+
+  /* Kill generic uk-margin utilities inside the form */
+  .uk-margin-small-bottom,
+  .uk-margin,
+  .uk-margin-bottom { margin-bottom: 2px !important; }
 }
 """)

{fh_pydantic_form-0.2.0.dist-info → fh_pydantic_form-0.2.2.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: fh-pydantic-form
-Version: 0.2.0
+Version: 0.2.2
 Summary: a library to turn any pydantic BaseModel object into a fasthtml/monsterui input form
 Project-URL: Homepage, https://github.com/Marcura/fh-pydantic-form
 Project-URL: Repository, https://github.com/Marcura/fh-pydantic-form
@@ -32,7 +32,8 @@ Description-Content-Type: text/markdown
 
 `fh-pydantic-form` simplifies creating web forms for [FastHTML](https://github.com/AnswerDotAI/fasthtml) by automatically generating the necessary HTML input elements based on your Pydantic model definitions. It integrates seamlessly with  and leverages [MonsterUI](https://github.com/AnswerDotAI/monsterui) components for styling.
 
-<img width="1405" alt="image" src="https://github.com/user-attachments/assets/d65d9d68-1635-4ea4-83f8-70c4b6b79796" />
+<img width="1348" alt="image" src="https://github.com/user-attachments/assets/59cc4f10-6858-41cb-80ed-e735a883cf20" />
+
 
 
 <details >
@@ -225,19 +226,8 @@ form_normal = PydanticForm("normal_form", MyModel, spacing="normal")
 form_compact = PydanticForm("compact_form", MyModel, spacing="compact")
 ```
 
-**Compact mode** automatically injects additional CSS (`COMPACT_EXTRA_CSS`) to minimize margins, borders, and padding throughout the form. You can also import and use this CSS independently:
-
-```python
-from fh_pydantic_form import COMPACT_EXTRA_CSS
 
-app, rt = fh.fast_app(
-    hdrs=[
-        mui.Theme.blue.headers(),
-        COMPACT_EXTRA_CSS,  # Apply compact styling globally
-    ],
-    # ...
-)
-```
+**Important:** The compact CSS is now scoped with `.fhpf-compact` classes and only affects form inputs, not layout containers. This prevents conflicts with your application's layout system.
 
 ## Working with Lists
 

fh_pydantic_form-0.2.2.dist-info/RECORD

@@ -0,0 +1,14 @@
+fh_pydantic_form/__init__.py,sha256=auqrMQyy6WsEeiMIdXVrjHpSuW_L7CpW2AZ1FOXb8QE,4058
+fh_pydantic_form/defaults.py,sha256=IzBA_soBOdXP_XAUqfFAtniDQaW6N23hiXmWJD2xq0c,5168
+fh_pydantic_form/field_renderers.py,sha256=D0GGqVpUUsJMIyX3tQEgNGPIQ6x8S3OEMj8qp94YDnE,53561
+fh_pydantic_form/form_parser.py,sha256=9jSJya4TR5q2LMGV_PK-xiAjoEhq-FYKDN27lFNn5n0,24389
+fh_pydantic_form/form_renderer.py,sha256=2f1n--_DD891x1-2ci4JFBVmO8yO7X_b5Ol8W5SA42E,35580
+fh_pydantic_form/list_path.py,sha256=AA8bmDmaYy4rlGIvQOOZ0fP2tgcimNUB2Re5aVGnYc8,5182
+fh_pydantic_form/py.typed,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
+fh_pydantic_form/registry.py,sha256=sufK-85ST3rc3Vu0XmjjjdTqTAqgHr_ZbMGU0xRgTK8,4996
+fh_pydantic_form/type_helpers.py,sha256=bWHOxu52yh9_79d_x5L3cfMqnZo856OsbL4sTttDoa4,4367
+fh_pydantic_form/ui_style.py,sha256=tJWY3MYO7XLmP0nm5x6qllEywarkoS1R-6jdxxKnYlU,4749
+fh_pydantic_form-0.2.2.dist-info/METADATA,sha256=FSBPbRTJ2FFWxnRPoUHsSnixeeO1L6ZdRTLuZB6q5kA,26356
+fh_pydantic_form-0.2.2.dist-info/WHEEL,sha256=qtCwoSJWgHk21S1Kb4ihdzI2rlJ1ZKaIurTj_ngOhyQ,87
+fh_pydantic_form-0.2.2.dist-info/licenses/LICENSE,sha256=AOi2eNK3D2aDycRHfPRiuACZ7WPBsKHTV2tTYNl7cls,577
+fh_pydantic_form-0.2.2.dist-info/RECORD,,

fh_pydantic_form-0.2.0.dist-info/RECORD

@@ -1,13 +0,0 @@
-fh_pydantic_form/__init__.py,sha256=auqrMQyy6WsEeiMIdXVrjHpSuW_L7CpW2AZ1FOXb8QE,4058
-fh_pydantic_form/defaults.py,sha256=IzBA_soBOdXP_XAUqfFAtniDQaW6N23hiXmWJD2xq0c,5168
-fh_pydantic_form/field_renderers.py,sha256=rPzTvpDpXuy7H4rim6zlogTWNhFrh5mflxRcI4MbF_M,48508
-fh_pydantic_form/form_parser.py,sha256=TcoN7IWilyC0JptigZzdd3ciyEO6ARiqHhiyQ3Ufr_o,23658
-fh_pydantic_form/form_renderer.py,sha256=9ysQLLT6e8a5LbPHszEOUpyryJIYEev-3a3eZxBx6Zs,34892
-fh_pydantic_form/py.typed,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-fh_pydantic_form/registry.py,sha256=sufK-85ST3rc3Vu0XmjjjdTqTAqgHr_ZbMGU0xRgTK8,4996
-fh_pydantic_form/type_helpers.py,sha256=bWHOxu52yh9_79d_x5L3cfMqnZo856OsbL4sTttDoa4,4367
-fh_pydantic_form/ui_style.py,sha256=L_Z21nJ1YVKcDRMDphRcgHuQ33P4YHxa3oSjMwD55gw,3808
-fh_pydantic_form-0.2.0.dist-info/METADATA,sha256=o7qPV16HL1dTYTgACd3Osr7FQ_L6XCuMq3wq7rZntl0,26566
-fh_pydantic_form-0.2.0.dist-info/WHEEL,sha256=qtCwoSJWgHk21S1Kb4ihdzI2rlJ1ZKaIurTj_ngOhyQ,87
-fh_pydantic_form-0.2.0.dist-info/licenses/LICENSE,sha256=AOi2eNK3D2aDycRHfPRiuACZ7WPBsKHTV2tTYNl7cls,577
-fh_pydantic_form-0.2.0.dist-info/RECORD,,