fix: name of utilitary

Author: linspw

src/styles/utils/utilitary-classes/utilitary-layout.scss

@@ -1,4 +1,4 @@
-.b-layout {
+.h-layout {
   display: flex;
 
   &--relative {

src/styles/utils/utilitary-classes/utilitary-padding-and-margin.scss

@@ -17,50 +17,50 @@ $sizes:
   'immense';
 
 @each $size in $sizes {
-  .b-padding--#{$size} {
+  .h-padding--#{$size} {
     padding: var(--size-scalable-#{$size});
   }
-  .b-padding-top--#{$size} {
+  .h-padding-top--#{$size} {
     padding-top: var(--size-scalable-#{$size});
   }
-  .b-padding-right--#{$size} {
+  .h-padding-right--#{$size} {
     padding-right: var(--size-scalable-#{$size});
   }
-  .b-padding-bottom--#{$size} {
+  .h-padding-bottom--#{$size} {
     padding-bottom: var(--size-scalable-#{$size});
   }
-  .b-padding-left--#{$size} {
+  .h-padding-left--#{$size} {
     padding-left: var(--size-scalable-#{$size});
   }
-  .b-padding-vertical--#{$size} {
+  .h-padding-vertical--#{$size} {
     padding-top: var(--size-scalable-#{$size});
     padding-bottom: var(--size-scalable-#{$size});
   }
-  .b-padding-horizontal--#{$size} {
+  .h-padding-horizontal--#{$size} {
     padding-right: var(--size-scalable-#{$size});
     padding-left: var(--size-scalable-#{$size});
   }
 
-  .b-margin--#{$size} {
+  .h-margin--#{$size} {
     margin: var(--size-scalable-#{$size});
   }
-  .b-margin-top--#{$size} {
+  .h-margin-top--#{$size} {
     margin-top: var(--size-scalable-#{$size});
   }
-  .b-margin-right--#{$size} {
+  .h-margin-right--#{$size} {
     margin-right: var(--size-scalable-#{$size});
   }
-  .b-margin-bottom--#{$size} {
+  .h-margin-bottom--#{$size} {
     margin-bottom: var(--size-scalable-#{$size});
   }
-  .b-margin-left--#{$size} {
+  .h-margin-left--#{$size} {
     margin-left: var(--size-scalable-#{$size});
   }
-  .b-margin-vertical--#{$size} {
+  .h-margin-vertical--#{$size} {
     margin-top: var(--size-scalable-#{$size});
     margin-bottom: var(--size-scalable-#{$size});
   }
-  .b-margin-horizontal--#{$size} {
+  .h-margin-horizontal--#{$size} {
     margin-right: var(--size-scalable-#{$size});
     margin-left: var(--size-scalable-#{$size});
   }

src/styles/utils/utilitary-classes/utilitary-padding-and-margin.stories.mdx

@@ -42,7 +42,7 @@ Os tamanhos seguem a escala "Size base".
       },
       methods: {
         createClass(type, variant, size) {
-          return `b-${type}${variant ? "-" + variant : ""}--${size}`;
+          return `h-${type}${variant ? "-" + variant : ""}--${size}`;
         },
       },
       template: `
@@ -81,7 +81,7 @@ Os tamanhos seguem a escala "Size base".
       },
       methods: {
         createClass(type, variant, size) {
-          return `b-${type}${variant ? "-" + variant : ""}--${size}`;
+          return `h-${type}${variant ? "-" + variant : ""}--${size}`;
         },
       },
       template: `
@@ -124,7 +124,7 @@ Os tamanhos seguem a escala "Size base".
       },
       methods: {
         createClass(type, variant, size) {
-          return `b-${type}${variant ? "-" + variant : ""}--${size}`;
+          return `h-${type}${variant ? "-" + variant : ""}--${size}`;
         },
       },
       template: `
@@ -178,7 +178,7 @@ Os tamanhos seguem a escala "Size base".
       },
       methods: {
         createClass(type, variant, size) {
-          return `b-${type}${variant ? "-" + variant : ""}--${size}`;
+          return `h-${type}${variant ? "-" + variant : ""}--${size}`;
         },
       },
       template: `