@indico-data/design-system 2.44.0 → 2.45.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 (6) hide show
  1. package/lib/index.css +6 -5
  2. package/lib/index.esm.css +6 -5
  3. package/package.json +1 -1
  4. package/src/components/table/styles/_variables.scss +3 -2
  5. package/src/styles/globals.scss +2 -2
  6. package/src/styles/variables/_borders.scss +1 -1
package/lib/index.css CHANGED
@@ -282,7 +282,7 @@
282
282
 
283
283
  :root [data-theme=dark],
284
284
  :root {
285
- --pf-horizontal-line-color: var(--pf-primary-color-200);
285
+ --pf-horizontal-line-color: var(--pf-tertiary-color-800);
286
286
  --pf-border-color: var(--pf-tertiary-color-800);
287
287
  --pf-border-color-light: var(--pf-white-color-100);
288
288
  }
@@ -396,12 +396,12 @@
396
396
  :root {
397
397
  --pf-white-color: #ffffff;
398
398
  --pf-black-color: #000000;
399
- --pf-background-color-light: var(--pf-primary-color-300);
399
+ --pf-background-color-light: var(--pf-primary-color);
400
400
  --pf-background-color: var(--pf-primary-color-600);
401
401
  --pf-background-color-dark: var(--pf-primary-color-900);
402
402
  --pf-background-secondary-color-light: var(--pf-secondary-color-300);
403
403
  --pf-background-color-secondary: var(--pf-secondary-color-500);
404
- --pf-background-color-secondary-dark: var(--pf-secondary-color-900);
404
+ --pf-background-color-secondary-dark: var(--pf-secondary-color-950);
405
405
  --pf-font-color: var(--pf-gray-color);
406
406
  --pf-font-color-emphasis: var(--pf-gray-color-300);
407
407
  --pf-font-color-light: var(--pf-gray-color-100);
@@ -795,9 +795,10 @@ a:hover,
795
795
  --pf-table-stripe-color: var(--pf-primary-color-700);
796
796
  --pf-table-hover-color: var(--pf-primary-color-600);
797
797
  --pf-table-disabled-color: var(--pf-gray-color-900);
798
- --pf-table-checked-color: red;
799
- --pf-table-highlighted-color: var(--pf-primary-color-400);
798
+ --pf-table-checked-color: var(--pf-secondary-color-100);
799
+ --pf-table-highlighted-color: var(--pf-primary-color);
800
800
  --pf-table-highlighted-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 8px 16px rgba(0, 0, 0, 0.3);
801
+ --pf-table-font-size: var(--pf-font-size-body2);
801
802
  }
802
803
 
803
804
  .table-loading {
package/lib/index.esm.css CHANGED
@@ -282,7 +282,7 @@
282
282
 
283
283
  :root [data-theme=dark],
284
284
  :root {
285
- --pf-horizontal-line-color: var(--pf-primary-color-200);
285
+ --pf-horizontal-line-color: var(--pf-tertiary-color-800);
286
286
  --pf-border-color: var(--pf-tertiary-color-800);
287
287
  --pf-border-color-light: var(--pf-white-color-100);
288
288
  }
@@ -396,12 +396,12 @@
396
396
  :root {
397
397
  --pf-white-color: #ffffff;
398
398
  --pf-black-color: #000000;
399
- --pf-background-color-light: var(--pf-primary-color-300);
399
+ --pf-background-color-light: var(--pf-primary-color);
400
400
  --pf-background-color: var(--pf-primary-color-600);
401
401
  --pf-background-color-dark: var(--pf-primary-color-900);
402
402
  --pf-background-secondary-color-light: var(--pf-secondary-color-300);
403
403
  --pf-background-color-secondary: var(--pf-secondary-color-500);
404
- --pf-background-color-secondary-dark: var(--pf-secondary-color-900);
404
+ --pf-background-color-secondary-dark: var(--pf-secondary-color-950);
405
405
  --pf-font-color: var(--pf-gray-color);
406
406
  --pf-font-color-emphasis: var(--pf-gray-color-300);
407
407
  --pf-font-color-light: var(--pf-gray-color-100);
@@ -795,9 +795,10 @@ a:hover,
795
795
  --pf-table-stripe-color: var(--pf-primary-color-700);
796
796
  --pf-table-hover-color: var(--pf-primary-color-600);
797
797
  --pf-table-disabled-color: var(--pf-gray-color-900);
798
- --pf-table-checked-color: red;
799
- --pf-table-highlighted-color: var(--pf-primary-color-400);
798
+ --pf-table-checked-color: var(--pf-secondary-color-100);
799
+ --pf-table-highlighted-color: var(--pf-primary-color);
800
800
  --pf-table-highlighted-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 8px 16px rgba(0, 0, 0, 0.3);
801
+ --pf-table-font-size: var(--pf-font-size-body2);
801
802
  }
802
803
 
803
804
  .table-loading {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indico-data/design-system",
3
- "version": "2.44.0",
3
+ "version": "2.45.0",
4
4
  "description": "",
5
5
  "author": "",
6
6
  "main": "lib/index.js",
package/src/components/table/styles/_variables.scss CHANGED
@@ -22,7 +22,8 @@
22
22
  --pf-table-stripe-color: var(--pf-primary-color-700);
23
23
  --pf-table-hover-color: var(--pf-primary-color-600);
24
24
  --pf-table-disabled-color: var(--pf-gray-color-900);
25
- --pf-table-checked-color: red;
26
- --pf-table-highlighted-color: var(--pf-primary-color-400);
25
+ --pf-table-checked-color: var(--pf-secondary-color-100);
26
+ --pf-table-highlighted-color: var(--pf-primary-color);
27
27
  --pf-table-highlighted-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 8px 16px rgba(0, 0, 0, 0.3);
28
+ --pf-table-font-size: var(--pf-font-size-body2);
28
29
  }
package/src/styles/globals.scss CHANGED
@@ -29,12 +29,12 @@
29
29
  // ***********************************************************************************************************************************
30
30
  --pf-white-color: #ffffff;
31
31
  --pf-black-color: #000000;
32
- --pf-background-color-light: var(--pf-primary-color-300);
32
+ --pf-background-color-light: var(--pf-primary-color);
33
33
  --pf-background-color: var(--pf-primary-color-600);
34
34
  --pf-background-color-dark: var(--pf-primary-color-900);
35
35
  --pf-background-secondary-color-light: var(--pf-secondary-color-300);
36
36
  --pf-background-color-secondary: var(--pf-secondary-color-500);
37
- --pf-background-color-secondary-dark: var(--pf-secondary-color-900);
37
+ --pf-background-color-secondary-dark: var(--pf-secondary-color-950);
38
38
 
39
39
  // Fonts
40
40
  // ***********************************************************************************************************************************
package/src/styles/variables/_borders.scss CHANGED
@@ -23,7 +23,7 @@
23
23
 
24
24
  :root [data-theme='dark'],
25
25
  :root {
26
- --pf-horizontal-line-color: var(--pf-primary-color-200);
26
+ --pf-horizontal-line-color: var(--pf-tertiary-color-800);
27
27
  --pf-border-color: var(--pf-tertiary-color-800);
28
28
  --pf-border-color-light: var(--pf-white-color-100);
29
29
  }