undercase 0.2.29

data/app/views/undercase/patterns/_uc_borders_middle_blue_2.html.haml

@@ -0,0 +1 @@
+.uc-border-bottom-solid-middle-blue-2 Border Below

data/app/views/undercase/patterns/_uc_borders_middle_gray.html.haml

@@ -0,0 +1,2 @@
+.uc-border-bottom-middle-gray Border Below (solid)
+.uc-border-bottom-middle-gray-dotted Border Below (dotted)

data/app/views/undercase/patterns/_uc_borders_yellow.html.haml

@@ -0,0 +1 @@
+.uc-border-top-yellow-dotted Border Above (dotted)

data/app/views/undercase/patterns/_uc_card.html.haml

@@ -0,0 +1,40 @@
+.edit
+  %section.uc-card
+    %header.uc-card__header
+      %h2 Edit card
+    .padded
+      .uc-tabs
+        .uc-tabs--blue__tab.current
+          .uc-tabs--blue__tab__link Here
+        .uc-tabs--blue__tab
+          .uc-tabs--blue__tab__link There
+      %p.gap-bottom Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+      .uc-card__subheading
+        %h4 Subheading
+        %ul.uc-mini-tabs
+          %li.uc-mini-tabs__tab.current
+            %a.uc-mini-tabs__tab__link{href: '#'} Edit
+          %li.uc-mini-tabs__tab
+            %a.uc-mini-tabs__tab__link{href: '#'} New
+      .uc-card__nested-form.gap-bottom
+        %h3.uc-bordered-heading Identity Info
+      .uc-card__nested-form--white.gap-bottom
+        %h3.uc-bordered-heading Health Info
+      .uc-card__nested-form.gap-bottom
+        %a.gap-bottom.uc-add-new-button.blue-link{href: '#'} Add Thingy
+      .uc-expando
+        %header.uc-expando-header List of things
+        .uc-expando-contents Things
+      .uc-expando.open
+        %header.uc-expando-header List of things Expanded
+        .uc-expando-contents All the things
+.show
+  %section.uc-card
+    %header.uc-card__header
+      %h2 Show card
+    .padded
+      .uc-emphasized-box--blue.row
+        .uc-emphasized-box__label.two.tenths
+          Label
+        .eight.tenths
+          %p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

data/app/views/undercase/patterns/_uc_dialog_loading.html.haml

@@ -0,0 +1,2 @@
+.uc-dialog--loading
+  Loading content

data/app/views/undercase/patterns/_uc_errors.html.haml

@@ -0,0 +1 @@
+.uc-warning This is a warning. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

data/app/views/undercase/patterns/_uc_forms_check_boxes.html.haml

@@ -0,0 +1,7 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :check_boxes, as: :check_boxes, collection: [['First Option', '1'], ['Second Option', '2'], ['Third Option', '3'], ['Fourth Option', '4']], wrapper: :accessible_collection

data/app/views/undercase/patterns/_uc_forms_check_boxes_boolean.html.haml

@@ -0,0 +1,20 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        %fieldset.uc-form-fieldset-checkbox-list
+          %legend.uc-form-legend Lone Boolean checkboxes
+          = f.input :lone_checkbox_1,
+                    as: :boolean,
+                    label: 'Will you check this box?',
+                    wrapper_html: {class: 'uc-form-field--boolean'}
+          = f.input :lone_checkbox_2,
+                    as: :boolean,
+                    label: 'Will you check this box?',
+                    wrapper_html: {class: 'uc-form-field--boolean'}
+          = f.input :lone_checkbox_3,
+                    as: :boolean,
+                    label: 'Will you check this box?',
+                    wrapper_html: {class: 'uc-form-field--boolean'}

data/app/views/undercase/patterns/_uc_forms_checkbutton.html.haml

@@ -0,0 +1,14 @@
+
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        .uc-form-field.show.align-right
+          %label.uc-form-field-checkbutton
+            Checkbutton
+            %input{type: 'checkbox'}
+          %label.uc-form-field-checkbutton.current
+            Checkbutton
+            %input{type: 'checkbox', checked: 'checked'}

data/app/views/undercase/patterns/_uc_forms_conditionally_required.html.haml

@@ -0,0 +1,19 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        %fieldset.uc-form__fieldset--with-nested-collection
+          %legend.uc-form-legend Conditionally required fields
+          = f.input :conditional_radio_buttons,
+            as: :radio_buttons,
+            collection: [['First Option', '1'], ['Second Option', '2'], ['Third Option', '3'], ['Fourth Option', '4']],
+            label_text: false,
+            wrapper: :accessible_collection
+          .uc-form-field--nested
+            = f.input :conditional_check_boxes,
+              as: :check_boxes,
+              collection: [['First Option', '1'], ['Second Option', '2'], ['Third Option', '3'], ['Fourth Option', '4']],
+              label_text: false,
+              wrapper: :accessible_collection

data/app/views/undercase/patterns/_uc_forms_currency_input.html.haml

@@ -0,0 +1,7 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :currency, as: :currency

data/app/views/undercase/patterns/_uc_forms_date_picker.html.haml

@@ -0,0 +1,9 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :date_picker,
+          as: :date,
+          wrapper_html: {class: 'inline-block'}

data/app/views/undercase/patterns/_uc_forms_date_time_picker.html.haml

@@ -0,0 +1,9 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :date_time_picker,
+          as: :datetime,
+          wrapper_html: {class: 'inline-block'}

data/app/views/undercase/patterns/_uc_forms_disabled_field.html.haml

@@ -0,0 +1,8 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :disabled_field,
+          input_html: { disabled: true, placeholder: 'value' }

data/app/views/undercase/patterns/_uc_forms_dropdown.html.haml

@@ -0,0 +1,10 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :input_without_optgroups,
+          as: :select,
+          collection: ['Dog', 'Cat', 'Hamster', 'Guinea Pig'],
+          :group_method => :last

data/app/views/undercase/patterns/_uc_forms_dropdown_with_optgroups.html.haml

@@ -0,0 +1,10 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :input_with_optgroups,
+          as: :grouped_select,
+          collection: [['Asia', ['China', 'Japan']], ['Africa', ['Egypt', 'Morocco']]],
+          :group_method => :last

data/app/views/undercase/patterns/_uc_forms_full_name.html.haml

@@ -0,0 +1,32 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      %fieldset
+        %legend.uc-form-legend Full Name
+        .row
+          = f.input :prefix,
+            as: :select,
+            collection: [['Mr.'], ['Mrs.'], ['Ms.']],
+            label: false,
+            input_html: { :'aria-label' => 'Prefix' },
+            wrapper_html: {class: 'two twelfths small-tablet'}
+          = f.input :first_name,
+            label: false,
+            input_html: { :'aria-label' => 'First', placeholder: 'First' },
+            wrapper_html: {class: 'three twelfths small-tablet pad-left no-pad-mobile'}
+          = f.input :middle_name,
+            label: false,
+            input_html: { :'aria-label' => 'Middle', placeholder: 'Middle' },
+            wrapper_html: {class: 'two twelfths small-tablet pad-left no-pad-mobile'}
+          = f.input :last_name,
+            label: false,
+            input_html: { :'aria-label' => 'Last', placeholder: 'Last' },
+            wrapper_html: {class: 'three twelfths small-tablet pad-left no-pad-mobile'}
+          = f.input :suffix,
+            as: :select,
+            collection: [['Jr.'], ['Sr.']],
+            label: false,
+            input_html: { :'aria-label' => 'Suffix' },
+            wrapper_html: {class: 'two twelfths small-tablet pad-left no-pad-mobile'}

data/app/views/undercase/patterns/_uc_forms_grouped_inputs.html.haml

@@ -0,0 +1,17 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        %fieldset.uc-form__fieldset--grouped
+          %legend.uc-form-legend
+            Grouped Inputs
+          = f.input :first_input,
+            as: :select,
+            collection: [['Mr.'], ['Mrs.'], ['Ms.']],
+            label_html: { class: 'uc-form-label--secondary' }
+          = f.input :second_input,
+            as: :select,
+            collection: [['Mr.'], ['Mrs.'], ['Ms.']],
+            label_html: { class: 'uc-form-label--secondary' }

data/app/views/undercase/patterns/_uc_forms_large_field.html.haml

@@ -0,0 +1,8 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :large_field_1,
+          wrapper_html: {class: 'six twelfths small-tablet pad-left no-pad-mobile'}

data/app/views/undercase/patterns/_uc_forms_medium_field.html.haml

@@ -0,0 +1,8 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :medium_field,
+          wrapper_html: {class: 'four twelfths small-tablet pad-left no-pad-mobile'}

data/app/views/undercase/patterns/_uc_forms_phone.html.haml

@@ -0,0 +1,26 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        .one.half
+          = simple_fields_for @object do |f|
+            %fieldset.uc-form__inline
+              %legend.uc-form-legend Phone
+              .uc-form__inline__fields--with-prefix
+                = f.input :phone_number_type,
+                          collection: ['Home', 'Cell', 'Work'],
+                          include_blank: false,
+                          required: false,
+                          label: false,
+                          'aria-label' => 'Phone Number Type',
+                          wrapper_html: {class: 'uc-form__inline__fields__prefix'},
+                          input_html: {class: 'uc-form__inline__fields__prefix__select'}
+                = f.input :number,
+                          label: false,
+                          required: false,
+                          type: :tel,
+                          wrapper_html: { class: 'uc-form__inline__fields__fill' },
+                          input_html: { 'aria-label' => 'Phone Number', "aria-describedby" => "phone_number_error" },
+                          error_html: { id: 'phone_number_error'}

data/app/views/undercase/patterns/_uc_forms_radio_button_clear_link.html.haml

@@ -0,0 +1,7 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :radio_buttons_with_clear_link, as: :radio_with_clear, collection: [['Yes', true], ['No', false]], label: "Radio Button With Clear Link?"

data/app/views/undercase/patterns/_uc_forms_radio_buttons.html.haml

@@ -0,0 +1,7 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :radio_buttons, as: :radio_buttons, collection: [['First Option', '1'], ['Second Option', '2'], ['Third Option', '3'], ['Fourth Option', '4']], wrapper: :accessible_collection

data/app/views/undercase/patterns/_uc_forms_radio_buttons_breathe.html.haml

@@ -0,0 +1,11 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :radio_buttons_breathe,
+          as: :radio_buttons,
+          collection: [['First Option', '1'], ['Second Option', '2'], ['Third Option', '3'], ['Fourth Option', '4']],
+          wrapper: :accessible_collection,
+          wrapper_html: {class: 'uc-form-fieldset-collection--breathe'}

data/app/views/undercase/patterns/_uc_forms_radio_buttons_horizontal.html.haml

@@ -0,0 +1,11 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :radio_buttons_horizontal,
+          as: :radio_buttons,
+          collection: [['First Option', '1'], ['Second Option', '2'], ['Third Option', '3'], ['Fourth Option', '4']],
+          wrapper: :accessible_collection,
+          wrapper_html: {class: 'uc-form-fieldset-collection--horizontal'}

data/app/views/undercase/patterns/_uc_forms_search.html.haml

@@ -0,0 +1,23 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        .one.half
+          = simple_fields_for @object do |f|
+            %fieldset
+              %legend.uc-form-legend Search
+            .uc-form__inline__fields--with-prefix-and-suffix
+              = f.input :type,
+                collection: ['All', 'Some', 'Most'],
+                  label: false,
+                    include_blank: false,
+                      'aria-label' => 'Value Type',
+                        wrapper_html: {class: 'uc-form__inline__fields__prefix'},
+                        input_html: {class: 'uc-form__inline__fields__prefix__select'}
+              = f.input :value,
+                        label: false,
+                        wrapper_html: { class: 'uc-form__inline__fields__fill' },
+                        input_html: { 'aria-label' => 'Phone Number', "aria-describedby" => "phone_number_error" }
+              %button.uc-form__inline__fields__suffix.uc-icon-search{:'aria-label' => 'Go'}

data/app/views/undercase/patterns/_uc_forms_short_name.html.haml

@@ -0,0 +1,20 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      %fieldset
+        %legend.uc-form-legend Short Name
+        .row
+          = f.input :first_name,
+            label: false,
+            input_html: { :'aria-label' => 'First', placeholder: 'First' },
+            wrapper_html: {class: 'four twelfths small-tablet no-pad-mobile'}
+          = f.input :middle_name,
+            label: false,
+            input_html: { :'aria-label' => 'Middle', placeholder: 'Middle' },
+            wrapper_html: {class: 'four twelfths small-tablet pad-left no-pad-mobile'}
+          = f.input :last_name,
+            label: false,
+            input_html: { :'aria-label' => 'Last', placeholder: 'Last' },
+            wrapper_html: {class: 'four twelfths small-tablet pad-left no-pad-mobile'}

data/app/views/undercase/patterns/_uc_forms_small_field.html.haml

@@ -0,0 +1,8 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :small_field,
+          wrapper_html: {class: 'three twelfths small-tablet'}

data/app/views/undercase/patterns/_uc_forms_textarea.html.haml

@@ -0,0 +1,9 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :text_area, as: :text
+      .row
+        = f.input :full_width_text_area, as: :text, input_html: {class: "uc-form__input--full-width"}

data/app/views/undercase/patterns/_uc_forms_tiny_field.html.haml

@@ -0,0 +1,8 @@
+- @object = DummyFormObject.new(has_errors: false)
+
+.row.double-gap-top
+  %form.uc-form
+    = simple_fields_for @object do |f|
+      .row
+        = f.input :tiny_field,
+          wrapper_html: {class: 'two twelfths small-tablet'}

data/app/views/undercase/patterns/_uc_list_comma.html.haml

@@ -0,0 +1,4 @@
+%ul.uc-list-comma
+  %li Huey
+  %li Dewey
+  %li Louie

data/app/views/undercase/patterns/_uc_list_ordered_alpha.html.haml

@@ -0,0 +1,12 @@
+.gap-bottom
+  %strong Inside list
+  %ol.uc-list-alpha--inside
+    %li Lorem ipsum dolor sit amet, sea utinam nominavi dignissim id, illud nostro sed te, vix eruditi imperdiet tincidunt ea. Vis choro labores admodum cu, ea congue utamur graecis est. Ad quo velit assueverit disputando, quo deleniti atomorum te. Vix nullam phaedrum incorrupte eu. At doctus scribentur qui, prima graecis id nec. Cu pri invidunt cotidieque.
+    %li Facer nullam corrumpit no vis. Mel denique assentior deseruisse an. Solet inimicus constituto quo no. Quo modo latine deserunt ut, duo ei commune facilisis. An stet inani vim, ignota phaedrum sed ad, nihil labitur perfecto vix ad.
+    %li Has te ubique offendit prodesset, eos nobis principes aliquando ex. Elitr nusquam vituperata ne cum, ei sea idque perpetua maluisset, pri ad sonet laudem. Id civibus voluptua usu. Vix id ignota praesent. Duo ea justo maluisset appellantur, ut expetendis voluptatibus per, no vis eros regione oblique. Ea everti eleifend per, laudem essent his eu, verterem persequeris ne nec.
+
+%strong Outside list
+%ol.uc-list-alpha--outside
+  %li Lorem ipsum dolor sit amet, sea utinam nominavi dignissim id, illud nostro sed te, vix eruditi imperdiet tincidunt ea. Vis choro labores admodum cu, ea congue utamur graecis est. Ad quo velit assueverit disputando, quo deleniti atomorum te. Vix nullam phaedrum incorrupte eu. At doctus scribentur qui, prima graecis id nec. Cu pri invidunt cotidieque.
+  %li Facer nullam corrumpit no vis. Mel denique assentior deseruisse an. Solet inimicus constituto quo no. Quo modo latine deserunt ut, duo ei commune facilisis. An stet inani vim, ignota phaedrum sed ad, nihil labitur perfecto vix ad.
+  %li Has te ubique offendit prodesset, eos nobis principes aliquando ex. Elitr nusquam vituperata ne cum, ei sea idque perpetua maluisset, pri ad sonet laudem. Id civibus voluptua usu. Vix id ignota praesent. Duo ea justo maluisset appellantur, ut expetendis voluptatibus per, no vis eros regione oblique. Ea everti eleifend per, laudem essent his eu, verterem persequeris ne nec.

data/app/views/undercase/patterns/_uc_list_ordered_decimal.html.haml

@@ -0,0 +1,12 @@
+.gap-bottom
+  %strong Inside list
+  %ol.uc-list-decimal--inside
+    %li Lorem ipsum dolor sit amet, sea utinam nominavi dignissim id, illud nostro sed te, vix eruditi imperdiet tincidunt ea. Vis choro labores admodum cu, ea congue utamur graecis est. Ad quo velit assueverit disputando, quo deleniti atomorum te. Vix nullam phaedrum incorrupte eu. At doctus scribentur qui, prima graecis id nec. Cu pri invidunt cotidieque.
+    %li Facer nullam corrumpit no vis. Mel denique assentior deseruisse an. Solet inimicus constituto quo no. Quo modo latine deserunt ut, duo ei commune facilisis. An stet inani vim, ignota phaedrum sed ad, nihil labitur perfecto vix ad.
+    %li Has te ubique offendit prodesset, eos nobis principes aliquando ex. Elitr nusquam vituperata ne cum, ei sea idque perpetua maluisset, pri ad sonet laudem. Id civibus voluptua usu. Vix id ignota praesent. Duo ea justo maluisset appellantur, ut expetendis voluptatibus per, no vis eros regione oblique. Ea everti eleifend per, laudem essent his eu, verterem persequeris ne nec.
+
+%strong Outside list
+%ol.uc-list-decimal--outside
+  %li Lorem ipsum dolor sit amet, sea utinam nominavi dignissim id, illud nostro sed te, vix eruditi imperdiet tincidunt ea. Vis choro labores admodum cu, ea congue utamur graecis est. Ad quo velit assueverit disputando, quo deleniti atomorum te. Vix nullam phaedrum incorrupte eu. At doctus scribentur qui, prima graecis id nec. Cu pri invidunt cotidieque.
+  %li Facer nullam corrumpit no vis. Mel denique assentior deseruisse an. Solet inimicus constituto quo no. Quo modo latine deserunt ut, duo ei commune facilisis. An stet inani vim, ignota phaedrum sed ad, nihil labitur perfecto vix ad.
+  %li Has te ubique offendit prodesset, eos nobis principes aliquando ex. Elitr nusquam vituperata ne cum, ei sea idque perpetua maluisset, pri ad sonet laudem. Id civibus voluptua usu. Vix id ignota praesent. Duo ea justo maluisset appellantur, ut expetendis voluptatibus per, no vis eros regione oblique. Ea everti eleifend per, laudem essent his eu, verterem persequeris ne nec.

data/app/views/undercase/patterns/_uc_list_pipe.html.haml

@@ -0,0 +1,4 @@
+%ul.uc-list-pipe
+  %li Friends
+  %li Romans
+  %li Countrymen