@patternfly/patternfly 5.0.0-prerelease.6 → 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 (46) 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/Card/card.css +4 -0
  11. package/components/Card/themes/dark/card.scss +7 -1
  12. package/components/Chip/chip-group.css +2 -0
  13. package/components/Chip/chip.css +2 -0
  14. package/components/ContextSelector/context-selector.css +2 -0
  15. package/components/DataList/data-list.css +2 -0
  16. package/components/FormControl/form-control.css +2 -0
  17. package/components/LogViewer/log-viewer.css +2 -9
  18. package/components/Login/login.css +2 -10
  19. package/components/Masthead/masthead.css +4 -9
  20. package/components/Menu/menu.css +2 -0
  21. package/components/Page/page.css +4 -11
  22. package/components/Select/select.css +2 -0
  23. package/components/Table/table.css +2 -0
  24. package/components/TextInputGroup/text-input-group.css +2 -2
  25. package/components/TextInputGroup/text-input-group.scss +2 -2
  26. package/components/Wizard/wizard.css +2 -9
  27. package/docs/components/Dropdown/deprecated/Dropdown.css +64 -0
  28. package/docs/components/Dropdown/{examples → deprecated}/Dropdown.md +1 -0
  29. package/docs/components/Select/deprecated/Select.css +56 -0
  30. package/docs/components/Select/{examples → deprecated}/Select.md +1 -0
  31. package/package.json +1 -1
  32. package/patternfly-base-no-globals-theme-dark-unversioned.css +12 -0
  33. package/patternfly-base-no-globals.css +12 -0
  34. package/patternfly-base-theme-dark-unversioned.css +12 -0
  35. package/patternfly-base.css +12 -0
  36. package/patternfly-no-globals.css +18 -638
  37. package/patternfly-theme-dark-unversioned.css +18 -638
  38. package/patternfly.css +18 -638
  39. package/patternfly.min.css +1 -1
  40. package/patternfly.min.css.map +1 -1
  41. package/sass-utilities/placeholders.scss +4 -0
  42. package/sass-utilities/scss-variables.scss +6 -2
  43. package/sass-utilities/themes/dark/placeholders.scss +0 -9
  44. package/sass-utilities/themes/dark/scss-variables.scss +6 -3
  45. package/docs/components/Dropdown/examples/Dropdown.css +0 -64
  46. package/docs/components/Select/examples/Select.css +0 -55
package/patternfly-base-no-globals.css CHANGED
@@ -6,6 +6,8 @@
6
6
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
7
7
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
8
8
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
9
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
10
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
9
11
  }
10
12
 
11
13
  .pf-v5-t-dark {
@@ -16,6 +18,8 @@
16
18
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
17
19
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
18
20
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
21
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
22
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
19
23
  }
20
24
  .pf-v5-t-dark .pf-v5-c-button {
21
25
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
@@ -221,6 +225,10 @@
221
225
  --pf-v5-global--BorderRadius--lg: 30em;
222
226
  --pf-v5-global--icon--Color--light: #6a6e73;
223
227
  --pf-v5-global--icon--Color--dark: #151515;
228
+ --pf-v5-global--icon--Color--light--light: #f0f0f0;
229
+ --pf-v5-global--icon--Color--dark--light: #fff;
230
+ --pf-v5-global--icon--Color--light--dark: #6a6e73;
231
+ --pf-v5-global--icon--Color--dark--dark: #151515;
224
232
  --pf-v5-global--icon--FontSize--sm: 0.75rem;
225
233
  --pf-v5-global--icon--FontSize--md: 1rem;
226
234
  --pf-v5-global--icon--FontSize--lg: 1.5rem;
@@ -309,6 +317,10 @@
309
317
  --pf-v5-global--link--Color--light--hover: #73bcf7;
310
318
  --pf-v5-global--link--Color--dark: #1fa7f8;
311
319
  --pf-v5-global--link--Color--dark--hover: #73bcf7;
320
+ --pf-v5-global--icon--Color--light--light: #aaabac;
321
+ --pf-v5-global--icon--Color--dark--light: #e0e0e0;
322
+ --pf-v5-global--icon--Color--light--dark: #aaabac;
323
+ --pf-v5-global--icon--Color--dark--dark: #e0e0e0;
312
324
  --pf-v5-global--BackgroundColor--light-100: #1b1d21;
313
325
  --pf-v5-global--BackgroundColor--light-200: #0f1214;
314
326
  --pf-v5-global--BackgroundColor--light-300: #26292d;
package/patternfly-base-theme-dark-unversioned.css CHANGED
@@ -6,6 +6,8 @@
6
6
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
7
7
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
8
8
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
9
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
10
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
9
11
  }
10
12
 
11
13
  .pf-t-dark {
@@ -16,6 +18,8 @@
16
18
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
17
19
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
18
20
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
21
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
22
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
19
23
  }
20
24
  .pf-t-dark .pf-v5-c-button {
21
25
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
@@ -221,6 +225,10 @@
221
225
  --pf-v5-global--BorderRadius--lg: 30em;
222
226
  --pf-v5-global--icon--Color--light: #6a6e73;
223
227
  --pf-v5-global--icon--Color--dark: #151515;
228
+ --pf-v5-global--icon--Color--light--light: #f0f0f0;
229
+ --pf-v5-global--icon--Color--dark--light: #fff;
230
+ --pf-v5-global--icon--Color--light--dark: #6a6e73;
231
+ --pf-v5-global--icon--Color--dark--dark: #151515;
224
232
  --pf-v5-global--icon--FontSize--sm: 0.75rem;
225
233
  --pf-v5-global--icon--FontSize--md: 1rem;
226
234
  --pf-v5-global--icon--FontSize--lg: 1.5rem;
@@ -309,6 +317,10 @@
309
317
  --pf-v5-global--link--Color--light--hover: #73bcf7;
310
318
  --pf-v5-global--link--Color--dark: #1fa7f8;
311
319
  --pf-v5-global--link--Color--dark--hover: #73bcf7;
320
+ --pf-v5-global--icon--Color--light--light: #aaabac;
321
+ --pf-v5-global--icon--Color--dark--light: #e0e0e0;
322
+ --pf-v5-global--icon--Color--light--dark: #aaabac;
323
+ --pf-v5-global--icon--Color--dark--dark: #e0e0e0;
312
324
  --pf-v5-global--BackgroundColor--light-100: #1b1d21;
313
325
  --pf-v5-global--BackgroundColor--light-200: #0f1214;
314
326
  --pf-v5-global--BackgroundColor--light-300: #26292d;
package/patternfly-base.css CHANGED
@@ -6,6 +6,8 @@
6
6
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
7
7
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
8
8
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
9
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
10
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
9
11
  }
10
12
 
11
13
  .pf-v5-t-dark {
@@ -16,6 +18,8 @@
16
18
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
17
19
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
18
20
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
21
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
22
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
19
23
  }
20
24
  .pf-v5-t-dark .pf-v5-c-button {
21
25
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
@@ -221,6 +225,10 @@
221
225
  --pf-v5-global--BorderRadius--lg: 30em;
222
226
  --pf-v5-global--icon--Color--light: #6a6e73;
223
227
  --pf-v5-global--icon--Color--dark: #151515;
228
+ --pf-v5-global--icon--Color--light--light: #f0f0f0;
229
+ --pf-v5-global--icon--Color--dark--light: #fff;
230
+ --pf-v5-global--icon--Color--light--dark: #6a6e73;
231
+ --pf-v5-global--icon--Color--dark--dark: #151515;
224
232
  --pf-v5-global--icon--FontSize--sm: 0.75rem;
225
233
  --pf-v5-global--icon--FontSize--md: 1rem;
226
234
  --pf-v5-global--icon--FontSize--lg: 1.5rem;
@@ -309,6 +317,10 @@
309
317
  --pf-v5-global--link--Color--light--hover: #73bcf7;
310
318
  --pf-v5-global--link--Color--dark: #1fa7f8;
311
319
  --pf-v5-global--link--Color--dark--hover: #73bcf7;
320
+ --pf-v5-global--icon--Color--light--light: #aaabac;
321
+ --pf-v5-global--icon--Color--dark--light: #e0e0e0;
322
+ --pf-v5-global--icon--Color--light--dark: #aaabac;
323
+ --pf-v5-global--icon--Color--dark--dark: #e0e0e0;
312
324
  --pf-v5-global--BackgroundColor--light-100: #1b1d21;
313
325
  --pf-v5-global--BackgroundColor--light-200: #0f1214;
314
326
  --pf-v5-global--BackgroundColor--light-300: #26292d;