bootstrap-italia 2.4.2 → 2.5.0

package/dist/js/bootstrap-italia.bundle.min.js

@@ -20,7 +20,7 @@
 
     const DATA_MOUSE_FOCUS="data-focus-mouse";class TrackFocus{constructor(){this._usingMouse=!1,this._bindEvents();}_bindEvents(){["keydown","mousedown"].forEach((t=>{document.addEventListener(t,(t=>{this._usingMouse="mousedown"===t.type;}));})),document.addEventListener("focusin",(t=>{this._usingMouse&&t.target&&(t.target.classList.add("focus--mouse"),t.target.setAttribute(DATA_MOUSE_FOCUS,!0));})),document.addEventListener("focusout",(t=>{t.target&&(t.target.classList.remove("focus--mouse"),t.target.setAttribute(DATA_MOUSE_FOCUS,!1));}));}}new TrackFocus;const TrackFocus$1 = TrackFocus;
 
-    const BOOTSTRAP_ITALIA_VERSION = "2.4.2";
+    const BOOTSTRAP_ITALIA_VERSION = "2.5.0";
 
     const init=()=>{window.BOOTSTRAP_ITALIA_VERSION||(new TrackFocus$1,window.BOOTSTRAP_ITALIA_VERSION=BOOTSTRAP_ITALIA_VERSION);};const init$1 = init;init();
 

package/dist/js/bootstrap-italia.min.js

@@ -47,7 +47,7 @@
 
     const DATA_MOUSE_FOCUS="data-focus-mouse";class TrackFocus{constructor(){this._usingMouse=!1,this._bindEvents();}_bindEvents(){["keydown","mousedown"].forEach((t=>{document.addEventListener(t,(t=>{this._usingMouse="mousedown"===t.type;}));})),document.addEventListener("focusin",(t=>{this._usingMouse&&t.target&&(t.target.classList.add("focus--mouse"),t.target.setAttribute(DATA_MOUSE_FOCUS,!0));})),document.addEventListener("focusout",(t=>{t.target&&(t.target.classList.remove("focus--mouse"),t.target.setAttribute(DATA_MOUSE_FOCUS,!1));}));}}new TrackFocus;const TrackFocus$1 = TrackFocus;
 
-    const BOOTSTRAP_ITALIA_VERSION = "2.4.2";
+    const BOOTSTRAP_ITALIA_VERSION = "2.5.0";
 
     const init=()=>{window.BOOTSTRAP_ITALIA_VERSION||(new TrackFocus$1,window.BOOTSTRAP_ITALIA_VERSION=BOOTSTRAP_ITALIA_VERSION);};const init$1 = init;init();
 

package/dist/version.js

@@ -1,7 +1,7 @@
 // bootstrap italia version variable
 // useful to check for the current version
 // eslint-disable-next-line no-unused-vars
-const BOOTSTRAP_ITALIA_VERSION = '2.4.2';
+const BOOTSTRAP_ITALIA_VERSION = '2.5.0';
 
 export { BOOTSTRAP_ITALIA_VERSION as default };
 //# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../src/js/version.js"],"sourcesContent":["// bootstrap italia version variable\n// useful to check for the current version\n// eslint-disable-next-line no-unused-vars\nconst BOOTSTRAP_ITALIA_VERSION = '2.4.2'\nexport default BOOTSTRAP_ITALIA_VERSION\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACK,MAAC,wBAAwB,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../src/js/version.js"],"sourcesContent":["// bootstrap italia version variable\n// useful to check for the current version\n// eslint-disable-next-line no-unused-vars\nconst BOOTSTRAP_ITALIA_VERSION = '2.5.0'\nexport default BOOTSTRAP_ITALIA_VERSION\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACK,MAAC,wBAAwB,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-italia",
-  "version": "2.4.2",
+  "version": "2.5.0",
   "keywords": [
     "css",
     "sass",

package/src/js/version.js

@@ -1,5 +1,5 @@
 // bootstrap italia version variable
 // useful to check for the current version
 // eslint-disable-next-line no-unused-vars
-const BOOTSTRAP_ITALIA_VERSION = '2.4.2'
+const BOOTSTRAP_ITALIA_VERSION = '2.5.0'
 export default BOOTSTRAP_ITALIA_VERSION

package/src/scss/_functions.scss

@@ -26,7 +26,7 @@
 }
 
 @function color-hover($color) {
-  @return desaturate(shade-color($color, 10%), 10%);
+  @return desaturate(shade-color($color, 10%), 20%);
 }
 
 @function url-friendly-color($color) {

package/src/scss/custom/_buttons.scss

@@ -3,9 +3,7 @@
   font-size: $btn-font-size;
   white-space: initial;
   text-decoration: none;
-  &:not(.btn-outline-primary, .btn-outline-secondary) {
-    box-shadow: none;
-  }
+  box-shadow: none;
 }
 
 .btn-me {
@@ -70,7 +68,6 @@
     display: flex;
     justify-content: center;
     align-items: center;
-
     background-color: $white;
 
     @each $color, $value in $theme-colors {
@@ -101,20 +98,15 @@
   box-shadow: none;
   line-height: 1.555;
   @include border-radius(0);
-
   // allow height 100%
   align-self: stretch;
   // height: 100%;
-
   width: inherit;
-
   margin-top: -$header-slim-button-v-padding;
   margin-bottom: -$header-slim-button-v-padding;
   margin-right: -$header-slim-button-v-padding;
-
   padding-left: 8px;
   padding-right: 8px;
-
   &:hover {
     text-decoration: none !important;
   }
@@ -128,7 +120,6 @@
   @include media-breakpoint-up(lg) {
     padding: 12px 24px !important;
     margin: 0;
-
     flex: 1;
     display: flex;
     flex-direction: row;
@@ -170,18 +161,44 @@
   }
 }
 
-.btn-outline-secondary {
-  box-shadow: inset 0 0 0 2px $secondary;
-  &.disabled,
-  &:hover,
-  &:active {
-    box-shadow: inset 0 0 0 2px color-hover($secondary);
+.btn-outline {
+  &-primary {
+    box-shadow: inset 0 0 0 2px $primary;
+    &.disabled {
+      box-shadow: inset 0 0 0 2px color-hover($primary);
+    }
   }
-}
-
-.btn-outline-primary {
-  &.disabled {
-    box-shadow: inset 0 0 0 2px color-hover($primary);
+  &-secondary {
+    box-shadow: inset 0 0 0 2px $secondary;
+    &.disabled,
+    &:hover,
+    &:active {
+      box-shadow: inset 0 0 0 2px color-hover($secondary);
+    }
+  }
+  &-success {
+    box-shadow: inset 0 0 0 2px $success;
+    &.disabled,
+    &:hover,
+    &:active {
+      box-shadow: inset 0 0 0 2px color-hover($success);
+    }
+  }
+  &-warning {
+    box-shadow: inset 0 0 0 2px $color-border-warning;
+    &.disabled,
+    &:hover,
+    &:active {
+      box-shadow: inset 0 0 0 2px color-hover($color-border-warning);
+    }
+  }
+  &-danger {
+    box-shadow: inset 0 0 0 2px $danger;
+    &.disabled,
+    &:hover,
+    &:active {
+      box-shadow: inset 0 0 0 2px color-hover($danger);
+    }
   }
 }
 

package/src/scss/custom/_version.scss

@@ -1,3 +1,3 @@
 :root {
-  --bootstrap-italia-version: '2.4.2';
+  --bootstrap-italia-version: '2.5.0';
 }

package/src/scss/custom/mixins/_buttons.scss

@@ -84,7 +84,7 @@
     color: $active-border;
     background-color: transparent;
     background-image: none;
-    box-shadow: inset 0 0 0 1px $active-border;
+    box-shadow: inset 0 0 0 2px $active-border;
 
     &:focus {
       // Avoid using mixin so we can pass custom focus shadow properly

package/src/scss/utilities/colors_vars.scss

@@ -416,8 +416,8 @@ $color-text-warning: hsl(36, 100%, 30%); // color-orange-30
 // SPECIFIC TOKENS =========================================================
 //
 // Footer
-$footer-top-background: hsl(210, 100%, 30%); // color-blue-30
-$footer-bottom-background: hsl(210, 100%, 20%); // color-blue-20
+$footer-top-background: $primary-a8; // color-blue-30
+$footer-bottom-background: $primary-a10; // color-blue-20
 
 // Icons
 $icon-primary: $primary;

package/types/plugins/fonts-loader.d.ts

@@ -2,4 +2,4 @@
  * Load Bootstrap Italia fonts
  * @param {string} path - the path where fonts live
  */
-export function loadFonts(path: string)
+export function loadFonts(path: string): void