@agilekit/ui 0.0.407-alpha.0 → 0.0.410-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilekit/ui",
-  "version": "0.0.407-alpha.0",
+  "version": "0.0.410-alpha.0",
   "description": "Agile's product component library",
   "author": "Michael de Lima Alves <michaelalves@outlook.com>",
   "license": "MIT",
@@ -143,5 +143,5 @@
     "react-spring": "*"
   },
   "bugs": {},
-  "gitHead": "9f3823f222722afb939e75a13e16f4ebd32cc5c0"
+  "gitHead": "af10aaf915d4e9e801f2621929471f8d0c5aed4f"
 }

package/src/assets/styles/global/bootstrap/_custom-forms.scss

@@ -178,7 +178,7 @@
     }
 
     &::after {
-      top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});
+      top: math.div((4 * $line-height-base - $custom-control-indicator-size), 2) + 40 * 2;
       left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});
       width: $custom-switch-indicator-size;
       height: $custom-switch-indicator-size;

package/src/assets/styles/global/bootstrap/_variables.scss

@@ -145,7 +145,6 @@ $body-color: $gray-900 !default;
 
 
 // Links
-//
 // Style anchor elements.
 
 $link-color: theme-color("primary") !default;
@@ -484,7 +483,7 @@ $input-height-inner-sm: ($input-btn-font-size-sm * $input-btn-line-height-sm) +
 $input-height-sm: 29 + $input-height-border !default;
 
 $input-height-inner-lg: ($input-btn-font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
-$input-height-lg: $input-height-inner-lg + $input-height-border !default;
+$input-height-lg: 46 + $input-height-border !default;
 
 $input-transition: border-color .15s ease-in-out,
 box-shadow .15s ease-in-out !default;
@@ -551,7 +550,7 @@ $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg
 
 $custom-switch-width: $custom-control-indicator-size * 1.75 !default;
 $custom-switch-indicator-border-radius: math.div($custom-control-indicator-size, 2) !default;
-$custom-switch-indicator-size: $custom-control-indicator-size - $custom-control-indicator-border-width * 4 !default;
+$custom-switch-indicator-size: 16 - $custom-control-indicator-border-width * 4 !default;
 
 $custom-select-padding-y: $input-btn-padding-y !default;
 $custom-select-padding-x: $input-btn-padding-x !default;
@@ -656,7 +655,7 @@ $dropdown-bg: $white !default;
 $dropdown-border-color: rgba($black, .15) !default;
 $dropdown-border-radius: $border-radius !default;
 $dropdown-border-width: $border-width !default;
-$dropdown-inner-border-radius: $dropdown-border-radius - $dropdown-border-width !default;
+$dropdown-inner-border-radius: 4 - $dropdown-border-width !default;
 $dropdown-divider-bg: $gray-200 !default;
 $dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
 
@@ -722,7 +721,7 @@ $navbar-brand-font-size: $font-size-lg !default;
 // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
 $nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
 $navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
-$navbar-brand-padding-y: math.div((#{$nav-link-height} - #{$navbar-brand-height}), 2) !default;
+$navbar-brand-padding-y: math.div(($nav-link-height - $navbar-brand-height), 2) !default;
 
 $navbar-toggler-padding-y: .25rem !default;
 $navbar-toggler-padding-x: .75rem !default;
@@ -793,14 +792,14 @@ $card-spacer-x: 1.25rem !default;
 $card-border-width: $border-width !default;
 $card-border-radius: $border-radius !default;
 $card-border-color: rgba($black, .125) !default;
-$card-inner-border-radius: $card-border-radius - $card-border-width !default;
+$card-inner-border-radius: 4 - $card-border-width !default;
 $card-cap-bg: rgba($black, .03) !default;
 $card-cap-color: inherit !default;
 $card-bg: $white !default;
 
 $card-img-overlay-padding: 1.25rem !default;
 
-$card-group-margin: math.div(#{$grid-gutter-width}, 2) !default;
+$card-group-margin: math.div($grid-gutter-width, 2) !default;
 $card-deck-margin: $card-group-margin !default;
 
 $card-columns-count: 3 !default;

package/src/assets/styles/global/bootstrap/utilities/_embed.scss

@@ -34,7 +34,7 @@
 
   .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
     &::before {
-      padding-top: percentage(math.div($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x));
+      padding-top: percentage(math.div($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));
     }
   }
 }