@foris/avocado-core 0.0.1-beta.0 → 0.0.2

package/dist/index.d.ts

@@ -1 +1 @@
-export * from './index.js'
+export * from './src/index.js'

package/dist/scss/_grid.scss

@@ -1,5 +1,5 @@
 // This grid use CSS Flexbox. To transform this grid in css use https://www.sassmeister.com/ <3
-@use './variables' as *;
+@use './variables' as variables;
 @use 'sass:math';
 
 // Quantity columns
@@ -33,7 +33,7 @@ $alignItems: (
 );
 
 // Values for spacing
-$spacing: (
+$gridSpacing: (
   full: 24px,
   md: 16px,
 );
@@ -46,21 +46,21 @@ $spacing: (
 // Generate responsive spacing
 @mixin responsiveSpacing($colPrefix) {
   @if $colPrefix == map-get($breakpointsPrefix, full) {
-    margin-left: -#{map-get($spacing, full)};
-    width: calc(100% + #{map-get($spacing, full)});
-    padding: 0 map-get($spacing, full);
+    margin-left: -#{map-get($gridSpacing, full)};
+    width: calc(100% + #{map-get($gridSpacing, full)});
+    padding: 0 map-get($gridSpacing, full);
   } @else if $colPrefix == map-get($breakpointsPrefix, md) {
-    margin-left: -#{map-get($spacing, md)};
-    width: calc(100% + #{map-get($spacing, md)});
-    padding: 0 map-get($spacing, md);
+    margin-left: -#{map-get($gridSpacing, md)};
+    width: calc(100% + #{map-get($gridSpacing, md)});
+    padding: 0 map-get($gridSpacing, md);
   }
   > [class*='col_'] {
     @if $colPrefix == map-get($breakpointsPrefix, full) {
-      padding-top: map-get($spacing, full);
-      padding-left: map-get($spacing, full);
+      padding-top: map-get($gridSpacing, full);
+      padding-left: map-get($gridSpacing, full);
     } @else if $colPrefix == map-get($breakpointsPrefix, md) {
-      padding-top: map-get($spacing, md);
-      padding-left: map-get($spacing, md);
+      padding-top: map-get($gridSpacing, md);
+      padding-left: map-get($gridSpacing, md);
     }
   }
 }
@@ -166,7 +166,7 @@ $spacing: (
   @if $media == full {
     @include contentFlexboxGrid(map-get($breakpointsPrefix, full));
   } @else if $media == md {
-    @media (max-width: map-get($breakpoints, md )) {
+    @media (max-width: map-get(variables.$breakpoints, md )) {
       @include contentFlexboxGrid(map-get($breakpointsPrefix, md));
     }
   }

package/dist/scss/_variables.scss

@@ -1,60 +1,15 @@
-//Cantidad de grillas
-$grid-cols: 12;
-$i: 0;
-//Clases responsive
-$col: '';
-
+// Line height
 $lineHeight: 1.15;
 
-//Default font
-$font-stack: 'Roboto', sans-serif, Arial;
-$font-icon: 'icomoon';
-
-//Old breakpoints - We need to deprecated o rename for Grids (css flexbox and css grid versions)
-$oldBreakpoints: (
-  lg: 1199.98px,
-  md: 991.98px,
-  sm: 767.98px,
-  xs: 575.98px,
-  us: 361.98px,
-) !default;
-
-//Type class
-$mapCols: (
-  full: '',
-  lg: '_lg',
-  md: '_md',
-  sm: '_sm',
-  xs: '_xs',
-  us: '_us',
-);
-
-//New breakpoints
+// Breakpoints
 $breakpoints: (
   md: 992px,
 );
 
-$maxWidth: 1440px;
-
-//Type justify-content/self and align-item/self/content
-$justifyContent: (
-  between: space-between,
-  around: space-around,
-  center: center,
-  left: flex-start,
-  right: flex-end,
-);
+// Default font
+$font-stack: 'Roboto', sans-serif;
 
-// type margin for offset
-$side-map: (
-  top: '_top',
-  bottom: '_bottom',
-  right: '_right',
-  left: '_left',
-  center: '_center',
-);
-
-//Type fontWeight
+// Values for font-weight
 $fonts: (
   thin: 100,
   light: 300,
@@ -64,7 +19,7 @@ $fonts: (
   black: 900,
 );
 
-//Type fontSize
+// Values for font-size
 $sizeText: (
   30: 1.875rem,
   28: 1.75rem,
@@ -78,6 +33,7 @@ $sizeText: (
   8: 0.5rem,
 );
 
+// Colors available
 $colors: (
   transparent: transparent,
   darwined-blue-10: #6993c9,
@@ -121,7 +77,7 @@ $colors: (
   massages-positive-confirmation-50: #35ab5f,
 );
 
-//Color palette
+// Colors palette
 $colorsPalette: (
   palette1: #f69b70,
   palette2: #afcea7,
@@ -151,6 +107,7 @@ $colorsPalette: (
   palette26: #a3ac7c,
 );
 
+// Check if we can delete this var
 $colorsPrincipal: (
   darwined-blue-10: #6993c9,
   darwined-blue-30: #507aaf,
@@ -159,6 +116,7 @@ $colorsPrincipal: (
   darwined-blue-90: #1a365b,
 );
 
+// Check if we can delete this var
 $colorsConfirm: (
   message-negative-30: #ff5f58,
   message-negative-50: #e33932,
@@ -170,6 +128,7 @@ $colorsConfirm: (
   message-positive-70: #21865d,
 );
 
+// Check if we can move this var or change this values
 $donutColors: (
   1: #5ecbdc,
   2: #f69b70,
@@ -178,9 +137,7 @@ $donutColors: (
   5: yellow,
 );
 
-$boxShadow: 0 0 3px 0 rgba(map-get($colors, layout-grey-90), 0.2);
-
-// zIndex
+// Check if we can delete or move this var
 $zIndex: (
   basic: 1,
   element: 2,
@@ -190,14 +147,17 @@ $zIndex: (
   menu: 11,
 );
 
+// DT borders
 $borders: (
   md: 1px,
 );
 
+// DT radius
 $radius: (
   md: 0.25rem,
 );
 
+// DT spacing
 $spacing: (
   xxs: 0.25rem,
   xs: 0.5rem,
@@ -207,6 +167,7 @@ $spacing: (
   xl: 2rem,
 );
 
+// DT shadow
 $shadow: (
   sm: 0 0 2px 0 rgba(52, 58, 64, 0.5),
   md: (
@@ -221,3 +182,6 @@ $shadow: (
     0 2px 4px 0 rgba(52, 58, 64, 0.15),
   ),
 );
+
+// Replace and remove this var
+$boxShadow: 0 0 3px 0 rgba(map-get($colors, layout-grey-90), 0.2);