revert: new field variants (#1545)

Author: marcosmoura

docs/app/pages/Components/Input/Input.vue

@@ -3,8 +3,6 @@
 <example src="./examples/Counters.vue" />
 <example src="./examples/FieldIcons.vue" />
 <example src="./examples/InlineActions.vue" />
-<example src="./examples/FieldVariations.vue" />
-<example src="./examples/AppBarNested.vue" />
 <example src="./examples/Fixes.vue" />
 
 <template>
@@ -23,20 +21,6 @@
       <code-example title="Input and Textarea" :component="examples['text-fields']" />
     </div>
 
-    <div class="page-container-section">
-      <h2>Field Variations</h2>
-
-      <p>Fields have three layout variations: Default (with floating labels), solo (with inline labels) and boxed (with floating labels).</p>
-      <code-example title="Variants and Dense" :component="examples['field-variations']" />
-    </div>
-
-    <div class="page-container-section">
-      <h2>App Bar Nested</h2>
-
-      <p>All field variations are works really great as search bar inside a toolbar.</p>
-      <code-example title="Nested Fields" :component="examples['app-bar-nested']" />
-    </div>
-
     <div class="page-container-section">
       <h2>Errors and Messages</h2>
 
@@ -105,74 +89,33 @@
     mixins: [examples],
     data: () => ({
       field: {
-        props: {
-          headings: ['Name', 'Description', 'Default'],
-          props: [
-            {
-              name: 'md-variant',
-              type: 'String',
-              description: 'Sets the field variant. The bottom line variant is the default. See below the detailed description of each variant.',
-              defaults: 'bottom-line'
-            },
-            {
-              offset: true,
-              name: 'md-variant="bottom-line"',
-              type: 'String',
-              description: 'Sets the field variant to bottom line. This is the default.',
-              defaults: '-'
-            },
-            {
-              offset: true,
-              name: 'md-variant="box"',
-              type: 'String',
-              description: 'Sets the field variant to a boxed variant.',
-              defaults: '-'
-            },
-            {
-              offset: true,
-              name: 'md-variant="raised"',
-              type: 'String',
-              description: 'Sets the field variant to a raised variant.',
-              defaults: '-'
-            },
-            {
-              name: 'md-dense',
-              type: 'Boolean',
-              description: 'Enable the dense layout',
-              defaults: 'false'
-            },
-            {
-              name: 'md-inline',
-              type: 'Boolean',
-              description: 'Make the label inline. This means that the label will disappear when the input receives a focus.',
-              defaults: 'false'
-            },
-            {
-              name: 'md-nested',
-              type: 'Boolean',
-              description: 'Enable the nested layout. Its works only within toolbar',
-              defaults: 'false'
-            },
-            {
-              name: 'md-counter',
-              type: 'Boolean',
-              description: 'Enable the character counter. Only works with fields that have a <code>md-input</code> or <code>md-textarea</code> with a <code>maxlength</code> or <code>md-counter</code> attributes.',
-              defaults: 'false'
-            },
-            {
-              name: 'md-clearable',
-              type: 'Boolean',
-              description: 'Add a clear button on the right of the input.',
-              defaults: 'false'
-            },
-            {
-              name: 'md-toggle-password',
-              type: 'Boolean',
-              description: 'Add a toggle button on the right of the input to reveal/hide the password. Only works with fields that have a <code>md-input</code> with type password.',
-              defaults: 'false'
-            }
-          ]
-        },
+        headings: ['Name', 'Description', 'Default'],
+        props: [
+          {
+            name: 'md-inline',
+            type: 'Boolean',
+            description: 'Make the label inline. This means that the label will disappear when the input receives a focus.',
+            defaults: 'false'
+          },
+          {
+            name: 'md-counter',
+            type: 'Boolean',
+            description: 'Enable the character counter. Only works with fields that have a <code>md-input</code> or <code>md-textarea</code> with a <code>maxlength</code> or <code>md-counter</code> attributes.',
+            defaults: 'false'
+          },
+          {
+            name: 'md-clearable',
+            type: 'Boolean',
+            description: 'Add a clear button on the right of the input.',
+            defaults: 'false'
+          },
+          {
+            name: 'md-toggle-password',
+            type: 'Boolean',
+            description: 'Add a toggle button on the right of the input to reveal/hide the password. Only works with fields that have a <code>md-input</code> with type password.',
+            defaults: 'false'
+          }
+        ],
         events: {
           headings: ['Name', 'Description', 'Value'],
           props: [