@patternfly/patternfly 6.0.0-alpha.29 → 6.0.0-alpha.30

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/_globals.scss +8 -1
  2. package/base/_variables.scss +2 -7
  3. package/base/patternfly-globals.css +6 -1
  4. package/base/patternfly-variables.css +862 -858
  5. package/base/tokens/_tokens-dark.scss +306 -284
  6. package/base/tokens/_tokens-default.scss +410 -326
  7. package/base/tokens/_tokens-font.scss +9 -25
  8. package/base/tokens/_tokens-palette.scss +68 -68
  9. package/base/tokens/_workspace-overrides.scss +7 -0
  10. package/components/Accordion/accordion.css +1 -1
  11. package/components/Accordion/accordion.scss +1 -1
  12. package/components/Alert/alert.css +2 -2
  13. package/components/Alert/alert.scss +2 -2
  14. package/components/Banner/banner.css +1 -1
  15. package/components/Banner/banner.scss +1 -1
  16. package/components/Breadcrumb/breadcrumb.css +19 -16
  17. package/components/Breadcrumb/breadcrumb.scss +18 -16
  18. package/components/Button/button.css +1 -1
  19. package/components/Button/button.scss +1 -1
  20. package/components/Content/content.css +7 -7
  21. package/components/Content/content.scss +7 -7
  22. package/components/Hint/hint.css +2 -2
  23. package/components/Hint/hint.scss +2 -2
  24. package/components/Login/login.css +1 -1
  25. package/components/Login/login.scss +1 -1
  26. package/components/MenuToggle/menu-toggle.css +1 -1
  27. package/components/MenuToggle/menu-toggle.scss +1 -1
  28. package/components/ModalBox/modal-box.css +1 -1
  29. package/components/ModalBox/modal-box.scss +1 -1
  30. package/components/Nav/nav.css +2 -2
  31. package/components/Nav/nav.scss +2 -2
  32. package/components/Table/table.css +6 -6
  33. package/components/Table/table.scss +6 -6
  34. package/components/Title/title.css +6 -6
  35. package/components/Title/title.scss +6 -6
  36. package/package.json +1 -1
  37. package/patternfly-base-no-globals-theme-dark-unversioned.css +866 -858
  38. package/patternfly-base-no-globals.css +866 -858
  39. package/patternfly-base-theme-dark-unversioned.css +868 -859
  40. package/patternfly-base.css +868 -859
  41. package/patternfly-no-globals.css +913 -906
  42. package/patternfly-theme-dark-unversioned.css +914 -906
  43. package/patternfly.css +914 -906
  44. package/patternfly.min.css +1 -1
  45. package/patternfly.min.css.map +1 -1
  46. package/base/themes/dark/_variables.scss +0 -102
package/base/themes/dark/_variables.scss DELETED
@@ -1,102 +0,0 @@
1
- @import "../../../sass-utilities/themes/dark/all";
2
-
3
- @mixin pf-v5-theme-dark-variables {
4
- // palette changes
5
- --#{$pf-global}--palette--black-50: #{$pf-v5-color-black-50};
6
- --#{$pf-global}--palette--black-100: #{$pf-v5-color-black-100};
7
- --#{$pf-global}--palette--black-200: #{$pf-v5-color-black-200};
8
- --#{$pf-global}--palette--black-300: #{$pf-v5-color-black-300};
9
- --#{$pf-global}--palette--black-400: #{$pf-v5-color-black-400};
10
- --#{$pf-global}--palette--black-500: #{$pf-v5-color-black-500};
11
- --#{$pf-global}--palette--black-600: #{$pf-v5-color-black-600};
12
- --#{$pf-global}--palette--black-700: #{$pf-v5-color-black-700};
13
- --#{$pf-global}--palette--black-800: #{$pf-v5-color-black-800};
14
- --#{$pf-global}--palette--black-900: #{$pf-v5-color-black-900};
15
- --#{$pf-global}--palette--red-9999: #{$pf-v5-color-red-9999};
16
- --#{$pf-global}--palette--red-8888: #{$pf-v5-color-red-8888};
17
- --#{$pf-global}--palette--blue-300: #{$pf-v5-color-blue-300};
18
-
19
- // background colors
20
- --#{$pf-global}--BackgroundColor--100: #{$pf-v5-global--BackgroundColor--100};
21
- --#{$pf-global}--BackgroundColor--150: #{$pf-v5-global--BackgroundColor--150};
22
- --#{$pf-global}--BackgroundColor--200: #{$pf-v5-global--BackgroundColor--200};
23
- --#{$pf-global}--BackgroundColor--300: #{$pf-v5-global--BackgroundColor--300};
24
- --#{$pf-global}--BackgroundColor--400: #{$pf-v5-global--BackgroundColor--400};
25
- --#{$pf-global}--BorderColor--100: #{$pf-v5-global--BorderColor--100};
26
- --#{$pf-global}--BorderColor--200: #{$pf-v5-global--BorderColor--200};
27
- --#{$pf-global}--BorderColor--300: #{$pf-v5-global--BorderColor--300};
28
- --#{$pf-global}--BorderColor--400: #{$pf-v5-global--BorderColor--400};
29
-
30
- // text colors
31
- --#{$pf-global}--Color--100: #{$pf-v5-global--Color--100};
32
- --#{$pf-global}--Color--200: #{$pf-v5-global--Color--200};
33
- --#{$pf-global}--active-color--100: #{$pf-v5-global--active-color--100};
34
- --#{$pf-global}--primary-color--100: #{$pf-v5-global--primary-color--100};
35
- --#{$pf-global}--primary-color--300: #{$pf-v5-global--primary-color--300};
36
- --#{$pf-global}--primary-color--400: #{$pf-v5-global--primary-color--400};
37
- --#{$pf-global}--custom-color--200: #{$pf-v5-global--custom-color--200};
38
- --#{$pf-global}--success-color--100: #{$pf-v5-global--success-color--100};
39
- --#{$pf-global}--warning-color--100: #{$pf-v5-global--warning-color--100};
40
- --#{$pf-global}--warning-color--200: #{$pf-v5-global--warning-color--200};
41
- --#{$pf-global}--danger-color--100: #{$pf-v5-global--danger-color--100};
42
- --#{$pf-global}--danger-color--200: #{$pf-v5-global--danger-color--200};
43
- --#{$pf-global}--link--Color: #{$pf-v5-global--link--Color};
44
- --#{$pf-global}--link--Color--hover: #{$pf-v5-global--link--Color--hover};
45
- --#{$pf-global}--link--Color--visited: #{$pf-v5-global--link--Color--visited};
46
- --#{$pf-global}--disabled-color--100: #{$pf-v5-global--disabled-color--100};
47
- --#{$pf-global}--disabled-color--200: #{$pf-v5-global--disabled-color--200};
48
- --#{$pf-global}--disabled-color--300: #{$pf-v5-global--disabled-color--300};
49
-
50
- // icons
51
- --#{$pf-global}--icon--Color--light: #{$pf-v5-global--icon--Color--light};
52
- --#{$pf-global}--icon--Color--dark: #{$pf-v5-global--icon--Color--dark};
53
-
54
- // theme color resets
55
- --#{$pf-global}--Color--dark-100: #{$pf-v5-global--Color--dark-100};
56
- --#{$pf-global}--Color--dark-200: #{$pf-v5-global--Color--dark-200};
57
- --#{$pf-global}--Color--light-100: #{$pf-v5-global--Color--light-100};
58
- --#{$pf-global}--Color--light-200: #{$pf-v5-global--Color--light-200};
59
- --#{$pf-global}--Color--light-300: #{$pf-v5-global--Color--light-300};
60
- --#{$pf-global}--BorderColor--dark-100: #{$pf-v5-global--BorderColor--dark-100};
61
- --#{$pf-global}--BorderColor--light-100: #{$pf-v5-global--BorderColor--light-100};
62
- --#{$pf-global}--primary-color--light-100: #{$pf-v5-global--primary-color--light-100};
63
- --#{$pf-global}--primary-color--dark-100: #{$pf-v5-global--primary-color--dark-100};
64
- --#{$pf-global}--link--Color--light: #{$pf-v5-global--link--Color--light};
65
- --#{$pf-global}--link--Color--light--hover: #{$pf-v5-global--link--Color--light--hover};
66
- --#{$pf-global}--link--Color--dark: #{$pf-v5-global--link--Color--dark};
67
- --#{$pf-global}--link--Color--dark--hover: #{$pf-v5-global--link--Color--dark--hover};
68
- --#{$pf-global}--icon--Color--light--light: #{$pf-v5-global--icon--Color--light};
69
- --#{$pf-global}--icon--Color--dark--light: #{$pf-v5-global--icon--Color--dark};
70
- --#{$pf-global}--icon--Color--light--dark: #{$pf-v5-global--icon--Color--light};
71
- --#{$pf-global}--icon--Color--dark--dark: #{$pf-v5-global--icon--Color--dark};
72
- --#{$pf-global}--BackgroundColor--light-100: #{$pf-v5-global--BackgroundColor--light-100};
73
- --#{$pf-global}--BackgroundColor--light-200: #{$pf-v5-global--BackgroundColor--light-200};
74
- --#{$pf-global}--BackgroundColor--light-300: #{$pf-v5-global--BackgroundColor--light-300};
75
- --#{$pf-global}--BackgroundColor--dark-100: #{$pf-v5-global--BackgroundColor--dark-100};
76
- --#{$pf-global}--BackgroundColor--dark-200: #{$pf-v5-global--BackgroundColor--dark-200};
77
- --#{$pf-global}--BackgroundColor--dark-300: #{$pf-v5-global--BackgroundColor--dark-300};
78
- --#{$pf-global}--BackgroundColor--dark-400: #{$pf-v5-global--BackgroundColor--dark-400};
79
-
80
- // Shadows
81
- --#{$pf-global}--BoxShadow--sm: #{$pf-v5-global--BoxShadow--sm};
82
- --#{$pf-global}--BoxShadow--sm-top: #{$pf-v5-global--BoxShadow--sm-top};
83
- --#{$pf-global}--BoxShadow--sm-right: #{$pf-v5-global--BoxShadow--sm-right};
84
- --#{$pf-global}--BoxShadow--sm-bottom: #{$pf-v5-global--BoxShadow--sm-bottom};
85
- --#{$pf-global}--BoxShadow--sm-left: #{$pf-v5-global--BoxShadow--sm-left};
86
- --#{$pf-global}--BoxShadow--md: #{$pf-v5-global--BoxShadow--md};
87
- --#{$pf-global}--BoxShadow--md-top: #{$pf-v5-global--BoxShadow--md-top};
88
- --#{$pf-global}--BoxShadow--md-right: #{$pf-v5-global--BoxShadow--md-right};
89
- --#{$pf-global}--BoxShadow--md-bottom: #{$pf-v5-global--BoxShadow--md-bottom};
90
- --#{$pf-global}--BoxShadow--md-left: #{$pf-v5-global--BoxShadow--md-left};
91
- --#{$pf-global}--BoxShadow--lg: #{$pf-v5-global--BoxShadow--lg};
92
- --#{$pf-global}--BoxShadow--lg-top: #{$pf-v5-global--BoxShadow--lg-top};
93
- --#{$pf-global}--BoxShadow--lg-right: #{$pf-v5-global--BoxShadow--lg-right};
94
- --#{$pf-global}--BoxShadow--lg-bottom: #{$pf-v5-global--BoxShadow--lg-bottom};
95
- --#{$pf-global}--BoxShadow--lg-left: #{$pf-v5-global--BoxShadow--lg-left};
96
- --#{$pf-global}--BoxShadow--xl: #{$pf-v5-global--BoxShadow--xl};
97
- --#{$pf-global}--BoxShadow--xl-top: #{$pf-v5-global--BoxShadow--xl-top};
98
- --#{$pf-global}--BoxShadow--xl-right: #{$pf-v5-global--BoxShadow--xl-right};
99
- --#{$pf-global}--BoxShadow--xl-bottom: #{$pf-v5-global--BoxShadow--xl-bottom};
100
- --#{$pf-global}--BoxShadow--xl-left: #{$pf-v5-global--BoxShadow--xl-left};
101
- --#{$pf-global}--BoxShadow--inset: #{$pf-v5-global--BoxShadow--inset};
102
- }