@patternfly/patternfly 5.0.0-alpha.57 → 5.0.0-alpha.58

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 (71) hide show
  1. package/assets/images/pf_logo.svg +11 -11
  2. package/base/patternfly-variables.css +3 -1
  3. package/base/themes/dark/_variables.scss +2 -0
  4. package/components/Alert/alert.css +7 -7
  5. package/components/Alert/themes/dark/alert.scss +7 -7
  6. package/components/AppLauncher/app-launcher.css +1 -0
  7. package/components/AppLauncher/app-launcher.scss +1 -0
  8. package/components/Badge/badge.css +1 -0
  9. package/components/Badge/themes/dark/badge.scss +1 -0
  10. package/components/Banner/banner.css +6 -8
  11. package/components/Banner/banner.scss +5 -5
  12. package/components/Banner/themes/dark/banner.scss +2 -6
  13. package/components/Button/button.css +4 -0
  14. package/components/Button/button.scss +2 -0
  15. package/components/Button/themes/dark/button.scss +4 -2
  16. package/components/CalendarMonth/calendar-month.css +3 -3
  17. package/components/CalendarMonth/calendar-month.scss +1 -5
  18. package/components/CalendarMonth/themes/dark/calendar-month.scss +2 -0
  19. package/components/DragDrop/drag-drop.css +23 -7
  20. package/components/DragDrop/drag-drop.scss +36 -17
  21. package/components/DragDrop/themes/dark/drag-drop.scss +7 -0
  22. package/components/Dropdown/dropdown.css +2 -0
  23. package/components/Dropdown/themes/dark/dropdown.scss +2 -0
  24. package/components/DualListSelector/dual-list-selector.css +9 -3
  25. package/components/DualListSelector/dual-list-selector.scss +10 -3
  26. package/components/DualListSelector/themes/dark/dual-list-selector.scss +9 -0
  27. package/components/FormControl/form-control.css +1 -1
  28. package/components/FormControl/themes/dark/form-control.scss +1 -1
  29. package/components/InputGroup/input-group.css +1 -1
  30. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  31. package/components/Label/label.css +6 -0
  32. package/components/Label/themes/dark/label.scss +6 -0
  33. package/components/Menu/menu.css +0 -1
  34. package/components/Menu/themes/dark/menu.scss +0 -1
  35. package/components/MenuToggle/menu-toggle.css +7 -5
  36. package/components/MenuToggle/menu-toggle.scss +2 -3
  37. package/components/MenuToggle/themes/dark/menu-toggle.scss +17 -14
  38. package/components/Nav/nav.css +1 -1
  39. package/components/Nav/nav.scss +1 -1
  40. package/components/NotificationBadge/notification-badge.css +1 -0
  41. package/components/NotificationBadge/themes/dark/notification-badge.scss +1 -0
  42. package/components/Panel/panel.css +6 -0
  43. package/components/Panel/panel.scss +9 -0
  44. package/components/Panel/themes/dark/panel.scss +7 -0
  45. package/components/Popover/popover.css +1 -1
  46. package/components/Popover/themes/dark/popover.scss +1 -1
  47. package/components/ProgressStepper/progress-stepper.css +1 -0
  48. package/components/ProgressStepper/progress-stepper.scss +240 -239
  49. package/components/Tabs/tabs.css +1 -0
  50. package/components/Tabs/themes/dark/tabs.scss +1 -0
  51. package/components/TextInputGroup/text-input-group.css +8 -0
  52. package/components/TextInputGroup/text-input-group.scss +7 -0
  53. package/components/TextInputGroup/themes/dark/text-input-group.scss +11 -0
  54. package/components/ToggleGroup/themes/dark/toggle-group.scss +1 -0
  55. package/components/ToggleGroup/toggle-group.css +3 -0
  56. package/components/ToggleGroup/toggle-group.scss +2 -0
  57. package/components/Wizard/themes/dark/wizard.scss +0 -2
  58. package/components/Wizard/wizard.css +2 -4
  59. package/components/Wizard/wizard.scss +2 -2
  60. package/docs/components/DualListSelector/examples/DualListSelector.md +1 -1
  61. package/docs/components/Slider/examples/Slider.md +15 -13
  62. package/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
  63. package/package.json +2 -2
  64. package/patternfly-base-no-globals.css +3 -1
  65. package/patternfly-base.css +3 -1
  66. package/patternfly-no-globals.css +150 -43
  67. package/patternfly.css +150 -43
  68. package/patternfly.min.css +1 -1
  69. package/patternfly.min.css.map +1 -1
  70. package/sass-utilities/mixins.scss +3 -1
  71. package/sass-utilities/themes/dark/scss-variables.scss +7 -2
package/sass-utilities/mixins.scss CHANGED
@@ -168,7 +168,9 @@
168
168
  }
169
169
 
170
170
  @mixin pf-v5-t-light($color: "--#{$pf-global}--Color--100") {
171
- color: var(#{$color});
171
+ @if $color {
172
+ color: var(#{$color});
173
+ }
172
174
 
173
175
  @extend %pf-v5-t-light;
174
176
  }
package/sass-utilities/themes/dark/scss-variables.scss CHANGED
@@ -15,6 +15,8 @@ $pf-v5-global--Color--200: $pf-v5-color-black-200; // secondary text color
15
15
  $pf-v5-global--active-color--100: $pf-v5-color-blue-300;
16
16
  $pf-v5-global--primary-color--100: $pf-v5-color-blue-300; // primary blue against dark background - background, text, etc
17
17
  $pf-v5-global--primary-color--300: $pf-v5-color-blue-400; // primary blue with white text on top for contrast
18
+ $pf-v5-global--primary-color--400: $pf-v5-color-white; // text color on top of primary--300
19
+ $pf-v5-global--custom-color--200: $pf-v5-color-cyan-200;
18
20
  $pf-v5-global--success-color--100: $pf-v5-color-green-400;
19
21
  $pf-v5-global--warning-color--100: $pf-v5-color-gold-400;
20
22
  $pf-v5-global--warning-color--200: $pf-v5-color-gold-300;
@@ -23,9 +25,12 @@ $pf-v5-global--danger-color--200: $pf-v5-color-red-8888;
23
25
  $pf-v5-global--link--Color: $pf-v5-color-blue-300;
24
26
  $pf-v5-global--link--Color--hover: $pf-v5-color-blue-200;
25
27
  $pf-v5-global--link--Color--visited: $pf-v5-color-purple-300;
26
- $pf-v5-global--disabled-color--100: $pf-v5-color-black-400; // disabled text on regular background color
28
+ $pf-v5-global--disabled-color--100: $pf-v5-color-black-300; // disabled text on regular background color
27
29
  $pf-v5-global--disabled-color--200: $pf-v5-color-black-500; // disabled background color
28
- $pf-v5-global--disabled-color--300: $pf-v5-color-black-200; // disabled text on disabled background color - except form elements
30
+ $pf-v5-global--disabled-color--300: $pf-v5-color-black-200; // disabled text on disabled or floating background color - except form elements
31
+
32
+ // icons
33
+ $pf-v5-global--icon--Color--light: $pf-v5-color-black-300;
29
34
 
30
35
  // theme color resets
31
36
  $pf-v5-global--Color--dark-100: $pf-v5-global--Color--100;