@transfermarkt/global-styles 1.47.0 → 1.49.0

package/config/stylelint/index.js

@@ -40,6 +40,7 @@ module.exports = {
       {
         ignoreProperties: {
           'font-family': ['/tm-font.+/'],
+          // 'font-weight': ['/tm-univia-fw.+/'], // Temporarily disabled
           '/.+/': ['/rem-calc.+/', '/tm-color.+/', '/map.+/'],
         },
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transfermarkt/global-styles",
-  "version": "1.47.0",
+  "version": "1.49.0",
   "description": "Shared styles and Global configuration for stylelint rules of the Transfermarkt projects",
   "author": "Transfermarkt",
   "license": "MIT",

package/scss/fonts/_index.scss

@@ -34,6 +34,7 @@
   src: local('Arial');
 }
 
+/* UniviaPro font temporarily disabled
 @font-face {
   font-display: swap;
   font-family: 'UniviaPro';
@@ -177,3 +178,4 @@
   font-weight: 950;
   src: url('https://tmsi.akamaized.net/fonts/UniviaPro-UltraItalic.woff2') format('woff2');
 }
+*/

package/scss/functions/_index.scss

@@ -1,6 +1,7 @@
 @forward 'tm-color';
 @forward 'tm-font';
-@forward 'tm-univia-fw';
+
+// @forward 'tm-univia-fw'; // Temporarily disabled
 @forward 'rem-calc';
 @forward 'strip-unit';
 @forward 'zf-to-rem';

package/scss/functions/_tm-univia-fw.scss

@@ -1,3 +1,4 @@
+/* UniviaPro font weight function temporarily disabled
 @use 'sass:map';
 @use '../variables';
 
@@ -10,3 +11,4 @@
 
   @return #{$weight-value};
 }
+*/

package/scss/utils/components/buttons/buttons.scss

@@ -1913,6 +1913,216 @@
     }
   }
 
+  &__shield {
+    padding-right: rem-calc(24);
+
+    @include tm-icon-generate('shield');
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__shield-right {
+    padding-left: rem-calc(24);
+
+    @include tm-icon-generate('shield', right);
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__shield-both {
+    @include tm-icon-generate('shield', both);
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__help-circle {
+    padding-right: rem-calc(24);
+
+    @include tm-icon-generate('help-circle');
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__help-circle-right {
+    padding-left: rem-calc(24);
+
+    @include tm-icon-generate('help-circle', right);
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__help-circle-both {
+    @include tm-icon-generate('help-circle', both);
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__plus {
+    padding-right: rem-calc(24);
+
+    @include tm-icon-generate('plus');
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__plus-right {
+    padding-left: rem-calc(24);
+
+    @include tm-icon-generate('plus', right);
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__plus-both {
+    @include tm-icon-generate('plus', both);
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
   &__white {
     @include tm-icon-color(white);
   }

package/scss/variables/_fonts.scss

@@ -5,9 +5,11 @@ $tm-fonts: (
   'quaternary': "'OSL', 'OSL-fallback', sans-serif",
   'quinary': "'Arial', sans-serif",
   'senary': "'Times New Roman', sans-serif",
-  'septenary': "'SourceSansPro-VF', sans-serif",
-  'univia': "'UniviaPro', 'UniviaPro-fallback', sans-serif"
+  'septenary': "'SourceSansPro-VF', sans-serif"
+    // 'univia': "'UniviaPro', 'UniviaPro-fallback', sans-serif" // Temporarily disabled
 );
+
+/* UniviaPro font weights temporarily disabled
 $tm-univia-fw: (
   'ultra-light': 100,
   'thin': 200,
@@ -19,3 +21,4 @@ $tm-univia-fw: (
   'black': 900,
   'ultra': 950
 );
+*/