@mjsz-vbr-elements/shared 2.1.0-beta.32 → 2.1.0-beta.34

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 (3) hide show
  1. package/dist/css/common.css +25 -14
  2. package/dist/css/typography.css +13 -10
  3. package/package.json +1 -1
package/dist/css/common.css CHANGED
@@ -68,7 +68,18 @@ ul {
68
68
 
69
69
  --vbr-widget-live-game-color: #8bc34a;
70
70
 
71
- --vbr-widget-table-header-font-size: 12px;
71
+ --vbr-widget-typography-text-xs-size: 0.75rem; /* 12px */
72
+ --vbr-widget-typography-text-xs-lineheight: 1rem; /* 16px */
73
+ --vbr-widget-typography-text-sm-size: 0.875rem; /* 14px */
74
+ --vbr-widget-typography-text-sm-lineheight: 1.25rem; /* 20px */
75
+ --vbr-widget-typography-text-base-size: 1rem; /* 16px */
76
+ --vbr-widget-typography-text-base-lineheight: 1.5rem; /* 24px */
77
+ --vbr-widget-typography-text-lg-size: 1.125rem; /* 18px */
78
+ --vbr-widget-typography-text-lg-lineheight: 1.75rem; /* 28px */
79
+ --vbr-widget-typography-text-xl-size: 1.25rem; /* 20px */
80
+ --vbr-widget-typography-text-xl-lineheight: 1.75rem; /* 28px */
81
+
82
+ --vbr-widget-table-header-font-size: var(--vbr-widget-typography-text-xs-size);
72
83
  --vbr-widget-table-default-column-width: 30px;
73
84
  --vbr-widget-table-default-bg-color: var(--vbr-widget-primary-color-0);
74
85
  --vbr-widget-table-color: var(--vbr-widget-primary-color-800);
@@ -104,7 +115,7 @@ ul {
104
115
  --vbr-widget-paginator-active-bg-color: var(--vbr-widget-primary-color-900);
105
116
  --vbr-widget-paginator-disabled-color: var(--vbr-widget-primary-color-200);
106
117
 
107
- --vbr-widget-tooltip-font-size: 12px;
118
+ --vbr-widget-tooltip-font-size: var(--vbr-widget-typography-text-xs-size);
108
119
  --vbr-widget-tooltip-color: #ffffff;
109
120
  --vbr-widget-tooltip-bg-color: #000000;
110
121
 
@@ -124,15 +135,15 @@ ul {
124
135
  --vbr-widget-hover-color: var(--vbr-widget-secondary-color-900);
125
136
 
126
137
  --vbr-widget-base-input-color: var(--vbr-widget-primary-color-800);
127
- --vbr-widget-base-input-font-size: 0.875rem;
138
+ --vbr-widget-base-input-font-size: var(--vbr-widget-typography-text-sm-size);
128
139
  --vbr-widget-base-input-border-color: var(--vbr-widget-primary-color-300);
129
140
  --vbr-widget-base-input-border-radius: 3px;
130
141
 
131
142
  --vbr-widget-form-label-color: var(--vbr-widget-primary-color-500);
132
- --vbr-widget-form-label-font-size: 0.75rem;
143
+ --vbr-widget-form-label-font-size: var(--vbr-widget-typography-text-xs-size);
133
144
 
134
145
  --vbr-widget-timezone-selector-color: var(--vbr-widget-primary-color-500);
135
- --vbr-widget-timezone-selector-font-size: 0.8125rem;
146
+ --vbr-widget-timezone-selector-font-size: var(--vbr-widget-typography-text-sm-size); /* 0.8125rem */
136
147
 
137
148
  --vbr-widget-badge-bg-color: var(--vbr-widget-primary-color-50);
138
149
  --vbr-widget-badge-color: var(--vbr-widget-primary-color-400);
@@ -140,7 +151,7 @@ ul {
140
151
  --vbr-widget-badge-large-font-size: 0.6875rem;
141
152
 
142
153
  --vbr-widget-tab-btn-padding: 0.625rem 1rem;
143
- --vbr-widget-tab-btn-font-size: 1rem;
154
+ --vbr-widget-tab-btn-font-size: var();
144
155
  --vbr-widget-tab-btn-font-weight: 500;
145
156
  --vbr-widget-tab-btn-bg-color: var(--vbr-widget-primary-color-0);
146
157
  --vbr-widget-tab-btn-color: var(--vbr-widget-primary-color-300);
@@ -169,10 +180,10 @@ ul {
169
180
  --vbr-widget-gamecenter-teamname-color: var(--vbr-widget-primary-color-800);
170
181
  --vbr-widget-gamecenter-teamname-weight: 700;
171
182
  --vbr-widget-gamecenter-title-color: var(--vbr-widget-primary-color-800);
172
- --vbr-widget-gamecenter-title-size: 1rem;
183
+ --vbr-widget-gamecenter-title-size: var(--vbr-widget-typography-text-base-size);
173
184
  --vbr-widget-gamecenter-title-weight: 700;
174
185
  --vbr-widget-gamecenter-gamedate-color: var(--vbr-widget-primary-color-500);
175
- --vbr-widget-gamecenter-gamedate-size: 1rem;
186
+ --vbr-widget-gamecenter-gamedate-size: var(--vbr-widget-typography-text-base-size);
176
187
  --vbr-widget-gamecenter-local-gamedate-color: var(--vbr-widget-primary-color-500);
177
188
  --vbr-widget-gamecenter-local-gamedate-size: 0.8125rem;
178
189
  --vbr-widget-gamecenter-gamestatus-color: var(--vbr-widget-primary-color-600);
@@ -187,20 +198,20 @@ ul {
187
198
  --vbr-widget-gamecenter-stats-border-color: var(--vbr-widget-primary-color-100);
188
199
  --vbr-widget-gamecenter-stats-title-size: 0.8125rem;
189
200
  --vbr-widget-gamecenter-stats-title-color: var(--vbr-widget-primary-color-400);
190
- --vbr-widget-gamecenter-stats-size: 1rem;
201
+ --vbr-widget-gamecenter-stats-size: var(--vbr-widget-typography-text-base-size);
191
202
  --vbr-widget-gamecenter-stats-color: var(--vbr-widget-primary-color-800);
192
203
 
193
204
  --vbr-widget-gamecenter-team-container-title-color: var(--vbr-widget-primary-color-800);
194
205
  --vbr-widget-gamecenter-team-container-title-bg-color: var(--vbr-widget-primary-color-100);
195
206
  --vbr-widget-gamecenter-team-container-border-color: var(--vbr-widget-primary-color-100);
196
207
 
197
- --vbr-widget-gamecenter-events-evented-person-size: 1rem;
208
+ --vbr-widget-gamecenter-events-evented-person-size: var(--vbr-widget-typography-text-base-size);
198
209
  --vbr-widget-gamecenter-events-evented-person-weight: 500;
199
210
  --vbr-widget-gamecenter-events-assitst-list-size: 0.9375rem;
200
- --vbr-widget-gamecenter-events-poi-list-size: 0.75rem;
201
- --vbr-widget-gamecenter-events-score-size: 1rem;
202
- --vbr-widget-gamecenter-events-penalty-size: 0.875rem;
203
- --vbr-widget-gamecenter-events-goalie-direction-size: 0.875rem;
211
+ --vbr-widget-gamecenter-events-poi-list-size: var(--vbr-widget-typography-text-xs-size);
212
+ --vbr-widget-gamecenter-events-score-size: var(--vbr-widget-typography-text-base-size);
213
+ --vbr-widget-gamecenter-events-penalty-size: var(--vbr-widget-typography-text-sm-size);
214
+ --vbr-widget-gamecenter-events-goalie-direction-size: var(--vbr-widget-typography-text-sm-size);
204
215
  }
205
216
 
206
217
  .transition-fade-enter-active,
package/dist/css/typography.css CHANGED
@@ -11,24 +11,24 @@
11
11
  font-style: italic;
12
12
  }
13
13
  .is-text-xs {
14
- font-size: 0.75rem; /* 12px */
15
- line-height: 1rem; /* 16px */
14
+ font-size: var(--vbr-widget-typography-text-xs-size);
15
+ line-height: var(--vbr-widget-typography-text-xs-lineheight);
16
16
  }
17
17
  .is-text-sm {
18
- font-size: 0.875rem; /* 14px */
19
- line-height: 1.25rem; /* 20px */
18
+ font-size: var(--vbr-widget-typography-text-sm-size);
19
+ line-height: var(--vbr-widget-typography-text-xs-lineheight);
20
20
  }
21
21
  .is-text-base {
22
- font-size: 1rem; /* 16px */
23
- line-height: 1.5rem; /* 24px */
22
+ font-size: var(--vbr-widget-typography-text-base-size);
23
+ line-height: var(--vbr-widget-typography-text-base-lineheight);
24
24
  }
25
25
  .is-text-lg {
26
- font-size: 1.125rem; /* 18px */
27
- line-height: 1.75rem; /* 28px */
26
+ font-size: var(--vbr-widget-typography-text-lg-size);
27
+ line-height: var(--vbr-widget-typography-text-lg-lineheight);
28
28
  }
29
29
  .is-text-xl {
30
- font-size: 1.25rem; /* 20px */
31
- line-height: 1.75rem; /* 28px */
30
+ font-size: var(--vbr-widget-typography-text-xl-size);
31
+ line-height: var(--vbr-widget-typography-text-xl-lineheight);
32
32
  }
33
33
  .is-uppercase {
34
34
  text-transform: uppercase;
@@ -42,6 +42,9 @@
42
42
  .is-opacity-50 {
43
43
  opacity: 0.5;
44
44
  }
45
+ .is-mt-5 {
46
+ margin-top: 1rem;
47
+ }
45
48
  .is-mb-5 {
46
49
  margin-bottom: 1rem;
47
50
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mjsz-vbr-elements/shared",
3
3
  "private": false,
4
- "version": "2.1.0-beta.32",
4
+ "version": "2.1.0-beta.34",
5
5
  "author": "Ákos Stegner <akos.stegner@gmail.com>",
6
6
  "homepage": "https://api.icehockey.hu/widgets/docs/v2/",
7
7
  "type": "module",