@patternfly/patternfly 5.0.0-alpha.64 → 5.0.0-alpha.66

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 (78) hide show
  1. package/base/_globals.scss +1 -1
  2. package/base/_themes.scss +2 -2
  3. package/base/_variables.scss +1 -1
  4. package/base/themes/dark/_variables.scss +1 -1
  5. package/components/AboutModalBox/about-modal-box.css +2 -2
  6. package/components/Accordion/accordion.css +1 -1
  7. package/components/Alert/alert.css +1 -1
  8. package/components/AppLauncher/app-launcher.css +1 -1
  9. package/components/Badge/badge.css +1 -1
  10. package/components/Banner/banner.css +3 -3
  11. package/components/Button/button.css +2 -2
  12. package/components/CalendarMonth/calendar-month.css +3 -3
  13. package/components/Card/card.css +2 -2
  14. package/components/Chip/chip.css +1 -1
  15. package/components/ClipboardCopy/clipboard-copy.css +3 -3
  16. package/components/CodeEditor/code-editor.css +1 -1
  17. package/components/ContextSelector/context-selector.css +5 -5
  18. package/components/DataList/data-list.css +1 -1
  19. package/components/DatePicker/date-picker.css +1 -1
  20. package/components/DragDrop/drag-drop.css +1 -1
  21. package/components/Drawer/drawer.css +2 -2
  22. package/components/Dropdown/dropdown.css +3 -3
  23. package/components/DualListSelector/dual-list-selector.css +1 -1
  24. package/components/Form/form.css +1 -1
  25. package/components/FormControl/form-control.css +3 -3
  26. package/components/HelperText/helper-text.css +1 -1
  27. package/components/Hint/hint.css +1 -1
  28. package/components/InputGroup/input-group.css +2 -2
  29. package/components/Label/label.css +1 -1
  30. package/components/LogViewer/log-viewer.css +2 -2
  31. package/components/Login/login.css +5 -5
  32. package/components/Masthead/masthead.css +5 -3
  33. package/components/Masthead/masthead.scss +2 -0
  34. package/components/Menu/menu.css +1 -1
  35. package/components/MenuToggle/menu-toggle.css +2 -2
  36. package/components/ModalBox/modal-box.css +1 -1
  37. package/components/Nav/nav.css +6 -6
  38. package/components/NotificationBadge/notification-badge.css +1 -1
  39. package/components/NotificationDrawer/notification-drawer.css +1 -1
  40. package/components/OptionsMenu/options-menu.css +2 -2
  41. package/components/Page/page.css +14 -14
  42. package/components/Pagination/pagination.css +1 -1
  43. package/components/Panel/panel.css +1 -1
  44. package/components/Popover/popover.css +1 -1
  45. package/components/Progress/progress.css +1 -1
  46. package/components/Select/select.css +2 -2
  47. package/components/SimpleList/simple-list.css +1 -1
  48. package/components/Skeleton/skeleton.css +1 -1
  49. package/components/Switch/switch.css +1 -1
  50. package/components/Table/table.css +2 -2
  51. package/components/Tabs/tabs.css +1 -1
  52. package/components/TextInputGroup/text-input-group.css +1 -1
  53. package/components/Tile/tile.css +1 -1
  54. package/components/ToggleGroup/toggle-group.css +1 -1
  55. package/components/Toolbar/toolbar.css +49 -15
  56. package/components/Toolbar/toolbar.scss +54 -18
  57. package/components/Tooltip/tooltip.css +1 -1
  58. package/components/TreeView/tree-view.css +1 -1
  59. package/components/Wizard/wizard.css +3 -3
  60. package/docs/components/Toolbar/examples/Toolbar.md +4 -2
  61. package/package.json +1 -1
  62. package/patternfly-addons.css +78 -78
  63. package/patternfly-base-no-globals-theme-dark-unversioned.css +5234 -0
  64. package/patternfly-base-no-globals-theme-dark-unversioned.scss +11 -0
  65. package/patternfly-base-theme-dark-unversioned.css +5351 -0
  66. package/patternfly-base-theme-dark-unversioned.scss +5 -0
  67. package/patternfly-charts-theme-dark-unversioned.css +70 -0
  68. package/patternfly-charts-theme-dark-unversioned.scss +8 -0
  69. package/patternfly-no-globals.css +355 -319
  70. package/patternfly-theme-dark-unversioned.css +34476 -0
  71. package/patternfly-theme-dark-unversioned.scss +6 -0
  72. package/patternfly.css +355 -319
  73. package/patternfly.min.css +1 -1
  74. package/patternfly.min.css.map +1 -1
  75. package/sass-utilities/_init.scss +20 -0
  76. package/sass-utilities/mixins.scss +2 -2
  77. package/utilities/BackgroundColor/BackgroundColor.css +30 -30
  78. package/utilities/Text/text.css +48 -48
package/patternfly-base-theme-dark-unversioned.scss ADDED
@@ -0,0 +1,5 @@
1
+ // stylelint-disable scss/dollar-variable-pattern
2
+ $pf-global--theme--version: '';
3
+ // stylelint-enable
4
+
5
+ @import "./patternfly-base";
package/patternfly-charts-theme-dark-unversioned.css ADDED
@@ -0,0 +1,70 @@
1
+ :where(.pf-theme-dark) .pf-v5-c-chart svg g[clip-path] {
2
+ mix-blend-mode: normal;
3
+ }
4
+ :root:where(.pf-theme-dark) {
5
+ --pf-v5-c-chart-color-blue-100: #add6ff;
6
+ --pf-v5-c-chart-color-blue-200: #85c2ff;
7
+ --pf-v5-c-chart-color-blue-300: #47a3ff;
8
+ --pf-v5-c-chart-color-blue-400: #0a85ff;
9
+ --pf-v5-c-chart-color-blue-500: #06c;
10
+ --pf-v5-c-chart-color-green-100: #d6eed3;
11
+ --pf-v5-c-chart-color-green-200: #aedca7;
12
+ --pf-v5-c-chart-color-green-300: #85cb7c;
13
+ --pf-v5-c-chart-color-green-400: #5cb950;
14
+ --pf-v5-c-chart-color-green-500: #3e8635;
15
+ --pf-v5-c-chart-color-cyan-100: #b9feff;
16
+ --pf-v5-c-chart-color-cyan-200: #86fdff;
17
+ --pf-v5-c-chart-color-cyan-300: #00b5b8;
18
+ --pf-v5-c-chart-color-cyan-400: #008c8f;
19
+ --pf-v5-c-chart-color-cyan-500: #005f60;
20
+ --pf-v5-c-chart-color-purple-100: #cec8e4;
21
+ --pf-v5-c-chart-color-purple-200: #a99fd1;
22
+ --pf-v5-c-chart-color-purple-300: #9183c3;
23
+ --pf-v5-c-chart-color-purple-400: #7968b6;
24
+ --pf-v5-c-chart-color-purple-500: #6753ac;
25
+ --pf-v5-c-chart-color-red-100: #ffadad;
26
+ --pf-v5-c-chart-color-red-200: #ff7070;
27
+ --pf-v5-c-chart-color-red-300: #ff4747;
28
+ --pf-v5-c-chart-color-red-400: #ff0a0a;
29
+ --pf-v5-c-chart-color-red-500: #a30000;
30
+ --pf-v5-c-chart-global--BorderColor: var(--pf-v5-global--BorderColor--100);
31
+ --pf-v5-c-chart-global--BorderColor--accent: var(--pf-v5-global--BorderColor--400);
32
+ --pf-v5-c-chart-global--label--Fill: var(--pf-v5-global--Color--100);
33
+ --pf-v5-c-chart-global--title--Fill: var(--pf-v5-global--Color--100);
34
+ --pf-v5-c-chart-global--subtitle--Fill: var(--pf-v5-global--Color--200);
35
+ --pf-v5-c-chart-global--tooltip--Fill: var(--pf-v5-global--Color--100);
36
+ --pf-v5-c-chart-global--tooltip--bg--Fill: var(--pf-v5-global--BackgroundColor--300);
37
+ --pf-v5-c-chart-global--tooltip--BorderWidth: 1;
38
+ --pf-v5-c-chart-global--tooltip--BorderColor: var(--pf-v5-global--BorderColor--300);
39
+ --pf-v5-c-chart-axis--axis--stroke--Color: var(--pf-v5-c-chart-global--BorderColor);
40
+ --pf-v5-c-chart-axis--grid--stroke--Color: var(--pf-v5-c-chart-global--BorderColor);
41
+ --pf-v5-c-chart-axis--tick--stroke--Color: var(--pf-v5-c-chart-global--BorderColor);
42
+ --pf-v5-c-chart-axis--axis--tick--stroke--Color: var(--pf-v5-c-chart-global--BorderColor);
43
+ --pf-v5-c-chart-axis--grid--Fill: var(--pf-v5-c-chart-global--BorderColor);
44
+ --pf-v5-c-chart-axis--tick-label--Fill: var(--pf-v5-c-chart-global--label--Fill);
45
+ --pf-v5-c-chart-bullet--label--title--Fill: var(--pf-v5-c-chart-global--title--Fill);
46
+ --pf-v5-c-chart-bullet--label--grouptitle--Fill: var(--pf-v5-c-chart-bullet--label--title--Fill);
47
+ --pf-v5-c-chart-bullet--label--subtitle--Fill: var(--pf-v5-c-chart-global--subtitle--Fill);
48
+ --pf-v5-c-chart-bullet--negative-measure--ColorScale--100: var(--pf-v5-global--palette--red-400);
49
+ --pf-v5-c-chart-bullet--negative-measure--ColorScale--200: var(--pf-v5-global--palette--red-300);
50
+ --pf-v5-c-chart-bullet--negative-measure--ColorScale--300: var(--pf-v5-global--palette--red-200);
51
+ --pf-v5-c-chart-bullet--negative-measure--ColorScale--400: var(--pf-v5-global--palette--red-100);
52
+ --pf-v5-c-chart-bullet--negative-measure--ColorScale--500: var(--pf-v5-global--palette--red-9999);
53
+ --pf-v5-c-chart-bullet--qualitative-range--ColorScale--100: var(--pf-v5-global--palette--black-600);
54
+ --pf-v5-c-chart-bullet--qualitative-range--ColorScale--200: var(--pf-v5-global--palette--black-500);
55
+ --pf-v5-c-chart-bullet--qualitative-range--ColorScale--300: var(--pf-v5-global--palette--black-400);
56
+ --pf-v5-c-chart-bullet--qualitative-range--ColorScale--400: var(--pf-v5-global--palette--black-300);
57
+ --pf-v5-c-chart-bullet--qualitative-range--ColorScale--500: var(--pf-v5-global--palette--black-200);
58
+ --pf-v5-c-chart-container--cursor--line--Fill: var(--pf-v5-c-chart-global--BorderColor--accent);
59
+ --pf-v5-c-chart-donut--label--title--Fill: var(--pf-v5-c-chart-global--title--Fill);
60
+ --pf-v5-c-chart-donut--label--subtitle--Fill: var(--pf-v5-c-chart-global--subtitle--Fill);
61
+ --pf-v5-c-chart-line--data--stroke--Color: var(--pf-v5-c-chart-global--BorderColor);
62
+ --pf-v5-c-chart-tooltip--Fill: var(--pf-v5-c-chart-global--tooltip--Fill);
63
+ --pf-v5-c-chart-voronoi--labels--Fill: var(--pf-v5-c-chart-global--tooltip--Fill);
64
+ --pf-v5-c-chart-tooltip--flyoutStyle--Fill: var(--pf-v5-c-chart-global--tooltip--bg--Fill);
65
+ --pf-v5-c-chart-voronoi--flyout--stroke--Fill: var(--pf-v5-c-chart-global--tooltip--bg--Fill);
66
+ --pf-v5-c-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-v5-c-chart-global--tooltip--BorderWidth);
67
+ --pf-v5-c-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-v5-c-chart-global--tooltip--BorderColor);
68
+ --pf-v5-c-chart-voronoi--flyout--stroke--Width: var(--pf-v5-c-chart-global--tooltip--BorderWidth);
69
+ --pf-v5-c-chart-voronoi--flyout--stroke--Color: var(--pf-v5-c-chart-global--tooltip--BorderColor);
70
+ }
package/patternfly-charts-theme-dark-unversioned.scss ADDED
@@ -0,0 +1,8 @@
1
+ @import "themes/dark/patternfly-charts-theme-dark";
2
+
3
+ $pf-v5-theme-dark-class: ".pf-theme-dark" !default; // include operator
4
+ $pf-v5-charts-theme-dark-class: $pf-v5-theme-dark-class !default;
5
+
6
+ :where(#{$pf-v5-theme-dark-class}) {
7
+ @include pf-v5-charts-theme-dark($pf-v5-charts-theme-dark-class);
8
+ }