@transfermarkt/global-styles 1.46.0 → 1.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/config/stylelint/index.js +1 -0
  2. package/package.json +1 -1
  3. package/scss/fonts/_index.scss +146 -0
  4. package/scss/functions/_index.scss +2 -0
  5. package/scss/functions/_tm-univia-fw.scss +14 -0
  6. package/scss/utils/components/buttons/buttons.scss +140 -0
  7. package/scss/variables/_fonts.scss +15 -0
package/config/stylelint/index.js CHANGED
@@ -40,6 +40,7 @@ module.exports = {
40
40
  {
41
41
  ignoreProperties: {
42
42
  'font-family': ['/tm-font.+/'],
43
+ // 'font-weight': ['/tm-univia-fw.+/'], // Temporarily disabled
43
44
  '/.+/': ['/rem-calc.+/', '/tm-color.+/', '/map.+/'],
44
45
  },
45
46
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transfermarkt/global-styles",
3
- "version": "1.46.0",
3
+ "version": "1.48.0",
4
4
  "description": "Shared styles and Global configuration for stylelint rules of the Transfermarkt projects",
5
5
  "author": "Transfermarkt",
6
6
  "license": "MIT",
package/scss/fonts/_index.scss CHANGED
@@ -33,3 +33,149 @@
33
33
  size-adjust: 62.7%;
34
34
  src: local('Arial');
35
35
  }
36
+
37
+ /* UniviaPro font temporarily disabled
38
+ @font-face {
39
+ font-display: swap;
40
+ font-family: 'UniviaPro';
41
+ font-style: normal;
42
+ font-weight: 100;
43
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-UltraLight.woff2') format('woff2');
44
+ }
45
+
46
+ @font-face {
47
+ font-display: swap;
48
+ font-family: 'UniviaPro';
49
+ font-style: italic;
50
+ font-weight: 100;
51
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-UltraLightItalic.woff2') format('woff2');
52
+ }
53
+
54
+ @font-face {
55
+ font-display: swap;
56
+ font-family: 'UniviaPro';
57
+ font-style: normal;
58
+ font-weight: 200;
59
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Thin.woff2') format('woff2');
60
+ }
61
+
62
+ @font-face {
63
+ font-display: swap;
64
+ font-family: 'UniviaPro';
65
+ font-style: italic;
66
+ font-weight: 200;
67
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-ThinItalic.woff2') format('woff2');
68
+ }
69
+
70
+ @font-face {
71
+ font-display: swap;
72
+ font-family: 'UniviaPro';
73
+ font-style: normal;
74
+ font-weight: 300;
75
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Light.woff2') format('woff2');
76
+ }
77
+
78
+ @font-face {
79
+ font-display: swap;
80
+ font-family: 'UniviaPro';
81
+ font-style: italic;
82
+ font-weight: 300;
83
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-LightItalic.woff2') format('woff2');
84
+ }
85
+
86
+ @font-face {
87
+ font-display: swap;
88
+ font-family: 'UniviaPro';
89
+ font-style: normal;
90
+ font-weight: 400;
91
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Book.woff2') format('woff2');
92
+ }
93
+
94
+ @font-face {
95
+ font-display: swap;
96
+ font-family: 'UniviaPro';
97
+ font-style: italic;
98
+ font-weight: 400;
99
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-BookItalic.woff2') format('woff2');
100
+ }
101
+
102
+ @font-face {
103
+ font-display: swap;
104
+ font-family: 'UniviaPro';
105
+ font-style: normal;
106
+ font-weight: 450;
107
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Regular.woff2') format('woff2');
108
+ }
109
+
110
+ @font-face {
111
+ font-display: swap;
112
+ font-family: 'UniviaPro';
113
+ font-style: italic;
114
+ font-weight: 450;
115
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Italic.woff2') format('woff2');
116
+ }
117
+
118
+ @font-face {
119
+ font-display: swap;
120
+ font-family: 'UniviaPro';
121
+ font-style: normal;
122
+ font-weight: 500;
123
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Medium.woff2') format('woff2');
124
+ }
125
+
126
+ @font-face {
127
+ font-display: swap;
128
+ font-family: 'UniviaPro';
129
+ font-style: italic;
130
+ font-weight: 500;
131
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-MediumItalic.woff2') format('woff2');
132
+ }
133
+
134
+ @font-face {
135
+ font-display: swap;
136
+ font-family: 'UniviaPro';
137
+ font-style: normal;
138
+ font-weight: 700;
139
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Bold.woff2') format('woff2');
140
+ }
141
+
142
+ @font-face {
143
+ font-display: swap;
144
+ font-family: 'UniviaPro';
145
+ font-style: italic;
146
+ font-weight: 700;
147
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-BoldItalic.woff2') format('woff2');
148
+ }
149
+
150
+ @font-face {
151
+ font-display: swap;
152
+ font-family: 'UniviaPro';
153
+ font-style: normal;
154
+ font-weight: 900;
155
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Black.woff2') format('woff2');
156
+ }
157
+
158
+ @font-face {
159
+ font-display: swap;
160
+ font-family: 'UniviaPro';
161
+ font-style: italic;
162
+ font-weight: 900;
163
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-BlackItalic.woff2') format('woff2');
164
+ }
165
+
166
+ @font-face {
167
+ font-display: swap;
168
+ font-family: 'UniviaPro';
169
+ font-style: normal;
170
+ font-weight: 950;
171
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Ultra.woff2') format('woff2');
172
+ }
173
+
174
+ @font-face {
175
+ font-display: swap;
176
+ font-family: 'UniviaPro';
177
+ font-style: italic;
178
+ font-weight: 950;
179
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-UltraItalic.woff2') format('woff2');
180
+ }
181
+ */
package/scss/functions/_index.scss CHANGED
@@ -1,5 +1,7 @@
1
1
  @forward 'tm-color';
2
2
  @forward 'tm-font';
3
+
4
+ // @forward 'tm-univia-fw'; // Temporarily disabled
3
5
  @forward 'rem-calc';
4
6
  @forward 'strip-unit';
5
7
  @forward 'zf-to-rem';
package/scss/functions/_tm-univia-fw.scss ADDED
@@ -0,0 +1,14 @@
1
+ /* UniviaPro font weight function temporarily disabled
2
+ @use 'sass:map';
3
+ @use '../variables';
4
+
5
+ @function tm-univia-fw($weight-name) {
6
+ $weight-value: map.get(variables.$tm-univia-fw, #{$weight-name});
7
+
8
+ @if not $weight-value {
9
+ @error 'Font-Weight #{$weight-name} does not exist in tm-univia-fw map.';
10
+ }
11
+
12
+ @return #{$weight-value};
13
+ }
14
+ */
package/scss/utils/components/buttons/buttons.scss CHANGED
@@ -1913,6 +1913,146 @@
1913
1913
  }
1914
1914
  }
1915
1915
 
1916
+ &__shield {
1917
+ padding-right: rem-calc(24);
1918
+
1919
+ @include tm-icon-generate('shield');
1920
+
1921
+ &--large {
1922
+ @include tm-icon-size(16px);
1923
+
1924
+ stroke-width: 1.8;
1925
+ }
1926
+
1927
+ &--medium {
1928
+ @include tm-icon-size(16px);
1929
+
1930
+ stroke-width: 1.5;
1931
+ }
1932
+
1933
+ &--small {
1934
+ @include tm-icon-size(14px);
1935
+
1936
+ stroke-width: 1.2;
1937
+ }
1938
+ }
1939
+
1940
+ &__shield-right {
1941
+ padding-left: rem-calc(24);
1942
+
1943
+ @include tm-icon-generate('shield', right);
1944
+
1945
+ &--large {
1946
+ @include tm-icon-size(16px);
1947
+
1948
+ stroke-width: 1.8;
1949
+ }
1950
+
1951
+ &--medium {
1952
+ @include tm-icon-size(16px);
1953
+
1954
+ stroke-width: 1.5;
1955
+ }
1956
+
1957
+ &--small {
1958
+ @include tm-icon-size(14px);
1959
+
1960
+ stroke-width: 1.2;
1961
+ }
1962
+ }
1963
+
1964
+ &__shield-both {
1965
+ @include tm-icon-generate('shield', both);
1966
+
1967
+ &--large {
1968
+ @include tm-icon-size(16px);
1969
+
1970
+ stroke-width: 1.8;
1971
+ }
1972
+
1973
+ &--medium {
1974
+ @include tm-icon-size(16px);
1975
+
1976
+ stroke-width: 1.5;
1977
+ }
1978
+
1979
+ &--small {
1980
+ @include tm-icon-size(14px);
1981
+
1982
+ stroke-width: 1.2;
1983
+ }
1984
+ }
1985
+
1986
+ &__help-circle {
1987
+ padding-right: rem-calc(24);
1988
+
1989
+ @include tm-icon-generate('help-circle');
1990
+
1991
+ &--large {
1992
+ @include tm-icon-size(16px);
1993
+
1994
+ stroke-width: 1.8;
1995
+ }
1996
+
1997
+ &--medium {
1998
+ @include tm-icon-size(16px);
1999
+
2000
+ stroke-width: 1.5;
2001
+ }
2002
+
2003
+ &--small {
2004
+ @include tm-icon-size(14px);
2005
+
2006
+ stroke-width: 1.2;
2007
+ }
2008
+ }
2009
+
2010
+ &__help-circle-right {
2011
+ padding-left: rem-calc(24);
2012
+
2013
+ @include tm-icon-generate('help-circle', right);
2014
+
2015
+ &--large {
2016
+ @include tm-icon-size(16px);
2017
+
2018
+ stroke-width: 1.8;
2019
+ }
2020
+
2021
+ &--medium {
2022
+ @include tm-icon-size(16px);
2023
+
2024
+ stroke-width: 1.5;
2025
+ }
2026
+
2027
+ &--small {
2028
+ @include tm-icon-size(14px);
2029
+
2030
+ stroke-width: 1.2;
2031
+ }
2032
+ }
2033
+
2034
+ &__help-circle-both {
2035
+ @include tm-icon-generate('help-circle', both);
2036
+
2037
+ &--large {
2038
+ @include tm-icon-size(16px);
2039
+
2040
+ stroke-width: 1.8;
2041
+ }
2042
+
2043
+ &--medium {
2044
+ @include tm-icon-size(16px);
2045
+
2046
+ stroke-width: 1.5;
2047
+ }
2048
+
2049
+ &--small {
2050
+ @include tm-icon-size(14px);
2051
+
2052
+ stroke-width: 1.2;
2053
+ }
2054
+ }
2055
+
1916
2056
  &__white {
1917
2057
  @include tm-icon-color(white);
1918
2058
  }
package/scss/variables/_fonts.scss CHANGED
@@ -6,4 +6,19 @@ $tm-fonts: (
6
6
  'quinary': "'Arial', sans-serif",
7
7
  'senary': "'Times New Roman', sans-serif",
8
8
  'septenary': "'SourceSansPro-VF', sans-serif"
9
+ // 'univia': "'UniviaPro', 'UniviaPro-fallback', sans-serif" // Temporarily disabled
9
10
  );
11
+
12
+ /* UniviaPro font weights temporarily disabled
13
+ $tm-univia-fw: (
14
+ 'ultra-light': 100,
15
+ 'thin': 200,
16
+ 'light': 300,
17
+ 'book': 400,
18
+ 'regular': 450,
19
+ 'medium': 500,
20
+ 'bold': 700,
21
+ 'black': 900,
22
+ 'ultra': 950
23
+ );
24
+ */