@transfermarkt/global-styles 1.59.0 → 1.61.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 (3) hide show
  1. package/package.json +1 -1
  2. package/scss/utils/components/buttons/buttons.scss +1 -0
  3. package/scss/variables/_figma-variables.scss +17 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transfermarkt/global-styles",
3
- "version": "1.59.0",
3
+ "version": "1.61.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/utils/components/buttons/buttons.scss CHANGED
@@ -32,6 +32,7 @@
32
32
  background-color 100ms linear,
33
33
  color 100ms linear,
34
34
  border-color 100ms linear;
35
+ white-space: nowrap;
35
36
 
36
37
  &--full-size {
37
38
  display: flex;
package/scss/variables/_figma-variables.scss CHANGED
@@ -90,6 +90,7 @@ $figma-variables: (
90
90
  'color-red-default': #ef1717,
91
91
  'color-red-lighter': #fff1f1,
92
92
  'color-red-darker': #c90c0c,
93
+ 'color-red-light': #ff9c9c,
93
94
 
94
95
  // lightblue
95
96
  'color-lightblue-default': #0087ff,
@@ -127,6 +128,11 @@ $figma-variables: (
127
128
  'scale-1200-(48)': 48,
128
129
  'scale-1600-(64)': 64,
129
130
  'scale-500-(20)': 20,
131
+ // icon
132
+ // stroke
133
+ 'scale-icon-stroke-lg': 2,
134
+ 'scale-icon-stroke-md': 1.5,
135
+ 'scale-icon-stroke-sm': 1.4,
130
136
 
131
137
  // ALIAS
132
138
  // primary
@@ -193,7 +199,8 @@ $figma-variables: (
193
199
  // error
194
200
  'error-default': 'color-red-default',
195
201
  'error-dark': 'color-red-darker',
196
- 'error-light': 'color-red-lighter',
202
+ 'error-lighter': 'color-red-lighter',
203
+ 'error-light': 'color-red-light',
197
204
 
198
205
  // highlight
199
206
  'highlight-default': 'color-skyblue_old-default',
@@ -289,6 +296,7 @@ $figma-variables: (
289
296
  'text-button-warning-disabled': 'neutral-white',
290
297
  'text-button-tertiary-warning': 'error-default',
291
298
  'text-button-tertiary-warning-hover': 'error-dark',
299
+ 'text-button-tertiary-warning-disabled': 'error-light',
292
300
 
293
301
  // heading
294
302
  'text-heading-default': 'primary-default',
@@ -334,6 +342,8 @@ $figma-variables: (
334
342
  'icon-on-action-warning': 'neutral-white',
335
343
  'icon-on-action-warning-hover': 'neutral-white',
336
344
  'icon-on-action-warning-disabled': 'neutral-white',
345
+ 'icon-error-disabled': 'error-light',
346
+ 'icon-secondary-lighter': 'primary-150',
337
347
 
338
348
  // table
339
349
  'table-highest': 'secondary-default',
@@ -356,6 +366,9 @@ $figma-variables: (
356
366
  'border-button-grey-default': 'primary-150',
357
367
  'border-button-grey-hover': 'primary-400',
358
368
  'border-button-secondary-grey-disabled': 'primary-150',
369
+ 'border-button-warning': 'error-default',
370
+ 'border-button-warning-hover': 'error-dark',
371
+ 'border-button-warning-disabled': 'error-light',
359
372
 
360
373
  // radio-button
361
374
  'border-radio-button-selected': 'secondary-default',
@@ -395,7 +408,8 @@ $figma-variables: (
395
408
  'surface-button-primary-disabled': 'secondary-400',
396
409
  'surface-button-warning': 'error-default',
397
410
  'surface-button-warning-hover': 'error-dark',
398
- 'surface-button-warning-disabled': 'error-light',
411
+ 'surface-button-warning-disabled': 'error-lighter',
412
+ 'surface-button-secondary-grey': 'primary-default',
399
413
 
400
414
  // form-field
401
415
  'surface-form-field-default': 'neutral-white',
@@ -403,7 +417,7 @@ $figma-variables: (
403
417
  // banner
404
418
  'surface-banner-information': 'secondary-100',
405
419
  'surface-banner-success': 'success-light',
406
- 'surface-banner-error': 'error-light',
420
+ 'surface-banner-error': 'error-lighter',
407
421
 
408
422
  // tab
409
423
  'surface-tab-selected': 'secondary-default',