Update styles (#124)

Author: esezen

.storybook/custom-styles-story.css

@@ -29,6 +29,6 @@
   color: rgb(51, 51, 51);
 }
 
-.cio-autocomplete.custom-autocomplete-styles .Products p {
+.cio-autocomplete.custom-autocomplete-styles .products p {
   padding: 5px 5px 0;
 }

.storybook/full-example-styles-story.css

@@ -72,25 +72,25 @@
   color: rgb(70, 70, 70);
 }
 
-.cio-autocomplete.full-example-autocomplete-styles .Products.cio-section {
+.cio-autocomplete.full-example-autocomplete-styles .products.cio-section {
   padding: 0px;
 }
 
-.cio-autocomplete.full-example-autocomplete-styles .Products .cio-item-Products {
+.cio-autocomplete.full-example-autocomplete-styles .products .cio-item-Products {
   width: 120px !important;
   height: fit-content;
   padding: 15px;
 }
 
-.cio-autocomplete.full-example-autocomplete-styles .Products .cio-section-items {
+.cio-autocomplete.full-example-autocomplete-styles .products .cio-section-items {
   text-align: center;
 }
 
-.cio-autocomplete.full-example-autocomplete-styles .Products .cio-product-text {
+.cio-autocomplete.full-example-autocomplete-styles .products .cio-product-text {
   padding: 15px 5px 0;
 }
 
-.cio-autocomplete.full-example-autocomplete-styles .Products .cio-item .cio-product-image {
+.cio-autocomplete.full-example-autocomplete-styles .products .cio-item .cio-product-image {
   width: 100%;
   height: 100%;
   min-height: 200px;
@@ -104,7 +104,7 @@
   border-radius: 0px;
 }
 
-.cio-autocomplete.full-example-autocomplete-styles .Products p {
+.cio-autocomplete.full-example-autocomplete-styles .products p {
   padding: 5px 5px 0;
 }
 

src/constants.ts

@@ -200,7 +200,7 @@ import '@constructor-io/constructorio-ui-autocomplete/styles.css';
   color: rgb(51, 51, 51);
 }
 
-.cio-autocomplete.custom-autocomplete-styles .Products p {
+.cio-autocomplete.custom-autocomplete-styles .products p {
   padding: 5px 5px 0;
 }
 \`\`\`

src/styles.css

@@ -92,11 +92,11 @@
   border-radius: 4px;
 }
 
-.cio-autocomplete .Products {
+.cio-autocomplete .products {
   padding: 0 5px;
 }
 
-.cio-autocomplete .Products .cio-item {
+.cio-autocomplete .products .cio-item {
   display: inline-flex;
   align-items: center;
   width: 25%;