motion-prime/styles/base.rb in motion-prime-0.2.1 vs motion-prime/styles/base.rb in motion-prime-0.3.0

@@ -8,12 +8,16 @@
   # ----------
   style :table,
     top: 0,
     left: 0,
     width: 320,
-    bottom: 0
+    bottom: 0,
+    separatorInset: 0
 
+  style :table_cell,
+    background_color: :clear
+
   # basic form styles
   # ----------
   style :form,
     width: 260,
     left: 30,
@@ -22,114 +26,28 @@
     bottom: 0,
     background_color: :clear,
     separator_color: :clear,
     scroll_enabled: true
 
-  style :form_field,
-    selection_style: UITableViewCellSelectionStyleNone
-
-  # available options for string label:
-  # @background_color: COLOR
-  # @text_color: COLOR
-  style :field_label,
-    background_color: :clear,
-    text_color: :gray,
-    top: 6,
-    height: 20,
-    left: 0,
-    right: 0,
-    font: proc { MotionPrime::Config.font.name.uifont(12) },
-    size_to_fit: true
-
-  # available options for input:
-  # @layer: @border_width: FLOAT
-  # @layer: @border_color: COLOR
-  # @background_color: COLOR
-  # @background_image: PATH_TO_FILE
-  style :field_input,
-    layer: {
-      border_width: 1,
-      border_color: :gray
-    },
-    font: proc { MotionPrime::Config.font.name.uifont(16) },
-    placeholder_font: proc { MotionPrime::Config.font.name.uifont(16) },
-    background_color: :white,
-    left: 0,
-    right: 0,
-    top: 30,
-    bottom: 0,
-    padding_top: 4
-
-  style :field_input_with_errors,
-    layer: {
-      border_color: proc { MotionPrime::Config.color.error }
-    },
-    text_color: proc { MotionPrime::Config.color.error }
-
   # available options for submit button:
   # @button_type: :rounded, :custom
   # @background_color: COLOR
   # @background_image: PATH_TO_FILE
-  style :submit_button,
+  style :submit_button, :form_submit_field_button,
     background_color: :gray,
     title_color: :white,
     left: 0,
     right: 0,
     top: 10,
     height: 44
 
-  style :select_field_button,
-    background_color: :white,
-    left: 0,
-    right: 0,
-    top: 30,
-    height: 36,
-    title_color: 0x16759a,
-    title_shadow_color: :white,
-    contentHorizontalAlignment: UIControlContentHorizontalAlignmentLeft,
-    layer: {
-      border_color: :gray,
-      border_width: 1
-    },
-    title_color: :gray,
-    title_label: {
-      font: proc { MotionPrime::Config.font.name.uifont(16) }
-    }
-  style :select_field_arrow,
-    image: "images/forms/select_arrow.png",
-    top: 42,
-    right: 5,
-    width: 9,
-    height: 14
-
   style :segmented_control,
     height: 40, width: 320, top: 0
 
   style :google_map,
     top: 0, left: 0, right: 0, bottom: 0
 
-  style :date_picker,
+  style :date_picker, :form_field_date_picker,
     width: 300,
     height: 150,
     top: 30, left: 0
-
-  style :error_message,
-    top: nil,
-    bottom: 0,
-    width: 300,
-    line_break_mode: :wordwrap,
-    number_of_lines: 0,
-    text_color: proc { MotionPrime::Config.color.error }
-
-  style :field_switch,
-    top: 10,
-    width: 79,
-    height: 27,
-    right: 0
-
-  style :switch_label,
-    top: 10,
-    font: proc { MotionPrime::Config.font.name.uifont(16) }
-
-  style :switch_hint,
-    top: 40
 end