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

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 (82) 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/docs/components/Select/deprecated/Select.md +291 -263
  36. package/docs/components/TextInputGroup/examples/TextInputGroup.md +434 -392
  37. package/docs/components/Toolbar/examples/Toolbar.md +420 -378
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -4
  39. package/docs/demos/Toolbar/examples/Toolbar.css +1 -1
  40. package/docs/demos/Toolbar/examples/Toolbar.md +140 -126
  41. package/package.json +34 -35
  42. package/patternfly-base-no-globals.css +12 -315
  43. package/patternfly-base.css +12 -315
  44. package/patternfly-charts.css +0 -322
  45. package/patternfly-charts.scss +5 -409
  46. package/patternfly-no-globals.css +539 -748
  47. package/patternfly.css +539 -748
  48. package/patternfly.min.css +1 -1
  49. package/patternfly.min.css.map +1 -1
  50. package/sass-utilities/_all.scss +0 -2
  51. package/sass-utilities/functions.scss +0 -6
  52. package/sass-utilities/mixins.scss +42 -16
  53. package/sass-utilities/scss-variables.scss +0 -211
  54. package/base/_chart-globals.scss +0 -415
  55. package/base/themes/dark/_chart-globals.scss +0 -42
  56. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -13
  57. package/components/Chip/themes/dark/chip.scss +0 -9
  58. package/components/ContextSelector/themes/dark/context-selector.scss +0 -24
  59. package/components/Dropdown/themes/dark/dropdown.scss +0 -32
  60. package/components/LogViewer/themes/dark/log-viewer.scss +0 -7
  61. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -21
  62. package/components/Select/themes/dark/select.scss +0 -23
  63. package/patternfly-base-no-globals-theme-dark-unversioned.css +0 -6229
  64. package/patternfly-base-no-globals-theme-dark-unversioned.scss +0 -11
  65. package/patternfly-base-theme-dark-unversioned.css +0 -6346
  66. package/patternfly-base-theme-dark-unversioned.scss +0 -5
  67. package/patternfly-charts-theme-dark-unversioned.css +0 -70
  68. package/patternfly-charts-theme-dark-unversioned.scss +0 -8
  69. package/patternfly-charts-theme-dark.css +0 -70
  70. package/patternfly-charts-theme-dark.scss +0 -8
  71. package/patternfly-theme-dark-unversioned.css +0 -35621
  72. package/patternfly-theme-dark-unversioned.scss +0 -6
  73. package/patternfly-theme-dark.css +0 -0
  74. package/patternfly-theme-dark.scss +0 -1
  75. package/sass-utilities/colors.scss +0 -82
  76. package/sass-utilities/placeholders.scss +0 -72
  77. package/sass-utilities/themes/dark/_all.scss +0 -4
  78. package/sass-utilities/themes/dark/colors.scss +0 -16
  79. package/sass-utilities/themes/dark/mixins.scss +0 -7
  80. package/sass-utilities/themes/dark/placeholders.scss +0 -5
  81. package/sass-utilities/themes/dark/scss-variables.scss +0 -92
  82. package/themes/dark/_patternfly-charts-theme-dark.scss +0 -98
package/patternfly-base-no-globals.css CHANGED
@@ -1,244 +1,3 @@
1
- :where(:root) {
2
- --pf-v6-global--palette--black-100: #fafafa;
3
- --pf-v6-global--palette--black-150: #f5f5f5;
4
- --pf-v6-global--palette--black-200: #f0f0f0;
5
- --pf-v6-global--palette--black-300: #d2d2d2;
6
- --pf-v6-global--palette--black-400: #b8bbbe;
7
- --pf-v6-global--palette--black-500: #8a8d90;
8
- --pf-v6-global--palette--black-600: #6a6e73;
9
- --pf-v6-global--palette--black-700: #4f5255;
10
- --pf-v6-global--palette--black-800: #3c3f42;
11
- --pf-v6-global--palette--black-850: #212427;
12
- --pf-v6-global--palette--black-900: #151515;
13
- --pf-v6-global--palette--black-1000: #030303;
14
- --pf-v6-global--palette--blue-50: #e7f1fa;
15
- --pf-v6-global--palette--blue-100: #bee1f4;
16
- --pf-v6-global--palette--blue-200: #73bcf7;
17
- --pf-v6-global--palette--blue-300: #2b9af3;
18
- --pf-v6-global--palette--blue-400: #06c;
19
- --pf-v6-global--palette--blue-500: #004080;
20
- --pf-v6-global--palette--blue-600: #002952;
21
- --pf-v6-global--palette--blue-700: #001223;
22
- --pf-v6-global--palette--cyan-50: #f2f9f9;
23
- --pf-v6-global--palette--cyan-100: #a2d9d9;
24
- --pf-v6-global--palette--cyan-200: #73c5c5;
25
- --pf-v6-global--palette--cyan-300: #009596;
26
- --pf-v6-global--palette--cyan-400: #005f60;
27
- --pf-v6-global--palette--cyan-500: #003737;
28
- --pf-v6-global--palette--cyan-600: #002323;
29
- --pf-v6-global--palette--cyan-700: #000f0f;
30
- --pf-v6-global--palette--gold-50: #fdf7e7;
31
- --pf-v6-global--palette--gold-100: #f9e0a2;
32
- --pf-v6-global--palette--gold-200: #f6d173;
33
- --pf-v6-global--palette--gold-300: #f4c145;
34
- --pf-v6-global--palette--gold-400: #f0ab00;
35
- --pf-v6-global--palette--gold-500: #c58c00;
36
- --pf-v6-global--palette--gold-600: #795600;
37
- --pf-v6-global--palette--gold-700: #3d2c00;
38
- --pf-v6-global--palette--green-50: #f3faf2;
39
- --pf-v6-global--palette--green-100: #bde5b8;
40
- --pf-v6-global--palette--green-200: #95d58e;
41
- --pf-v6-global--palette--green-300: #6ec664;
42
- --pf-v6-global--palette--green-400: #5ba352;
43
- --pf-v6-global--palette--green-500: #3e8635;
44
- --pf-v6-global--palette--green-600: #1e4f18;
45
- --pf-v6-global--palette--green-700: #0f280d;
46
- --pf-v6-global--palette--light-blue-100: #beedf9;
47
- --pf-v6-global--palette--light-blue-200: #7cdbf3;
48
- --pf-v6-global--palette--light-blue-300: #35caed;
49
- --pf-v6-global--palette--light-blue-400: #00b9e4;
50
- --pf-v6-global--palette--light-blue-500: #008bad;
51
- --pf-v6-global--palette--light-blue-600: #005c73;
52
- --pf-v6-global--palette--light-blue-700: #002d39;
53
- --pf-v6-global--palette--light-green-100: #e4f5bc;
54
- --pf-v6-global--palette--light-green-200: #c8eb79;
55
- --pf-v6-global--palette--light-green-300: #ace12e;
56
- --pf-v6-global--palette--light-green-400: #92d400;
57
- --pf-v6-global--palette--light-green-500: #6ca100;
58
- --pf-v6-global--palette--light-green-600: #486b00;
59
- --pf-v6-global--palette--light-green-700: #253600;
60
- --pf-v6-global--palette--orange-50: #fff6ec;
61
- --pf-v6-global--palette--orange-100: #f4b678;
62
- --pf-v6-global--palette--orange-200: #ef9234;
63
- --pf-v6-global--palette--orange-300: #ec7a08;
64
- --pf-v6-global--palette--orange-400: #c46100;
65
- --pf-v6-global--palette--orange-500: #8f4700;
66
- --pf-v6-global--palette--orange-600: #773d00;
67
- --pf-v6-global--palette--orange-700: #3b1f00;
68
- --pf-v6-global--palette--purple-50: #f2f0fc;
69
- --pf-v6-global--palette--purple-100: #cbc1ff;
70
- --pf-v6-global--palette--purple-200: #b2a3ff;
71
- --pf-v6-global--palette--purple-300: #a18fff;
72
- --pf-v6-global--palette--purple-400: #8476d1;
73
- --pf-v6-global--palette--purple-500: #6753ac;
74
- --pf-v6-global--palette--purple-600: #40199a;
75
- --pf-v6-global--palette--purple-700: #1f0066;
76
- --pf-v6-global--palette--red-50: #faeae8;
77
- --pf-v6-global--palette--red-100: #c9190b;
78
- --pf-v6-global--palette--red-200: #a30000;
79
- --pf-v6-global--palette--red-300: #7d1007;
80
- --pf-v6-global--palette--red-400: #470000;
81
- --pf-v6-global--palette--red-500: #2c0000;
82
- --pf-v6-global--palette--white: #fff;
83
- --pf-v6-global--BackgroundColor--100: #fff;
84
- --pf-v6-global--BackgroundColor--150: #fafafa;
85
- --pf-v6-global--BackgroundColor--200: #f0f0f0;
86
- --pf-v6-global--BackgroundColor--light-100: #fff;
87
- --pf-v6-global--BackgroundColor--light-200: #fafafa;
88
- --pf-v6-global--BackgroundColor--light-300: #f0f0f0;
89
- --pf-v6-global--BackgroundColor--dark-100: #151515;
90
- --pf-v6-global--BackgroundColor--dark-200: #3c3f42;
91
- --pf-v6-global--BackgroundColor--dark-300: #212427;
92
- --pf-v6-global--BackgroundColor--dark-400: #4f5255;
93
- --pf-v6-global--BackgroundColor--dark-transparent-100: rgba(3, 3, 3, 0.62);
94
- --pf-v6-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, 0.32);
95
- --pf-v6-global--Color--100: #151515;
96
- --pf-v6-global--Color--200: #6a6e73;
97
- --pf-v6-global--Color--300: #3c3f42;
98
- --pf-v6-global--Color--400: #8a8d90;
99
- --pf-v6-global--Color--light-100: #fff;
100
- --pf-v6-global--Color--light-200: #f0f0f0;
101
- --pf-v6-global--Color--light-300: #d2d2d2;
102
- --pf-v6-global--Color--dark-100: #151515;
103
- --pf-v6-global--Color--dark-200: #6a6e73;
104
- --pf-v6-global--active-color--100: #06c;
105
- --pf-v6-global--active-color--200: #bee1f4;
106
- --pf-v6-global--active-color--300: #2b9af3;
107
- --pf-v6-global--active-color--400: #73bcf7;
108
- --pf-v6-global--disabled-color--100: #6a6e73;
109
- --pf-v6-global--disabled-color--200: #d2d2d2;
110
- --pf-v6-global--disabled-color--300: #f0f0f0;
111
- --pf-v6-global--primary-color--100: #06c;
112
- --pf-v6-global--primary-color--200: #004080;
113
- --pf-v6-global--primary-color--light-100: #73bcf7;
114
- --pf-v6-global--primary-color--dark-100: #06c;
115
- --pf-v6-global--secondary-color--100: #6a6e73;
116
- --pf-v6-global--custom-color--100: #73c5c5;
117
- --pf-v6-global--custom-color--200: #009596;
118
- --pf-v6-global--custom-color--300: #003737;
119
- --pf-v6-global--success-color--100: #3e8635;
120
- --pf-v6-global--success-color--200: #1e4f18;
121
- --pf-v6-global--info-color--100: #2b9af3;
122
- --pf-v6-global--info-color--200: #002952;
123
- --pf-v6-global--warning-color--100: #f0ab00;
124
- --pf-v6-global--warning-color--200: #795600;
125
- --pf-v6-global--danger-color--100: #c9190b;
126
- --pf-v6-global--danger-color--200: #a30000;
127
- --pf-v6-global--danger-color--300: #470000;
128
- --pf-v6-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06);
129
- --pf-v6-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
130
- --pf-v6-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
131
- --pf-v6-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
132
- --pf-v6-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
133
- --pf-v6-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06);
134
- --pf-v6-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
135
- --pf-v6-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
136
- --pf-v6-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
137
- --pf-v6-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
138
- --pf-v6-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08);
139
- --pf-v6-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
140
- --pf-v6-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
141
- --pf-v6-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
142
- --pf-v6-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
143
- --pf-v6-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.16), 0 0 0.5rem 0 rgba(3, 3, 3, 0.1);
144
- --pf-v6-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
145
- --pf-v6-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
146
- --pf-v6-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
147
- --pf-v6-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
148
- --pf-v6-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3, 3, 3, 0.25);
149
- --pf-v6-global--font-path: "./assets/fonts";
150
- --pf-v6-global--fonticon-path: "./assets/pficon";
151
- --pf-v6-global--spacer--xs: 0.25rem;
152
- --pf-v6-global--spacer--sm: 0.5rem;
153
- --pf-v6-global--spacer--md: 1rem;
154
- --pf-v6-global--spacer--lg: 1.5rem;
155
- --pf-v6-global--spacer--xl: 2rem;
156
- --pf-v6-global--spacer--2xl: 3rem;
157
- --pf-v6-global--spacer--3xl: 4rem;
158
- --pf-v6-global--spacer--4xl: 5rem;
159
- --pf-v6-global--spacer--form-element: 0.375rem;
160
- --pf-v6-global--gutter: 1rem;
161
- --pf-v6-global--gutter--md: 1.5rem;
162
- --pf-t--global--z-index--xs: 100;
163
- --pf-t--global--z-index--sm: 200;
164
- --pf-t--global--z-index--md: 300;
165
- --pf-t--global--z-index--lg: 400;
166
- --pf-t--global--z-index--xl: 500;
167
- --pf-t--global--z-index--2xl: 600;
168
- --pf-v6-global--breakpoint--xs: 0;
169
- --pf-v6-global--breakpoint--sm: 576px;
170
- --pf-v6-global--breakpoint--md: 768px;
171
- --pf-v6-global--breakpoint--lg: 992px;
172
- --pf-v6-global--breakpoint--xl: 1200px;
173
- --pf-v6-global--breakpoint--2xl: 1450px;
174
- --pf-v6-global--height-breakpoint--sm: 0;
175
- --pf-v6-global--height-breakpoint--md: 40rem;
176
- --pf-v6-global--height-breakpoint--lg: 48rem;
177
- --pf-v6-global--height-breakpoint--xl: 60rem;
178
- --pf-v6-global--height-breakpoint--2xl: 80rem;
179
- --pf-v6-global--link--Color: #06c;
180
- --pf-v6-global--link--Color--hover: #004080;
181
- --pf-v6-global--link--Color--light: #2b9af3;
182
- --pf-v6-global--link--Color--light--hover: #73bcf7;
183
- --pf-v6-global--link--Color--dark: #06c;
184
- --pf-v6-global--link--Color--dark--hover: #004080;
185
- --pf-v6-global--link--Color--visited: #40199a;
186
- --pf-v6-global--link--TextDecoration: none;
187
- --pf-v6-global--link--TextDecoration--hover: underline;
188
- --pf-v6-global--BorderWidth--sm: 1px;
189
- --pf-v6-global--BorderWidth--md: 2px;
190
- --pf-v6-global--BorderWidth--lg: 3px;
191
- --pf-v6-global--BorderWidth--xl: 4px;
192
- --pf-v6-global--BorderColor--100: #d2d2d2;
193
- --pf-v6-global--BorderColor--200: #8a8d90;
194
- --pf-v6-global--BorderColor--300: #f0f0f0;
195
- --pf-v6-global--BorderColor--dark-100: #d2d2d2;
196
- --pf-v6-global--BorderColor--light-100: #b8bbbe;
197
- --pf-v6-global--BorderRadius--sm: 3px;
198
- --pf-v6-global--BorderRadius--lg: 30em;
199
- --pf-v6-global--icon--Color--light: #6a6e73;
200
- --pf-v6-global--icon--Color--dark: #151515;
201
- --pf-v6-global--icon--Color--light--light: #f0f0f0;
202
- --pf-v6-global--icon--Color--dark--light: #fff;
203
- --pf-v6-global--icon--Color--light--dark: #6a6e73;
204
- --pf-v6-global--icon--Color--dark--dark: #151515;
205
- --pf-v6-global--icon--FontSize--sm: 0.75rem;
206
- --pf-v6-global--icon--FontSize--md: 1rem;
207
- --pf-v6-global--icon--FontSize--lg: 1.5rem;
208
- --pf-v6-global--icon--FontSize--xl: 3.375rem;
209
- --pf-v6-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif;
210
- --pf-v6-global--FontFamily--heading: "RedHatDisplay", helvetica, arial, sans-serif;
211
- --pf-v6-global--FontFamily--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
212
- --pf-v6-global--FontFamily--text--vf: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif;
213
- --pf-v6-global--FontFamily--heading--vf: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif;
214
- --pf-v6-global--FontFamily--monospace--vf: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
215
- --pf-v6-global--FontSize--4xl: 2.25rem;
216
- --pf-v6-global--FontSize--3xl: 1.75rem;
217
- --pf-v6-global--FontSize--2xl: 1.5rem;
218
- --pf-v6-global--FontSize--xl: 1.25rem;
219
- --pf-v6-global--FontSize--lg: 1.125rem;
220
- --pf-v6-global--FontSize--md: 1rem;
221
- --pf-v6-global--FontSize--sm: 0.875rem;
222
- --pf-v6-global--FontSize--xs: 0.75rem;
223
- --pf-v6-global--FontWeight--normal: 400;
224
- --pf-v6-global--FontWeight--bold: 700;
225
- --pf-v6-global--LineHeight--sm: 1.3;
226
- --pf-v6-global--LineHeight--md: 1.5;
227
- --pf-v6-global--ListStyle: disc outside;
228
- --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
229
- --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
230
- --pf-t--global--transition--duration: 250ms;
231
- --pf-v6-global--arrow--width: 0.9375rem;
232
- --pf-v6-global--arrow--width-lg: 1.5625rem;
233
- --pf-v6-global--target-size--MinWidth: 44px;
234
- --pf-v6-global--target-size--MinHeight: 44px;
235
- --pf-v6-global--inverse--multiplier: 1;
236
- }
237
-
238
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
239
- --pf-v6-global--inverse--multiplier: -1;
240
- }
241
-
242
1
  html .ws-preview {
243
2
  background-color: var(--pf-t--global--background--color--primary--default);
244
3
  }
@@ -1342,74 +1101,26 @@ html .ws-preview {
1342
1101
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1343
1102
  }
1344
1103
 
1345
- @font-face {
1346
- font-family: RedHatDisplay;
1347
- font-style: normal;
1348
- font-weight: 400;
1349
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
1350
- font-display: fallback;
1351
- }
1352
- @font-face {
1353
- font-family: RedHatDisplay;
1354
- font-style: italic;
1355
- font-weight: 400;
1356
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
1357
- font-display: fallback;
1358
- }
1359
- @font-face {
1360
- font-family: RedHatDisplay;
1361
- font-style: normal;
1362
- font-weight: 700;
1363
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
1364
- font-display: fallback;
1365
- }
1366
- @font-face {
1367
- font-family: RedHatDisplay;
1368
- font-style: italic;
1369
- font-weight: 700;
1370
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
1371
- font-display: fallback;
1372
- }
1373
- @font-face {
1374
- font-family: RedHatText;
1375
- font-style: normal;
1376
- font-weight: 400;
1377
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
1378
- font-display: fallback;
1379
- }
1380
- @font-face {
1381
- font-family: RedHatText;
1382
- font-style: italic;
1383
- font-weight: 400;
1384
- src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
1385
- font-display: fallback;
1386
- }
1387
- @font-face {
1388
- font-family: RedHatText;
1389
- font-style: normal;
1390
- font-weight: 700;
1391
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
1392
- font-display: fallback;
1104
+ :where(:root) {
1105
+ --pf-v6-global--inverse--multiplier: 1;
1393
1106
  }
1394
- @font-face {
1395
- font-family: RedHatText;
1396
- font-style: italic;
1397
- font-weight: 700;
1398
- src: url("./assets/fonts/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
1399
- font-display: fallback;
1107
+
1108
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
1109
+ --pf-v6-global--inverse--multiplier: -1;
1400
1110
  }
1111
+
1401
1112
  @font-face {
1402
- font-family: RedHatMono;
1113
+ font-family: RedHatTextVF;
1403
1114
  font-style: normal;
1404
- font-weight: 400;
1405
- src: url("./assets/fonts/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
1115
+ font-weight: 400 500;
1116
+ src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
1406
1117
  font-display: fallback;
1407
1118
  }
1408
1119
  @font-face {
1409
- font-family: RedHatMono;
1120
+ font-family: RedHatTextVF;
1410
1121
  font-style: italic;
1411
- font-weight: 400;
1412
- src: url("./assets/fonts/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
1122
+ font-weight: 400 500;
1123
+ src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
1413
1124
  font-display: fallback;
1414
1125
  }
1415
1126
  @font-face {
@@ -1426,20 +1137,6 @@ html .ws-preview {
1426
1137
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
1427
1138
  font-display: fallback;
1428
1139
  }
1429
- @font-face {
1430
- font-family: RedHatTextVF;
1431
- font-style: normal;
1432
- font-weight: 400 500;
1433
- src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
1434
- font-display: fallback;
1435
- }
1436
- @font-face {
1437
- font-family: RedHatTextVF;
1438
- font-style: italic;
1439
- font-weight: 400 500;
1440
- src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
1441
- font-display: fallback;
1442
- }
1443
1140
  @font-face {
1444
1141
  font-family: RedHatMonoVF;
1445
1142
  font-style: normal;