Allow columns CSS property to accept int/str vals. (#86)

The columns property allows int/strs according to
https://developer.mozilla.org/en-US/docs/Web/CSS/columns

We want to keep the int value for backwards compatibility.

Fixes #79

Author: richard-to

mesop/component_helpers/style.py

@@ -173,7 +173,7 @@ class Style:
   box_sizing: str | None = None
   color: str | None = None
   column_gap: int | str | None = None
-  columns: int | None = None
+  columns: int | str | None = None
   cursor: str | None = None
   display: Literal[
     # precomposed values
@@ -273,7 +273,7 @@ def to_style_proto(s: Style) -> pb.Style:
     box_sizing=s.box_sizing,
     color=s.color,
     column_gap=_px_str(s.column_gap),
-    columns=s.columns,
+    columns=str(s.columns),
     cursor=s.cursor,
     display=s.display,
     flex_basis=s.flex_basis,

mesop/protos/ui.proto

@@ -228,7 +228,7 @@ message Style {
     optional string box_sizing = 47;
     optional string color = 4;
     optional string column_gap = 33;
-    optional int32 columns = 5;
+    optional string columns = 5;
     optional string cursor = 46;
     optional string display = 6;
     optional string flex_basis = 7;