@patternfly/patternfly 6.0.0-alpha.117 → 6.0.0-alpha.118

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 (76) hide show
  1. package/base/_fonts.scss +7 -95
  2. package/base/_variables.scss +7 -292
  3. package/base/patternfly-fonts.css +6 -76
  4. package/base/patternfly-variables.css +8 -241
  5. package/components/AppLauncher/app-launcher.css +0 -10
  6. package/components/AppLauncher/app-launcher.scss +0 -7
  7. package/components/Chip/chip-group.css +0 -13
  8. package/components/Chip/chip-group.scss +0 -2
  9. package/components/Chip/chip.css +0 -19
  10. package/components/Chip/chip.scss +0 -9
  11. package/components/Content/content.css +86 -60
  12. package/components/Content/content.scss +129 -40
  13. package/components/ContextSelector/context-selector.css +0 -30
  14. package/components/ContextSelector/context-selector.scss +0 -9
  15. package/components/DataList/data-list.css +46 -49
  16. package/components/Divider/divider.css +28 -31
  17. package/components/Dropdown/dropdown.css +0 -22
  18. package/components/Dropdown/dropdown.scss +0 -7
  19. package/components/LogViewer/log-viewer.css +0 -24
  20. package/components/LogViewer/log-viewer.scss +0 -9
  21. package/components/Menu/menu.css +103 -61
  22. package/components/NumberInput/number-input.css +5 -8
  23. package/components/NumberInput/number-input.scss +1 -1
  24. package/components/OptionsMenu/options-menu.css +0 -15
  25. package/components/OptionsMenu/options-menu.scss +0 -7
  26. package/components/Page/page.css +92 -65
  27. package/components/Page/page.scss +0 -2
  28. package/components/Pagination/pagination.css +8 -8
  29. package/components/Pagination/pagination.scss +1 -1
  30. package/components/Select/select.css +0 -29
  31. package/components/Select/select.scss +0 -9
  32. package/components/Table/table.css +46 -49
  33. package/components/Toolbar/toolbar.css +90 -75
  34. package/docs/components/Content/examples/Content.md +254 -61
  35. package/package.json +31 -32
  36. package/patternfly-base-no-globals.css +12 -315
  37. package/patternfly-base.css +12 -315
  38. package/patternfly-charts.css +0 -322
  39. package/patternfly-charts.scss +5 -409
  40. package/patternfly-no-globals.css +539 -748
  41. package/patternfly.css +539 -748
  42. package/patternfly.min.css +1 -1
  43. package/patternfly.min.css.map +1 -1
  44. package/sass-utilities/_all.scss +0 -2
  45. package/sass-utilities/functions.scss +0 -6
  46. package/sass-utilities/mixins.scss +42 -16
  47. package/sass-utilities/scss-variables.scss +0 -211
  48. package/base/_chart-globals.scss +0 -415
  49. package/base/themes/dark/_chart-globals.scss +0 -42
  50. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -13
  51. package/components/Chip/themes/dark/chip.scss +0 -9
  52. package/components/ContextSelector/themes/dark/context-selector.scss +0 -24
  53. package/components/Dropdown/themes/dark/dropdown.scss +0 -32
  54. package/components/LogViewer/themes/dark/log-viewer.scss +0 -7
  55. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -21
  56. package/components/Select/themes/dark/select.scss +0 -23
  57. package/patternfly-base-no-globals-theme-dark-unversioned.css +0 -6229
  58. package/patternfly-base-no-globals-theme-dark-unversioned.scss +0 -11
  59. package/patternfly-base-theme-dark-unversioned.css +0 -6346
  60. package/patternfly-base-theme-dark-unversioned.scss +0 -5
  61. package/patternfly-charts-theme-dark-unversioned.css +0 -70
  62. package/patternfly-charts-theme-dark-unversioned.scss +0 -8
  63. package/patternfly-charts-theme-dark.css +0 -70
  64. package/patternfly-charts-theme-dark.scss +0 -8
  65. package/patternfly-theme-dark-unversioned.css +0 -35621
  66. package/patternfly-theme-dark-unversioned.scss +0 -6
  67. package/patternfly-theme-dark.css +0 -0
  68. package/patternfly-theme-dark.scss +0 -1
  69. package/sass-utilities/colors.scss +0 -82
  70. package/sass-utilities/placeholders.scss +0 -72
  71. package/sass-utilities/themes/dark/_all.scss +0 -4
  72. package/sass-utilities/themes/dark/colors.scss +0 -16
  73. package/sass-utilities/themes/dark/mixins.scss +0 -7
  74. package/sass-utilities/themes/dark/placeholders.scss +0 -5
  75. package/sass-utilities/themes/dark/scss-variables.scss +0 -92
  76. package/themes/dark/_patternfly-charts-theme-dark.scss +0 -98
package/patternfly-base-theme-dark-unversioned.scss DELETED
@@ -1,5 +0,0 @@
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 DELETED
@@ -1,70 +0,0 @@
1
- :where(.pf-theme-dark) .pf-v6-chart svg g[clip-path] {
2
- mix-blend-mode: normal;
3
- }
4
- :where(.pf-theme-dark) {
5
- --pf-v6-chart-color-blue-100: #add6ff;
6
- --pf-v6-chart-color-blue-200: #85c2ff;
7
- --pf-v6-chart-color-blue-300: #47a3ff;
8
- --pf-v6-chart-color-blue-400: #0a85ff;
9
- --pf-v6-chart-color-blue-500: #06c;
10
- --pf-v6-chart-color-green-100: #d6eed3;
11
- --pf-v6-chart-color-green-200: #aedca7;
12
- --pf-v6-chart-color-green-300: #85cb7c;
13
- --pf-v6-chart-color-green-400: #5cb950;
14
- --pf-v6-chart-color-green-500: #3e8635;
15
- --pf-v6-chart-color-cyan-100: #b9feff;
16
- --pf-v6-chart-color-cyan-200: #86fdff;
17
- --pf-v6-chart-color-cyan-300: #00b5b8;
18
- --pf-v6-chart-color-cyan-400: #008c8f;
19
- --pf-v6-chart-color-cyan-500: #005f60;
20
- --pf-v6-chart-color-purple-100: #cec8e4;
21
- --pf-v6-chart-color-purple-200: #a99fd1;
22
- --pf-v6-chart-color-purple-300: #9183c3;
23
- --pf-v6-chart-color-purple-400: #7968b6;
24
- --pf-v6-chart-color-purple-500: #6753ac;
25
- --pf-v6-chart-color-red-100: #ffadad;
26
- --pf-v6-chart-color-red-200: #ff7070;
27
- --pf-v6-chart-color-red-300: #ff4747;
28
- --pf-v6-chart-color-red-400: #ff0a0a;
29
- --pf-v6-chart-color-red-500: #a30000;
30
- --pf-v6-chart-global--BorderColor: var(--pf-v6-global--BorderColor--100);
31
- --pf-v6-chart-global--BorderColor--accent: var(--pf-v6-global--BorderColor--400);
32
- --pf-v6-chart-global--label--Fill: var(--pf-v6-global--Color--100);
33
- --pf-v6-chart-global--title--Fill: var(--pf-v6-global--Color--100);
34
- --pf-v6-chart-global--subtitle--Fill: var(--pf-v6-global--Color--200);
35
- --pf-v6-chart-global--tooltip--Fill: var(--pf-v6-global--Color--100);
36
- --pf-v6-chart-global--tooltip--bg--Fill: var(--pf-v6-global--BackgroundColor--300);
37
- --pf-v6-chart-global--tooltip--BorderWidth: 1;
38
- --pf-v6-chart-global--tooltip--BorderColor: var(--pf-v6-global--BorderColor--300);
39
- --pf-v6-chart-axis--axis--stroke--Color: var(--pf-v6-chart-global--BorderColor);
40
- --pf-v6-chart-axis--grid--stroke--Color: var(--pf-v6-chart-global--BorderColor);
41
- --pf-v6-chart-axis--tick--stroke--Color: var(--pf-v6-chart-global--BorderColor);
42
- --pf-v6-chart-axis--axis--tick--stroke--Color: var(--pf-v6-chart-global--BorderColor);
43
- --pf-v6-chart-axis--grid--Fill: var(--pf-v6-chart-global--BorderColor);
44
- --pf-v6-chart-axis--tick-label--Fill: var(--pf-v6-chart-global--label--Fill);
45
- --pf-v6-chart-bullet--label--title--Fill: var(--pf-v6-chart-global--title--Fill);
46
- --pf-v6-chart-bullet--label--grouptitle--Fill: var(--pf-v6-chart-bullet--label--title--Fill);
47
- --pf-v6-chart-bullet--label--subtitle--Fill: var(--pf-v6-chart-global--subtitle--Fill);
48
- --pf-v6-chart-bullet--negative-measure--ColorScale--100: var(--pf-v6-global--palette--red-400);
49
- --pf-v6-chart-bullet--negative-measure--ColorScale--200: var(--pf-v6-global--palette--red-300);
50
- --pf-v6-chart-bullet--negative-measure--ColorScale--300: var(--pf-v6-global--palette--red-200);
51
- --pf-v6-chart-bullet--negative-measure--ColorScale--400: var(--pf-v6-global--palette--red-100);
52
- --pf-v6-chart-bullet--negative-measure--ColorScale--500: var(--pf-v6-global--palette--red-9999);
53
- --pf-v6-chart-bullet--qualitative-range--ColorScale--100: var(--pf-v6-global--palette--black-600);
54
- --pf-v6-chart-bullet--qualitative-range--ColorScale--200: var(--pf-v6-global--palette--black-500);
55
- --pf-v6-chart-bullet--qualitative-range--ColorScale--300: var(--pf-v6-global--palette--black-400);
56
- --pf-v6-chart-bullet--qualitative-range--ColorScale--400: var(--pf-v6-global--palette--black-300);
57
- --pf-v6-chart-bullet--qualitative-range--ColorScale--500: var(--pf-v6-global--palette--black-200);
58
- --pf-v6-chart-container--cursor--line--Fill: var(--pf-v6-chart-global--BorderColor--accent);
59
- --pf-v6-chart-donut--label--title--Fill: var(--pf-v6-chart-global--title--Fill);
60
- --pf-v6-chart-donut--label--subtitle--Fill: var(--pf-v6-chart-global--subtitle--Fill);
61
- --pf-v6-chart-line--data--stroke--Color: var(--pf-v6-chart-global--BorderColor);
62
- --pf-v6-chart-tooltip--Fill: var(--pf-v6-chart-global--tooltip--Fill);
63
- --pf-v6-chart-voronoi--labels--Fill: var(--pf-v6-chart-global--tooltip--Fill);
64
- --pf-v6-chart-tooltip--flyoutStyle--Fill: var(--pf-v6-chart-global--tooltip--bg--Fill);
65
- --pf-v6-chart-voronoi--flyout--stroke--Fill: var(--pf-v6-chart-global--tooltip--bg--Fill);
66
- --pf-v6-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-v6-chart-global--tooltip--BorderWidth);
67
- --pf-v6-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-v6-chart-global--tooltip--BorderColor);
68
- --pf-v6-chart-voronoi--flyout--stroke--Width: var(--pf-v6-chart-global--tooltip--BorderWidth);
69
- --pf-v6-chart-voronoi--flyout--stroke--Color: var(--pf-v6-chart-global--tooltip--BorderColor);
70
- }
package/patternfly-charts-theme-dark-unversioned.scss DELETED
@@ -1,8 +0,0 @@
1
- @import "themes/dark/patternfly-charts-theme-dark";
2
-
3
- $pf-v6-theme-dark-class: ".pf-theme-dark" !default; // include operator
4
- $pf-v6-charts-theme-dark-class: $pf-v6-theme-dark-class !default;
5
-
6
- :where(#{$pf-v6-theme-dark-class}) {
7
- @include pf-v6-charts-theme-dark($pf-v6-charts-theme-dark-class);
8
- }
package/patternfly-charts-theme-dark.css DELETED
@@ -1,70 +0,0 @@
1
- :where(.pf-v6-theme-dark) .pf-v6-chart svg g[clip-path] {
2
- mix-blend-mode: normal;
3
- }
4
- :where(.pf-v6-theme-dark) {
5
- --pf-v6-chart-color-blue-100: #add6ff;
6
- --pf-v6-chart-color-blue-200: #85c2ff;
7
- --pf-v6-chart-color-blue-300: #47a3ff;
8
- --pf-v6-chart-color-blue-400: #0a85ff;
9
- --pf-v6-chart-color-blue-500: #06c;
10
- --pf-v6-chart-color-green-100: #d6eed3;
11
- --pf-v6-chart-color-green-200: #aedca7;
12
- --pf-v6-chart-color-green-300: #85cb7c;
13
- --pf-v6-chart-color-green-400: #5cb950;
14
- --pf-v6-chart-color-green-500: #3e8635;
15
- --pf-v6-chart-color-cyan-100: #b9feff;
16
- --pf-v6-chart-color-cyan-200: #86fdff;
17
- --pf-v6-chart-color-cyan-300: #00b5b8;
18
- --pf-v6-chart-color-cyan-400: #008c8f;
19
- --pf-v6-chart-color-cyan-500: #005f60;
20
- --pf-v6-chart-color-purple-100: #cec8e4;
21
- --pf-v6-chart-color-purple-200: #a99fd1;
22
- --pf-v6-chart-color-purple-300: #9183c3;
23
- --pf-v6-chart-color-purple-400: #7968b6;
24
- --pf-v6-chart-color-purple-500: #6753ac;
25
- --pf-v6-chart-color-red-100: #ffadad;
26
- --pf-v6-chart-color-red-200: #ff7070;
27
- --pf-v6-chart-color-red-300: #ff4747;
28
- --pf-v6-chart-color-red-400: #ff0a0a;
29
- --pf-v6-chart-color-red-500: #a30000;
30
- --pf-v6-chart-global--BorderColor: var(--pf-v6-global--BorderColor--100);
31
- --pf-v6-chart-global--BorderColor--accent: var(--pf-v6-global--BorderColor--400);
32
- --pf-v6-chart-global--label--Fill: var(--pf-v6-global--Color--100);
33
- --pf-v6-chart-global--title--Fill: var(--pf-v6-global--Color--100);
34
- --pf-v6-chart-global--subtitle--Fill: var(--pf-v6-global--Color--200);
35
- --pf-v6-chart-global--tooltip--Fill: var(--pf-v6-global--Color--100);
36
- --pf-v6-chart-global--tooltip--bg--Fill: var(--pf-v6-global--BackgroundColor--300);
37
- --pf-v6-chart-global--tooltip--BorderWidth: 1;
38
- --pf-v6-chart-global--tooltip--BorderColor: var(--pf-v6-global--BorderColor--300);
39
- --pf-v6-chart-axis--axis--stroke--Color: var(--pf-v6-chart-global--BorderColor);
40
- --pf-v6-chart-axis--grid--stroke--Color: var(--pf-v6-chart-global--BorderColor);
41
- --pf-v6-chart-axis--tick--stroke--Color: var(--pf-v6-chart-global--BorderColor);
42
- --pf-v6-chart-axis--axis--tick--stroke--Color: var(--pf-v6-chart-global--BorderColor);
43
- --pf-v6-chart-axis--grid--Fill: var(--pf-v6-chart-global--BorderColor);
44
- --pf-v6-chart-axis--tick-label--Fill: var(--pf-v6-chart-global--label--Fill);
45
- --pf-v6-chart-bullet--label--title--Fill: var(--pf-v6-chart-global--title--Fill);
46
- --pf-v6-chart-bullet--label--grouptitle--Fill: var(--pf-v6-chart-bullet--label--title--Fill);
47
- --pf-v6-chart-bullet--label--subtitle--Fill: var(--pf-v6-chart-global--subtitle--Fill);
48
- --pf-v6-chart-bullet--negative-measure--ColorScale--100: var(--pf-v6-global--palette--red-400);
49
- --pf-v6-chart-bullet--negative-measure--ColorScale--200: var(--pf-v6-global--palette--red-300);
50
- --pf-v6-chart-bullet--negative-measure--ColorScale--300: var(--pf-v6-global--palette--red-200);
51
- --pf-v6-chart-bullet--negative-measure--ColorScale--400: var(--pf-v6-global--palette--red-100);
52
- --pf-v6-chart-bullet--negative-measure--ColorScale--500: var(--pf-v6-global--palette--red-9999);
53
- --pf-v6-chart-bullet--qualitative-range--ColorScale--100: var(--pf-v6-global--palette--black-600);
54
- --pf-v6-chart-bullet--qualitative-range--ColorScale--200: var(--pf-v6-global--palette--black-500);
55
- --pf-v6-chart-bullet--qualitative-range--ColorScale--300: var(--pf-v6-global--palette--black-400);
56
- --pf-v6-chart-bullet--qualitative-range--ColorScale--400: var(--pf-v6-global--palette--black-300);
57
- --pf-v6-chart-bullet--qualitative-range--ColorScale--500: var(--pf-v6-global--palette--black-200);
58
- --pf-v6-chart-container--cursor--line--Fill: var(--pf-v6-chart-global--BorderColor--accent);
59
- --pf-v6-chart-donut--label--title--Fill: var(--pf-v6-chart-global--title--Fill);
60
- --pf-v6-chart-donut--label--subtitle--Fill: var(--pf-v6-chart-global--subtitle--Fill);
61
- --pf-v6-chart-line--data--stroke--Color: var(--pf-v6-chart-global--BorderColor);
62
- --pf-v6-chart-tooltip--Fill: var(--pf-v6-chart-global--tooltip--Fill);
63
- --pf-v6-chart-voronoi--labels--Fill: var(--pf-v6-chart-global--tooltip--Fill);
64
- --pf-v6-chart-tooltip--flyoutStyle--Fill: var(--pf-v6-chart-global--tooltip--bg--Fill);
65
- --pf-v6-chart-voronoi--flyout--stroke--Fill: var(--pf-v6-chart-global--tooltip--bg--Fill);
66
- --pf-v6-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-v6-chart-global--tooltip--BorderWidth);
67
- --pf-v6-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-v6-chart-global--tooltip--BorderColor);
68
- --pf-v6-chart-voronoi--flyout--stroke--Width: var(--pf-v6-chart-global--tooltip--BorderWidth);
69
- --pf-v6-chart-voronoi--flyout--stroke--Color: var(--pf-v6-chart-global--tooltip--BorderColor);
70
- }
package/patternfly-charts-theme-dark.scss DELETED
@@ -1,8 +0,0 @@
1
- @import "themes/dark/patternfly-charts-theme-dark";
2
-
3
- $pf-v6-theme-dark-class: ".pf-v6-theme-dark" !default;
4
- $pf-v6-charts-theme-dark-class: $pf-v6-theme-dark-class !default;
5
-
6
- :where(#{$pf-v6-theme-dark-class}) {
7
- @include pf-v6-charts-theme-dark($pf-v6-charts-theme-dark-class);
8
- }