tao_form 0.2.3 → 1.0.0.beta.1

data/lib/assets/stylesheets/tao/form/layouts/index.scss

@@ -1,2 +0,0 @@
-//= require ./default
-//= require ./narrow

data/lib/assets/stylesheets/tao/form/layouts/narrow.scss

@@ -1,35 +0,0 @@
-@import 'tao/form/globals';
-
-.tao-form.narrow {
-  width: $form-field-width;
-  margin: 0 auto;
-
-  form {
-    .form-input {
-      display: block;
-      margin: 0 0 1.5rem 0;
-
-      .input-label {
-        text-align: left;
-      }
-
-      & > .hint {
-        opacity: 1;
-        margin: 0.375rem 0;
-        padding: 0;
-        line-height: inherit;
-      }
-    }
-
-    .form-buttons {
-      margin: 4rem 0 0 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      .button {
-        margin: 0 1rem;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/_globals.scss

@@ -1,3 +0,0 @@
-@import 'tao/ui/mobile/globals';
-@import 'tao/form/mobile/variables';
-@import 'tao/form/mobile/mixins';

data/lib/assets/stylesheets/tao/form/mobile/_mixins.scss

@@ -1,22 +0,0 @@
-@mixin text-field-style {
-  display: block;
-  width: 100%;
-  padding: $form-field-padding-v $form-field-padding-h;
-  background: $white-color;
-  border: none;
-  font-size: $form-field-font-size;
-  line-height: $form-field-line-height;
-  transition: border-color 300ms, box-shadow 300ms;
-
-  &:focus {
-    outline: none;
-  }
-
-  &[readonly] {
-    color: $light-grey-color;
-  }
-
-  &[disabled] {
-    color: $lightest-grey-color;
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/_variables.scss

@@ -1,3 +0,0 @@
-@import 'tao/form/mobile/variables/base';
-@import 'tao/form/mobile/variables/select';
-@import 'tao/form/mobile/variables/moment_picker';

data/lib/assets/stylesheets/tao/form/mobile/fields/checkbox.scss

@@ -1,2 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/checkbox';

data/lib/assets/stylesheets/tao/form/mobile/fields/date_range_picker.scss

@@ -1,18 +0,0 @@
-@import 'tao/form/mobile/globals';
-
-.tao-date-range-picker {
-  display: inline-block;
-
-  .start-date-picker.tao-moment-picker,
-  .end-date-picker.tao-moment-picker {
-    display: block;
-  }
-
-  .to {
-    display: block;
-    font-size: 0.875rem;
-    color: $lightest-grey-color;
-    padding: 0 0.75rem 0 0;
-    text-align: right;
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/datetime_picker.scss

@@ -1,18 +0,0 @@
-@import 'tao/form/mobile/globals';
-
-.tao-datetime-picker {
-  display: inline-block;
-
-  & > input[type='datetime-local'] {
-    display: none;
-  }
-
-  .tao-date-picker.tao-moment-picker {
-    display: block;
-  }
-
-  .tao-time-picker.tao-moment-picker {
-    display: block;
-  }
-
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/index.scss

@@ -1 +0,0 @@
-//= require_tree ./

data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/index.scss

@@ -1,9 +0,0 @@
-//= require_self
-//= require_tree ./
-
-@import 'tao/form/mobile/globals';
-
-.tao-moment-picker {
-  display: inline-block;
-  position: relative;
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/result.scss

@@ -1,19 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/moment_picker/result';
-
-.tao-moment-picker-result {
-  .icon-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex: 0 0 auto;
-    width: 2em;
-    height: $form-field-height;
-    fill: $lightest-grey-color;
-
-    .icon {
-      width: 1em;
-      height: 1em;
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segment_list.scss

@@ -1,52 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/moment_picker/segment_list';
-
-.tao-moment-picker-segment-list {
-  display: block;
-
-  .link-clear {
-    display: none;
-    align-items: center;
-    justify-content: center;
-    padding: $form-field-padding-v $form-field-padding-h;
-    color: $red-color;
-    background: $red-bg-color;
-    border-bottom: 1px solid $border-color;
-    font-size: 0.875rem;
-    outline: none;
-
-    .icon-close {
-      fill: $red-color;
-      margin-left: 0.5rem;
-    }
-  }
-
-  &[clearable] .link-clear {
-    display: flex;
-  }
-
-  .segment-labels {
-    .segment-label {
-      &:active {
-        background: $white-color;
-        border-color: $border-color;
-      }
-    }
-  }
-
-  .segments {
-    .tao-moment-picker-segment {
-      overflow: auto;
-      -webkit-overflow-scrolling: touch;
-      border-color: $light-line-color;
-
-      .link-prev,
-      .link-next {
-        &:active {
-          fill: $grey-color;
-        }
-      }
-    }
-  }
-
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/date_segment.scss

@@ -1,14 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/moment_picker/segments/date_segment';
-
-.tao-moment-picker-date-segment {
-  .calendar {
-    .days {
-      .day {
-        &:active {
-          background: $grey-bg-color;
-        }
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/hour_segment.scss

@@ -1,14 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/moment_picker/segments/hour_segment';
-
-.tao-moment-picker-hour-segment {
-  .hours {
-    margin: 1rem 0 0 0;
-
-    .hour {
-      &:active {
-        background: $grey-bg-color;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/minute_segment.scss

@@ -1,14 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/moment_picker/segments/minute_segment';
-
-.tao-moment-picker-minute-segment {
-  .minutes {
-    margin: 1rem 0 0 0;
-
-    .minute {
-      &:active {
-        background: $grey-bg-color;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/month_segment.scss

@@ -1,14 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/moment_picker/segments/month_segment';
-
-.tao-moment-picker-month-segment {
-  .month-list {
-    margin: 1rem 0 0 0;
-
-    .month {
-      &:active {
-        background: $grey-bg-color;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/year_segment.scss

@@ -1,14 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/moment_picker/segments/year_segment';
-
-.tao-moment-picker-year-segment {
-  .year-list {
-    margin: 1rem 0 0 0;
-
-    .year {
-      &:active {
-        background: $grey-bg-color;
-      }
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/radio.scss

@@ -1,2 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/radio';

data/lib/assets/stylesheets/tao/form/mobile/fields/select/index.scss

@@ -1,80 +0,0 @@
-//= require_self
-//= require_tree ./
-
-@import 'tao/form/mobile/globals';
-
-.tao-select {
-  display: inline-block;
-
-  .select-result-delegate {
-    display: flex;
-    align-items: center;
-
-    select {
-      display: none;
-    }
-
-    .placeholder,
-    .selected-text {
-      flex: 1 1 auto;
-      padding: $form-field-padding-v 0;
-      font-size: $form-field-font-size;
-      line-height: $form-field-line-height;
-      min-height: $form-field-height - 0.125rem;
-    }
-
-    .placeholder {
-      color: $lightest-grey-color;
-    }
-
-    .selected-text {
-      color: $form-field-text-color;
-      display: none;
-    }
-
-    .icon-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex: 0 0 auto;
-      width: 2em;
-      height: $form-field-height;
-      fill: $lightest-grey-color;
-
-      .icon {
-        width: 1em;
-        height: 1em;
-      }
-    }
-  }
-
-  &[disabled] .select-result-delegate {
-    .selected-text {
-      color: $lightest-grey-color;
-    }
-  }
-
-  &[selected] .select-result-delegate {
-    .placeholder {
-      display: none;
-    }
-
-    .selected-text {
-      display: block;
-    }
-  }
-
-  .tao-slide-box .slide-box-content {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-
-    .header, .select-result, .buttons {
-      flex: 0 0 auto;
-    }
-
-    .select-list {
-      flex: 1 1 auto;
-    }
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/select/list.scss

@@ -1,10 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/select/list';
-
-.tao-select-list {
-  display: block;
-
-  &[empty] .list-wrapper {
-    display: none;
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/select/multiple_result.scss

@@ -1,12 +0,0 @@
-@import 'tao/form/globals';
-@import 'tao/form/shared/fields/select/multiple_result';
-
-.tao-multiple-select-result {
-  display: none;
-  padding: 0.75rem 0.75rem 0.25rem 0.75rem;
-  border-bottom: 1px solid $border-color;
-
-  &[selected] {
-    display: flex;
-  }
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/select/result.scss

@@ -1,28 +0,0 @@
-@import 'tao/form/mobile/globals';
-
-.tao-select-result {
-  select {
-    display: none;
-  }
-
-  .link-clear {
-    display: none;
-    align-items: center;
-    justify-content: space-between;
-    padding: $form-field-padding-v $form-field-padding-h;
-    color: $red-color;
-    background: $red-bg-color;
-    border-bottom: 1px solid $border-color;
-    font-size: 0.875rem;
-    outline: none;
-
-    .icon-close {
-      fill: $red-color;
-    }
-  }
-
-  &[selected] .link-clear {
-    display: flex;
-  }
-
-}

data/lib/assets/stylesheets/tao/form/mobile/fields/switch.scss

@@ -1,2 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/fields/switch';

data/lib/assets/stylesheets/tao/form/mobile/index.scss

@@ -1,5 +0,0 @@
-//= require tao/ui/mobile
-//= require ./reset
-//= require ./layout
-//= require_tree ./inputs
-//= require_tree ./fields

data/lib/assets/stylesheets/tao/form/mobile/inputs/boolean.scss

@@ -1,7 +0,0 @@
-@import 'tao/form/mobile/globals';
-@import 'tao/form/shared/inputs/boolean';
-
-.tao-form .boolean-field {
-  justify-content: flex-end;
-  padding: 0 $form-field-padding-h;
-}