@patternfly/patternfly 5.0.0-prerelease.7 → 5.0.0-prerelease.8

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 (38) hide show
  1. package/base/_variables.scss +4 -0
  2. package/base/patternfly-themes.css +8 -0
  3. package/base/patternfly-variables.css +8 -0
  4. package/base/themes/dark/_variables.scss +4 -0
  5. package/components/AboutModalBox/about-modal-box.css +2 -9
  6. package/components/Accordion/accordion.css +2 -0
  7. package/components/Alert/alert.css +2 -0
  8. package/components/Banner/banner.css +4 -9
  9. package/components/CalendarMonth/calendar-month.css +2 -0
  10. package/components/Chip/chip-group.css +2 -0
  11. package/components/Chip/chip.css +2 -0
  12. package/components/ContextSelector/context-selector.css +2 -0
  13. package/components/DataList/data-list.css +2 -0
  14. package/components/FormControl/form-control.css +2 -0
  15. package/components/LogViewer/log-viewer.css +2 -9
  16. package/components/Login/login.css +2 -10
  17. package/components/Masthead/masthead.css +4 -9
  18. package/components/Menu/menu.css +2 -0
  19. package/components/Page/page.css +4 -11
  20. package/components/Select/select.css +2 -0
  21. package/components/Table/table.css +2 -0
  22. package/components/TextInputGroup/text-input-group.css +2 -2
  23. package/components/TextInputGroup/text-input-group.scss +2 -2
  24. package/components/Wizard/wizard.css +2 -9
  25. package/package.json +1 -1
  26. package/patternfly-base-no-globals-theme-dark-unversioned.css +12 -0
  27. package/patternfly-base-no-globals.css +12 -0
  28. package/patternfly-base-theme-dark-unversioned.css +12 -0
  29. package/patternfly-base.css +12 -0
  30. package/patternfly-no-globals.css +14 -638
  31. package/patternfly-theme-dark-unversioned.css +14 -638
  32. package/patternfly.css +14 -638
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
  35. package/sass-utilities/placeholders.scss +4 -0
  36. package/sass-utilities/scss-variables.scss +6 -2
  37. package/sass-utilities/themes/dark/placeholders.scss +0 -9
  38. package/sass-utilities/themes/dark/scss-variables.scss +6 -3
package/sass-utilities/placeholders.scss CHANGED
@@ -6,6 +6,8 @@
6
6
  --#{$pf-global}--link--Color: var(--#{$pf-global}--link--Color--dark);
7
7
  --#{$pf-global}--link--Color--hover: var(--#{$pf-global}--link--Color--dark--hover);
8
8
  --#{$pf-global}--BackgroundColor--100: var(--#{$pf-global}--BackgroundColor--light-100);
9
+ --#{$pf-global}--icon--Color--light: var(--#{$pf-global}--icon--Color--light--dark);
10
+ --#{$pf-global}--icon--Color--dark: var(--#{$pf-global}--icon--Color--dark--dark);
9
11
  }
10
12
 
11
13
  %pf-v5-t-dark {
@@ -16,6 +18,8 @@
16
18
  --#{$pf-global}--link--Color: var(--#{$pf-global}--link--Color--light);
17
19
  --#{$pf-global}--link--Color--hover: var(--#{$pf-global}--link--Color--light);
18
20
  --#{$pf-global}--BackgroundColor--100: var(--#{$pf-global}--BackgroundColor--dark-100);
21
+ --#{$pf-global}--icon--Color--light: var(--#{$pf-global}--icon--Color--light--light);
22
+ --#{$pf-global}--icon--Color--dark: var(--#{$pf-global}--icon--Color--dark--light);
19
23
 
20
24
  .#{$button} {
21
25
  --#{$button}--m-primary--BackgroundColor: var(--#{$pf-global}--primary-color--dark-100);
package/sass-utilities/scss-variables.scss CHANGED
@@ -183,8 +183,12 @@ $pf-v5-global--BorderRadius--sm: 3px !default;
183
183
  $pf-v5-global--BorderRadius--lg: 30em !default; // This is a sufficiently large number to ensure in most cases that the ends are evenly rounded.
184
184
 
185
185
  // Icons
186
- $pf-v5-global--icon--Color--light: $pf-v5-color-black-600 !default;
187
- $pf-v5-global--icon--Color--dark: $pf-v5-color-black-900 !default;
186
+ $pf-v5-global--icon--Color--light: $pf-v5-color-black-600 !default; // actionable icon color - eg, plain button default color
187
+ $pf-v5-global--icon--Color--dark: $pf-v5-color-black-900 !default; // static icon color and hover/focus color for actionable icons - eg, plain button hover color
188
+ $pf-v5-global--icon--Color--light--light: $pf-v5-color-black-200 !default; // "lighter" icon color for actionable icons - for use in pf-[v]-t-dark
189
+ $pf-v5-global--icon--Color--dark--light: $pf-v5-color-white !default; // "lighter" icon color for static icons - for use in pf-[v]-t-dark
190
+ $pf-v5-global--icon--Color--light--dark: $pf-v5-color-black-600 !default; // "darker" icon color for actionable icons - for use in pf-[v]-t-light
191
+ $pf-v5-global--icon--Color--dark--dark: $pf-v5-color-black-900 !default; // "darker" icon color for static icons - for use in pf-[v]-t-light
188
192
  $pf-v5-global--icon--FontSize--sm: pf-font-prem(12px) !default;
189
193
  $pf-v5-global--icon--FontSize--md: pf-font-prem(16px) !default;
190
194
  $pf-v5-global--icon--FontSize--lg: pf-font-prem(24px) !default;
package/sass-utilities/themes/dark/placeholders.scss CHANGED
@@ -1,13 +1,4 @@
1
1
  %pf-v5-theme-dark--t-dark {
2
- // global
3
- --#{$pf-global}--Color--100: #{$pf-v5-global--Color--100};
4
- --#{$pf-global}--Color--200: #{$pf-v5-global--Color--200};
5
- --#{$pf-global}--BorderColor--100: #{$pf-v5-global--BorderColor--100};
6
- --#{$pf-global}--primary-color--100: #{$pf-v5-global--primary-color--100};
7
- --#{$pf-global}--link--Color: #{$pf-v5-global--link--Color};
8
- --#{$pf-global}--link--Color--hover: #{$pf-v5-global--link--Color--hover};
9
- --#{$pf-global}--BackgroundColor--100: #{$pf-v5-global--BackgroundColor--100};
10
-
11
2
  .#{$button} {
12
3
  --#{$button}--m-primary--BackgroundColor: var(--#{$pf-global}--primary-color--300);
13
4
  }
package/sass-utilities/themes/dark/scss-variables.scss CHANGED
@@ -30,7 +30,8 @@ $pf-v5-global--disabled-color--200: $pf-v5-color-black-500; // disabled backgrou
30
30
  $pf-v5-global--disabled-color--300: $pf-v5-color-black-200; // disabled text on disabled or floating background color - except form elements
31
31
 
32
32
  // icons
33
- $pf-v5-global--icon--Color--light: $pf-v5-color-black-300;
33
+ $pf-v5-global--icon--Color--light: $pf-v5-color-black-200;
34
+ $pf-v5-global--icon--Color--dark: $pf-v5-color-black-50;
34
35
 
35
36
  // theme color resets
36
37
  $pf-v5-global--Color--dark-100: $pf-v5-global--Color--100;
@@ -53,8 +54,10 @@ $pf-v5-global--BackgroundColor--dark-100: $pf-v5-global--BackgroundColor--100;
53
54
  $pf-v5-global--BackgroundColor--dark-200: $pf-v5-global--BackgroundColor--200;
54
55
  $pf-v5-global--BackgroundColor--dark-300: $pf-v5-global--BackgroundColor--300;
55
56
  $pf-v5-global--BackgroundColor--dark-400: $pf-v5-global--BackgroundColor--400;
56
- $pf-v5-global--icon--Color--light: $pf-v5-color-black-200;
57
- $pf-v5-global--icon--Color--dark: $pf-v5-color-black-50;
57
+ $pf-v5-global--icon--Color--light--dark: $pf-v5-global--icon--Color--light;
58
+ $pf-v5-global--icon--Color--dark--dark: $pf-v5-global--icon--Color--dark;
59
+ $pf-v5-global--icon--Color--light--light: $pf-v5-global--icon--Color--light;
60
+ $pf-v5-global--icon--Color--dark--light: $pf-v5-global--icon--Color--dark;
58
61
 
59
62
  // Shadows
60
63
  // small