fix: options class name

Author: FGRibreau

Diff for: packages/ui-predicate-vue/.storybook/preview-head.html

@@ -17,7 +17,7 @@
 .custom-css .ui-predicate__col--targets,
 .custom-css .ui-predicate__col--operators,
 .custom-css .ui-predicate__col--arguments,
-.custom-css .ui-predicate__col--option,
+.custom-css .ui-predicate__col--options,
 .custom-css .ui-predicate__col--logic{
   position: relative;
   margin: 4px;
@@ -33,7 +33,7 @@
 .custom-css .ui-predicate__col--targets::after,
 .custom-css .ui-predicate__col--operators::after,
 .custom-css .ui-predicate__col--arguments::after,
-.custom-css .ui-predicate__col--option::after,
+.custom-css .ui-predicate__col--options::after,
 .custom-css .ui-predicate__col--logic::after{
   display: block;
   font-size: 10px;
@@ -67,8 +67,8 @@
 .custom-css .ui-predicate__col--arguments::after{
   content:'.ui-predicate__col.ui-predicate__col--arguments';
 }
-.custom-css .ui-predicate__col--option::after{
-  content:'.ui-predicate__col.ui-predicate__col--option';
+.custom-css .ui-predicate__col--options::after{
+  content:'.ui-predicate__col.ui-predicate__col--options';
 }
 .custom-css .ui-predicate__col--logic::after{
   content:'.ui-predicate__col.ui-predicate__col--logic';

Diff for: packages/ui-predicate-vue/src/ui-predicate-comparison.vue

@@ -19,7 +19,7 @@
       <div class="ui-predicate__col ui-predicate__col--arguments">
         <ui-predicate-comparison-argument :predicate="predicate"></ui-predicate-comparison-argument>
       </div>
-      <div class="ui-predicate__col ui-predicate__col--option">
+      <div class="ui-predicate__col ui-predicate__col--options">
         <ui-predicate-options :predicate="predicate"></ui-predicate-options>
       </div>
     </div>

Diff for: packages/ui-predicate-vue/src/ui-predicate-compound.vue

@@ -10,7 +10,7 @@
             @change="changeLogic($event)"
           />
         </div>
-        <div class="ui-predicate__col ui-predicate__col--option">
+        <div class="ui-predicate__col ui-predicate__col--options">
           <ui-predicate-options :predicate="predicate"></ui-predicate-options>
         </div>
       </div>

Diff for: packages/ui-predicate-vue/src/ui-predicate.stories.js

@@ -194,7 +194,7 @@ storiesOf('ui-predicate', module)
           - \\\`.ui-predicate__col--targets\\\`: select the every target columns div container
           - \\\`.ui-predicate__col--operators\\\`: select every operators div container
           - \\\`.ui-predicate__col--arguments\\\`: select every arguments div container
-          - \\\`.ui-predicate__col--option\\\`: select every option div container
+          - \\\`.ui-predicate__col--options\\\`: select every option div container
           - \\\`.ui-predicate__col--logic\\\`: select every logic div container
         `,
       },