@patternfly/patternfly 6.0.0-alpha.114 → 6.0.0-alpha.115

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 (104) hide show
  1. package/assets/images/pf_logo.svg +11 -11
  2. package/assets/images/pf_logo_white.svg +2 -2
  3. package/base/_chart-globals.scss +320 -320
  4. package/base/_fa-icons.scss +2 -2
  5. package/base/_fonts.scss +16 -16
  6. package/base/_globals.scss +4 -11
  7. package/base/_variables.scss +221 -221
  8. package/base/patternfly-globals.css +2 -6
  9. package/base/patternfly-variables.css +13 -9
  10. package/base/themes/dark/_chart-globals.scss +25 -25
  11. package/base/tokens/_tokens-font.scss +8 -0
  12. package/components/AboutModalBox/about-modal-box.css +1 -1
  13. package/components/AboutModalBox/about-modal-box.scss +1 -1
  14. package/components/Alert/alert-group.css +1 -1
  15. package/components/Alert/alert-group.scss +1 -1
  16. package/components/Alert/alert.css +1 -1
  17. package/components/Alert/alert.scss +1 -1
  18. package/components/AppLauncher/app-launcher.css +1 -1
  19. package/components/AppLauncher/app-launcher.scss +1 -1
  20. package/components/Banner/banner.css +1 -1
  21. package/components/Banner/banner.scss +1 -1
  22. package/components/Button/button.css +3 -3
  23. package/components/Button/button.scss +3 -3
  24. package/components/Card/card.css +1 -1
  25. package/components/Card/card.scss +1 -1
  26. package/components/Content/content.css +1 -1
  27. package/components/Content/content.scss +1 -1
  28. package/components/ContextSelector/context-selector.css +1 -1
  29. package/components/ContextSelector/context-selector.scss +1 -1
  30. package/components/Drawer/drawer.css +2 -2
  31. package/components/Drawer/drawer.scss +2 -2
  32. package/components/Dropdown/dropdown.css +2 -2
  33. package/components/Dropdown/dropdown.scss +2 -2
  34. package/components/DualListSelector/dual-list-selector.css +1 -1
  35. package/components/DualListSelector/dual-list-selector.scss +3 -3
  36. package/components/Form/form.css +1 -1
  37. package/components/Form/form.scss +1 -1
  38. package/components/JumpLinks/jump-links.css +1 -1
  39. package/components/JumpLinks/jump-links.scss +1 -1
  40. package/components/List/list.css +1 -1
  41. package/components/List/list.scss +1 -1
  42. package/components/Menu/menu.css +4 -4
  43. package/components/Menu/menu.scss +4 -4
  44. package/components/ModalBox/modal-box.css +1 -1
  45. package/components/ModalBox/modal-box.scss +1 -1
  46. package/components/Nav/nav.css +1 -1
  47. package/components/Nav/nav.scss +1 -1
  48. package/components/OptionsMenu/options-menu.css +1 -1
  49. package/components/OptionsMenu/options-menu.scss +1 -1
  50. package/components/Page/page.css +8 -8
  51. package/components/Page/page.scss +14 -14
  52. package/components/ProgressStepper/progress-stepper.css +1 -1
  53. package/components/ProgressStepper/progress-stepper.scss +1 -1
  54. package/components/Select/select.css +1 -1
  55. package/components/Select/select.scss +1 -1
  56. package/components/Sidebar/sidebar.css +1 -1
  57. package/components/Sidebar/sidebar.scss +1 -1
  58. package/components/SkipToContent/skip-to-content.css +1 -1
  59. package/components/SkipToContent/skip-to-content.scss +1 -1
  60. package/components/Table/table.css +1 -1
  61. package/components/Table/table.scss +1 -1
  62. package/components/Toolbar/toolbar.css +1 -1
  63. package/components/Toolbar/toolbar.scss +1 -1
  64. package/components/TreeView/tree-view.scss +2 -2
  65. package/components/Wizard/wizard.css +1 -1
  66. package/components/Wizard/wizard.scss +1 -1
  67. package/docs/components/NotificationBadge/examples/NotificationBadge.md +18 -18
  68. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  69. package/docs/components/Table/examples/Table.md +2 -2
  70. package/docs/components/Tabs/examples/Tabs.md +102 -102
  71. package/docs/demos/Card/examples/Card.md +152 -115
  72. package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
  73. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  74. package/docs/demos/Table/examples/Table.md +2 -2
  75. package/docs/demos/Toolbar/examples/Toolbar.css +3 -3
  76. package/docs/utilities/Text/examples/Text.md +0 -1
  77. package/package.json +1 -1
  78. package/patternfly-base-no-globals-theme-dark-unversioned.css +13 -69
  79. package/patternfly-base-no-globals-theme-dark-unversioned.scss +2 -2
  80. package/patternfly-base-no-globals.css +13 -69
  81. package/patternfly-base-no-globals.scss +2 -2
  82. package/patternfly-base-theme-dark-unversioned.css +15 -71
  83. package/patternfly-base.css +15 -71
  84. package/patternfly-base.scss +0 -1
  85. package/patternfly-charts.scss +319 -319
  86. package/patternfly-no-globals.css +60 -89
  87. package/patternfly-no-globals.scss +2 -2
  88. package/patternfly-theme-dark-unversioned.css +84 -113
  89. package/patternfly-theme-dark-unversioned.scss +1 -1
  90. package/patternfly.css +62 -91
  91. package/patternfly.min.css +1 -1
  92. package/patternfly.min.css.map +1 -1
  93. package/sass-utilities/_init.scss +3 -3
  94. package/sass-utilities/colors.scss +81 -81
  95. package/sass-utilities/functions.scss +2 -2
  96. package/sass-utilities/mixins.scss +1 -1
  97. package/sass-utilities/scss-variables.scss +149 -149
  98. package/sass-utilities/themes/dark/colors.scss +15 -15
  99. package/sass-utilities/themes/dark/scss-variables.scss +74 -74
  100. package/themes/dark/_patternfly-charts-theme-dark.scss +25 -25
  101. package/base/_themes.scss +0 -43
  102. package/base/patternfly-themes.css +0 -82
  103. package/base/patternfly-themes.scss +0 -2
  104. package/base/themes/dark/_globals.scss +0 -5
package/base/_variables.scss CHANGED
@@ -1,194 +1,194 @@
1
1
  :where(:root) {
2
2
  // Colors
3
3
  // Global palette
4
- --#{$pf-global}--palette--black-100: #{$pf-v5-color-black-100};
5
- --#{$pf-global}--palette--black-150: #{$pf-v5-color-black-150};
6
- --#{$pf-global}--palette--black-200: #{$pf-v5-color-black-200};
7
- --#{$pf-global}--palette--black-300: #{$pf-v5-color-black-300};
8
- --#{$pf-global}--palette--black-400: #{$pf-v5-color-black-400};
9
- --#{$pf-global}--palette--black-500: #{$pf-v5-color-black-500};
10
- --#{$pf-global}--palette--black-600: #{$pf-v5-color-black-600};
11
- --#{$pf-global}--palette--black-700: #{$pf-v5-color-black-700};
12
- --#{$pf-global}--palette--black-800: #{$pf-v5-color-black-800};
13
- --#{$pf-global}--palette--black-850: #{$pf-v5-color-black-850};
14
- --#{$pf-global}--palette--black-900: #{$pf-v5-color-black-900};
15
- --#{$pf-global}--palette--black-1000: #{$pf-v5-color-black-1000};
16
- --#{$pf-global}--palette--blue-50: #{$pf-v5-color-blue-50};
17
- --#{$pf-global}--palette--blue-100: #{$pf-v5-color-blue-100};
18
- --#{$pf-global}--palette--blue-200: #{$pf-v5-color-blue-200};
19
- --#{$pf-global}--palette--blue-300: #{$pf-v5-color-blue-300};
20
- --#{$pf-global}--palette--blue-400: #{$pf-v5-color-blue-400};
21
- --#{$pf-global}--palette--blue-500: #{$pf-v5-color-blue-500};
22
- --#{$pf-global}--palette--blue-600: #{$pf-v5-color-blue-600};
23
- --#{$pf-global}--palette--blue-700: #{$pf-v5-color-blue-700};
24
- --#{$pf-global}--palette--cyan-50: #{$pf-v5-color-cyan-50};
25
- --#{$pf-global}--palette--cyan-100: #{$pf-v5-color-cyan-100};
26
- --#{$pf-global}--palette--cyan-200: #{$pf-v5-color-cyan-200};
27
- --#{$pf-global}--palette--cyan-300: #{$pf-v5-color-cyan-300};
28
- --#{$pf-global}--palette--cyan-400: #{$pf-v5-color-cyan-400};
29
- --#{$pf-global}--palette--cyan-500: #{$pf-v5-color-cyan-500};
30
- --#{$pf-global}--palette--cyan-600: #{$pf-v5-color-cyan-600};
31
- --#{$pf-global}--palette--cyan-700: #{$pf-v5-color-cyan-700};
32
- --#{$pf-global}--palette--gold-50: #{$pf-v5-color-gold-50};
33
- --#{$pf-global}--palette--gold-100: #{$pf-v5-color-gold-100};
34
- --#{$pf-global}--palette--gold-200: #{$pf-v5-color-gold-200};
35
- --#{$pf-global}--palette--gold-300: #{$pf-v5-color-gold-300};
36
- --#{$pf-global}--palette--gold-400: #{$pf-v5-color-gold-400};
37
- --#{$pf-global}--palette--gold-500: #{$pf-v5-color-gold-500};
38
- --#{$pf-global}--palette--gold-600: #{$pf-v5-color-gold-600};
39
- --#{$pf-global}--palette--gold-700: #{$pf-v5-color-gold-700};
40
- --#{$pf-global}--palette--green-50: #{$pf-v5-color-green-50};
41
- --#{$pf-global}--palette--green-100: #{$pf-v5-color-green-100};
42
- --#{$pf-global}--palette--green-200: #{$pf-v5-color-green-200};
43
- --#{$pf-global}--palette--green-300: #{$pf-v5-color-green-300};
44
- --#{$pf-global}--palette--green-400: #{$pf-v5-color-green-400};
45
- --#{$pf-global}--palette--green-500: #{$pf-v5-color-green-500};
46
- --#{$pf-global}--palette--green-600: #{$pf-v5-color-green-600};
47
- --#{$pf-global}--palette--green-700: #{$pf-v5-color-green-700};
48
- --#{$pf-global}--palette--light-blue-100: #{$pf-v5-color-light-blue-100};
49
- --#{$pf-global}--palette--light-blue-200: #{$pf-v5-color-light-blue-200};
50
- --#{$pf-global}--palette--light-blue-300: #{$pf-v5-color-light-blue-300};
51
- --#{$pf-global}--palette--light-blue-400: #{$pf-v5-color-light-blue-400};
52
- --#{$pf-global}--palette--light-blue-500: #{$pf-v5-color-light-blue-500};
53
- --#{$pf-global}--palette--light-blue-600: #{$pf-v5-color-light-blue-600};
54
- --#{$pf-global}--palette--light-blue-700: #{$pf-v5-color-light-blue-700};
55
- --#{$pf-global}--palette--light-green-100: #{$pf-v5-color-light-green-100};
56
- --#{$pf-global}--palette--light-green-200: #{$pf-v5-color-light-green-200};
57
- --#{$pf-global}--palette--light-green-300: #{$pf-v5-color-light-green-300};
58
- --#{$pf-global}--palette--light-green-400: #{$pf-v5-color-light-green-400};
59
- --#{$pf-global}--palette--light-green-500: #{$pf-v5-color-light-green-500};
60
- --#{$pf-global}--palette--light-green-600: #{$pf-v5-color-light-green-600};
61
- --#{$pf-global}--palette--light-green-700: #{$pf-v5-color-light-green-700};
62
- --#{$pf-global}--palette--orange-50: #{$pf-v5-color-orange-50};
63
- --#{$pf-global}--palette--orange-100: #{$pf-v5-color-orange-100};
64
- --#{$pf-global}--palette--orange-200: #{$pf-v5-color-orange-200};
65
- --#{$pf-global}--palette--orange-300: #{$pf-v5-color-orange-300};
66
- --#{$pf-global}--palette--orange-400: #{$pf-v5-color-orange-400};
67
- --#{$pf-global}--palette--orange-500: #{$pf-v5-color-orange-500};
68
- --#{$pf-global}--palette--orange-600: #{$pf-v5-color-orange-600};
69
- --#{$pf-global}--palette--orange-700: #{$pf-v5-color-orange-700};
70
- --#{$pf-global}--palette--purple-50: #{$pf-v5-color-purple-50};
71
- --#{$pf-global}--palette--purple-100: #{$pf-v5-color-purple-100};
72
- --#{$pf-global}--palette--purple-200: #{$pf-v5-color-purple-200};
73
- --#{$pf-global}--palette--purple-300: #{$pf-v5-color-purple-300};
74
- --#{$pf-global}--palette--purple-400: #{$pf-v5-color-purple-400};
75
- --#{$pf-global}--palette--purple-500: #{$pf-v5-color-purple-500};
76
- --#{$pf-global}--palette--purple-600: #{$pf-v5-color-purple-600};
77
- --#{$pf-global}--palette--purple-700: #{$pf-v5-color-purple-700};
78
- --#{$pf-global}--palette--red-50: #{$pf-v5-color-red-50};
79
- --#{$pf-global}--palette--red-100: #{$pf-v5-color-red-100};
80
- --#{$pf-global}--palette--red-200: #{$pf-v5-color-red-200};
81
- --#{$pf-global}--palette--red-300: #{$pf-v5-color-red-300};
82
- --#{$pf-global}--palette--red-400: #{$pf-v5-color-red-400};
83
- --#{$pf-global}--palette--red-500: #{$pf-v5-color-red-500};
84
- --#{$pf-global}--palette--white: #{$pf-v5-color-white};
4
+ --#{$pf-global}--palette--black-100: #{$pf-v6-color-black-100};
5
+ --#{$pf-global}--palette--black-150: #{$pf-v6-color-black-150};
6
+ --#{$pf-global}--palette--black-200: #{$pf-v6-color-black-200};
7
+ --#{$pf-global}--palette--black-300: #{$pf-v6-color-black-300};
8
+ --#{$pf-global}--palette--black-400: #{$pf-v6-color-black-400};
9
+ --#{$pf-global}--palette--black-500: #{$pf-v6-color-black-500};
10
+ --#{$pf-global}--palette--black-600: #{$pf-v6-color-black-600};
11
+ --#{$pf-global}--palette--black-700: #{$pf-v6-color-black-700};
12
+ --#{$pf-global}--palette--black-800: #{$pf-v6-color-black-800};
13
+ --#{$pf-global}--palette--black-850: #{$pf-v6-color-black-850};
14
+ --#{$pf-global}--palette--black-900: #{$pf-v6-color-black-900};
15
+ --#{$pf-global}--palette--black-1000: #{$pf-v6-color-black-1000};
16
+ --#{$pf-global}--palette--blue-50: #{$pf-v6-color-blue-50};
17
+ --#{$pf-global}--palette--blue-100: #{$pf-v6-color-blue-100};
18
+ --#{$pf-global}--palette--blue-200: #{$pf-v6-color-blue-200};
19
+ --#{$pf-global}--palette--blue-300: #{$pf-v6-color-blue-300};
20
+ --#{$pf-global}--palette--blue-400: #{$pf-v6-color-blue-400};
21
+ --#{$pf-global}--palette--blue-500: #{$pf-v6-color-blue-500};
22
+ --#{$pf-global}--palette--blue-600: #{$pf-v6-color-blue-600};
23
+ --#{$pf-global}--palette--blue-700: #{$pf-v6-color-blue-700};
24
+ --#{$pf-global}--palette--cyan-50: #{$pf-v6-color-cyan-50};
25
+ --#{$pf-global}--palette--cyan-100: #{$pf-v6-color-cyan-100};
26
+ --#{$pf-global}--palette--cyan-200: #{$pf-v6-color-cyan-200};
27
+ --#{$pf-global}--palette--cyan-300: #{$pf-v6-color-cyan-300};
28
+ --#{$pf-global}--palette--cyan-400: #{$pf-v6-color-cyan-400};
29
+ --#{$pf-global}--palette--cyan-500: #{$pf-v6-color-cyan-500};
30
+ --#{$pf-global}--palette--cyan-600: #{$pf-v6-color-cyan-600};
31
+ --#{$pf-global}--palette--cyan-700: #{$pf-v6-color-cyan-700};
32
+ --#{$pf-global}--palette--gold-50: #{$pf-v6-color-gold-50};
33
+ --#{$pf-global}--palette--gold-100: #{$pf-v6-color-gold-100};
34
+ --#{$pf-global}--palette--gold-200: #{$pf-v6-color-gold-200};
35
+ --#{$pf-global}--palette--gold-300: #{$pf-v6-color-gold-300};
36
+ --#{$pf-global}--palette--gold-400: #{$pf-v6-color-gold-400};
37
+ --#{$pf-global}--palette--gold-500: #{$pf-v6-color-gold-500};
38
+ --#{$pf-global}--palette--gold-600: #{$pf-v6-color-gold-600};
39
+ --#{$pf-global}--palette--gold-700: #{$pf-v6-color-gold-700};
40
+ --#{$pf-global}--palette--green-50: #{$pf-v6-color-green-50};
41
+ --#{$pf-global}--palette--green-100: #{$pf-v6-color-green-100};
42
+ --#{$pf-global}--palette--green-200: #{$pf-v6-color-green-200};
43
+ --#{$pf-global}--palette--green-300: #{$pf-v6-color-green-300};
44
+ --#{$pf-global}--palette--green-400: #{$pf-v6-color-green-400};
45
+ --#{$pf-global}--palette--green-500: #{$pf-v6-color-green-500};
46
+ --#{$pf-global}--palette--green-600: #{$pf-v6-color-green-600};
47
+ --#{$pf-global}--palette--green-700: #{$pf-v6-color-green-700};
48
+ --#{$pf-global}--palette--light-blue-100: #{$pf-v6-color-light-blue-100};
49
+ --#{$pf-global}--palette--light-blue-200: #{$pf-v6-color-light-blue-200};
50
+ --#{$pf-global}--palette--light-blue-300: #{$pf-v6-color-light-blue-300};
51
+ --#{$pf-global}--palette--light-blue-400: #{$pf-v6-color-light-blue-400};
52
+ --#{$pf-global}--palette--light-blue-500: #{$pf-v6-color-light-blue-500};
53
+ --#{$pf-global}--palette--light-blue-600: #{$pf-v6-color-light-blue-600};
54
+ --#{$pf-global}--palette--light-blue-700: #{$pf-v6-color-light-blue-700};
55
+ --#{$pf-global}--palette--light-green-100: #{$pf-v6-color-light-green-100};
56
+ --#{$pf-global}--palette--light-green-200: #{$pf-v6-color-light-green-200};
57
+ --#{$pf-global}--palette--light-green-300: #{$pf-v6-color-light-green-300};
58
+ --#{$pf-global}--palette--light-green-400: #{$pf-v6-color-light-green-400};
59
+ --#{$pf-global}--palette--light-green-500: #{$pf-v6-color-light-green-500};
60
+ --#{$pf-global}--palette--light-green-600: #{$pf-v6-color-light-green-600};
61
+ --#{$pf-global}--palette--light-green-700: #{$pf-v6-color-light-green-700};
62
+ --#{$pf-global}--palette--orange-50: #{$pf-v6-color-orange-50};
63
+ --#{$pf-global}--palette--orange-100: #{$pf-v6-color-orange-100};
64
+ --#{$pf-global}--palette--orange-200: #{$pf-v6-color-orange-200};
65
+ --#{$pf-global}--palette--orange-300: #{$pf-v6-color-orange-300};
66
+ --#{$pf-global}--palette--orange-400: #{$pf-v6-color-orange-400};
67
+ --#{$pf-global}--palette--orange-500: #{$pf-v6-color-orange-500};
68
+ --#{$pf-global}--palette--orange-600: #{$pf-v6-color-orange-600};
69
+ --#{$pf-global}--palette--orange-700: #{$pf-v6-color-orange-700};
70
+ --#{$pf-global}--palette--purple-50: #{$pf-v6-color-purple-50};
71
+ --#{$pf-global}--palette--purple-100: #{$pf-v6-color-purple-100};
72
+ --#{$pf-global}--palette--purple-200: #{$pf-v6-color-purple-200};
73
+ --#{$pf-global}--palette--purple-300: #{$pf-v6-color-purple-300};
74
+ --#{$pf-global}--palette--purple-400: #{$pf-v6-color-purple-400};
75
+ --#{$pf-global}--palette--purple-500: #{$pf-v6-color-purple-500};
76
+ --#{$pf-global}--palette--purple-600: #{$pf-v6-color-purple-600};
77
+ --#{$pf-global}--palette--purple-700: #{$pf-v6-color-purple-700};
78
+ --#{$pf-global}--palette--red-50: #{$pf-v6-color-red-50};
79
+ --#{$pf-global}--palette--red-100: #{$pf-v6-color-red-100};
80
+ --#{$pf-global}--palette--red-200: #{$pf-v6-color-red-200};
81
+ --#{$pf-global}--palette--red-300: #{$pf-v6-color-red-300};
82
+ --#{$pf-global}--palette--red-400: #{$pf-v6-color-red-400};
83
+ --#{$pf-global}--palette--red-500: #{$pf-v6-color-red-500};
84
+ --#{$pf-global}--palette--white: #{$pf-v6-color-white};
85
85
 
86
86
  // Background color
87
- --#{$pf-global}--BackgroundColor--100: #{$pf-v5-global--BackgroundColor--100};
88
- --#{$pf-global}--BackgroundColor--150: #{$pf-v5-global--BackgroundColor--150};
89
- --#{$pf-global}--BackgroundColor--200: #{$pf-v5-global--BackgroundColor--200};
90
- --#{$pf-global}--BackgroundColor--light-100: #{$pf-v5-global--BackgroundColor--light-100};
91
- --#{$pf-global}--BackgroundColor--light-200: #{$pf-v5-global--BackgroundColor--light-200};
92
- --#{$pf-global}--BackgroundColor--light-300: #{$pf-v5-global--BackgroundColor--light-300};
93
- --#{$pf-global}--BackgroundColor--dark-100: #{$pf-v5-global--BackgroundColor--dark-100};
94
- --#{$pf-global}--BackgroundColor--dark-200: #{$pf-v5-global--BackgroundColor--dark-200};
95
- --#{$pf-global}--BackgroundColor--dark-300: #{$pf-v5-global--BackgroundColor--dark-300};
96
- --#{$pf-global}--BackgroundColor--dark-400: #{$pf-v5-global--BackgroundColor--dark-400};
97
- --#{$pf-global}--BackgroundColor--dark-transparent-100: #{$pf-v5-global--BackgroundColor--dark-transparent-100};
98
- --#{$pf-global}--BackgroundColor--dark-transparent-200: #{$pf-v5-global--BackgroundColor--dark-transparent-200};
87
+ --#{$pf-global}--BackgroundColor--100: #{$pf-v6-global--BackgroundColor--100};
88
+ --#{$pf-global}--BackgroundColor--150: #{$pf-v6-global--BackgroundColor--150};
89
+ --#{$pf-global}--BackgroundColor--200: #{$pf-v6-global--BackgroundColor--200};
90
+ --#{$pf-global}--BackgroundColor--light-100: #{$pf-v6-global--BackgroundColor--light-100};
91
+ --#{$pf-global}--BackgroundColor--light-200: #{$pf-v6-global--BackgroundColor--light-200};
92
+ --#{$pf-global}--BackgroundColor--light-300: #{$pf-v6-global--BackgroundColor--light-300};
93
+ --#{$pf-global}--BackgroundColor--dark-100: #{$pf-v6-global--BackgroundColor--dark-100};
94
+ --#{$pf-global}--BackgroundColor--dark-200: #{$pf-v6-global--BackgroundColor--dark-200};
95
+ --#{$pf-global}--BackgroundColor--dark-300: #{$pf-v6-global--BackgroundColor--dark-300};
96
+ --#{$pf-global}--BackgroundColor--dark-400: #{$pf-v6-global--BackgroundColor--dark-400};
97
+ --#{$pf-global}--BackgroundColor--dark-transparent-100: #{$pf-v6-global--BackgroundColor--dark-transparent-100};
98
+ --#{$pf-global}--BackgroundColor--dark-transparent-200: #{$pf-v6-global--BackgroundColor--dark-transparent-200};
99
99
 
100
100
  // Text color
101
- --#{$pf-global}--Color--100: #{$pf-v5-global--Color--100};
102
- --#{$pf-global}--Color--200: #{$pf-v5-global--Color--200};
103
- --#{$pf-global}--Color--300: #{$pf-v5-global--Color--300};
104
- --#{$pf-global}--Color--400: #{$pf-v5-global--Color--400};
105
- --#{$pf-global}--Color--light-100: #{$pf-v5-global--Color--light-100};
106
- --#{$pf-global}--Color--light-200: #{$pf-v5-global--Color--light-200};
107
- --#{$pf-global}--Color--light-300: #{$pf-v5-global--Color--light-300};
108
- --#{$pf-global}--Color--dark-100: #{$pf-v5-global--Color--dark-100};
109
- --#{$pf-global}--Color--dark-200: #{$pf-v5-global--Color--dark-200};
101
+ --#{$pf-global}--Color--100: #{$pf-v6-global--Color--100};
102
+ --#{$pf-global}--Color--200: #{$pf-v6-global--Color--200};
103
+ --#{$pf-global}--Color--300: #{$pf-v6-global--Color--300};
104
+ --#{$pf-global}--Color--400: #{$pf-v6-global--Color--400};
105
+ --#{$pf-global}--Color--light-100: #{$pf-v6-global--Color--light-100};
106
+ --#{$pf-global}--Color--light-200: #{$pf-v6-global--Color--light-200};
107
+ --#{$pf-global}--Color--light-300: #{$pf-v6-global--Color--light-300};
108
+ --#{$pf-global}--Color--dark-100: #{$pf-v6-global--Color--dark-100};
109
+ --#{$pf-global}--Color--dark-200: #{$pf-v6-global--Color--dark-200};
110
110
 
111
111
  // States color
112
- --#{$pf-global}--active-color--100: #{$pf-v5-global--active-color--100};
113
- --#{$pf-global}--active-color--200: #{$pf-v5-global--active-color--200};
114
- --#{$pf-global}--active-color--300: #{$pf-v5-global--active-color--300};
115
- --#{$pf-global}--active-color--400: #{$pf-v5-global--active-color--400};
116
- --#{$pf-global}--disabled-color--100: #{$pf-v5-global--disabled-color--100};
117
- --#{$pf-global}--disabled-color--200: #{$pf-v5-global--disabled-color--200};
118
- --#{$pf-global}--disabled-color--300: #{$pf-v5-global--disabled-color--300};
112
+ --#{$pf-global}--active-color--100: #{$pf-v6-global--active-color--100};
113
+ --#{$pf-global}--active-color--200: #{$pf-v6-global--active-color--200};
114
+ --#{$pf-global}--active-color--300: #{$pf-v6-global--active-color--300};
115
+ --#{$pf-global}--active-color--400: #{$pf-v6-global--active-color--400};
116
+ --#{$pf-global}--disabled-color--100: #{$pf-v6-global--disabled-color--100};
117
+ --#{$pf-global}--disabled-color--200: #{$pf-v6-global--disabled-color--200};
118
+ --#{$pf-global}--disabled-color--300: #{$pf-v6-global--disabled-color--300};
119
119
 
120
120
  // Theme color
121
- --#{$pf-global}--primary-color--100: #{$pf-v5-global--primary-color--100};
122
- --#{$pf-global}--primary-color--200: #{$pf-v5-global--primary-color--200};
123
- --#{$pf-global}--primary-color--light-100: #{$pf-v5-global--primary-color--light-100};
124
- --#{$pf-global}--primary-color--dark-100: #{$pf-v5-global--primary-color--dark-100};
125
- --#{$pf-global}--secondary-color--100: #{$pf-v5-global--secondary-color--100};
126
- --#{$pf-global}--custom-color--100: #{$pf-v5-global--custom-color--100};
127
- --#{$pf-global}--custom-color--200: #{$pf-v5-global--custom-color--200};
128
- --#{$pf-global}--custom-color--300: #{$pf-v5-global--custom-color--300};
129
- --#{$pf-global}--success-color--100: #{$pf-v5-global--success-color--100};
130
- --#{$pf-global}--success-color--200: #{$pf-v5-global--success-color--200};
131
- --#{$pf-global}--info-color--100: #{$pf-v5-global--info-color--100};
132
- --#{$pf-global}--info-color--200: #{$pf-v5-global--info-color--200};
133
- --#{$pf-global}--warning-color--100: #{$pf-v5-global--warning-color--100};
134
- --#{$pf-global}--warning-color--200: #{$pf-v5-global--warning-color--200};
135
- --#{$pf-global}--danger-color--100: #{$pf-v5-global--danger-color--100};
136
- --#{$pf-global}--danger-color--200: #{$pf-v5-global--danger-color--200};
137
- --#{$pf-global}--danger-color--300: #{$pf-v5-global--danger-color--300};
121
+ --#{$pf-global}--primary-color--100: #{$pf-v6-global--primary-color--100};
122
+ --#{$pf-global}--primary-color--200: #{$pf-v6-global--primary-color--200};
123
+ --#{$pf-global}--primary-color--light-100: #{$pf-v6-global--primary-color--light-100};
124
+ --#{$pf-global}--primary-color--dark-100: #{$pf-v6-global--primary-color--dark-100};
125
+ --#{$pf-global}--secondary-color--100: #{$pf-v6-global--secondary-color--100};
126
+ --#{$pf-global}--custom-color--100: #{$pf-v6-global--custom-color--100};
127
+ --#{$pf-global}--custom-color--200: #{$pf-v6-global--custom-color--200};
128
+ --#{$pf-global}--custom-color--300: #{$pf-v6-global--custom-color--300};
129
+ --#{$pf-global}--success-color--100: #{$pf-v6-global--success-color--100};
130
+ --#{$pf-global}--success-color--200: #{$pf-v6-global--success-color--200};
131
+ --#{$pf-global}--info-color--100: #{$pf-v6-global--info-color--100};
132
+ --#{$pf-global}--info-color--200: #{$pf-v6-global--info-color--200};
133
+ --#{$pf-global}--warning-color--100: #{$pf-v6-global--warning-color--100};
134
+ --#{$pf-global}--warning-color--200: #{$pf-v6-global--warning-color--200};
135
+ --#{$pf-global}--danger-color--100: #{$pf-v6-global--danger-color--100};
136
+ --#{$pf-global}--danger-color--200: #{$pf-v6-global--danger-color--200};
137
+ --#{$pf-global}--danger-color--300: #{$pf-v6-global--danger-color--300};
138
138
 
139
139
  // Shadows
140
- --#{$pf-global}--BoxShadow--sm: #{$pf-v5-global--BoxShadow--sm};
141
- --#{$pf-global}--BoxShadow--sm-top: #{$pf-v5-global--BoxShadow--sm-top};
142
- --#{$pf-global}--BoxShadow--sm-right: #{$pf-v5-global--BoxShadow--sm-right};
143
- --#{$pf-global}--BoxShadow--sm-bottom: #{$pf-v5-global--BoxShadow--sm-bottom};
144
- --#{$pf-global}--BoxShadow--sm-left: #{$pf-v5-global--BoxShadow--sm-left};
145
- --#{$pf-global}--BoxShadow--md: #{$pf-v5-global--BoxShadow--md};
146
- --#{$pf-global}--BoxShadow--md-top: #{$pf-v5-global--BoxShadow--md-top};
147
- --#{$pf-global}--BoxShadow--md-right: #{$pf-v5-global--BoxShadow--md-right};
148
- --#{$pf-global}--BoxShadow--md-bottom: #{$pf-v5-global--BoxShadow--md-bottom};
149
- --#{$pf-global}--BoxShadow--md-left: #{$pf-v5-global--BoxShadow--md-left};
150
- --#{$pf-global}--BoxShadow--lg: #{$pf-v5-global--BoxShadow--lg};
151
- --#{$pf-global}--BoxShadow--lg-top: #{$pf-v5-global--BoxShadow--lg-top};
152
- --#{$pf-global}--BoxShadow--lg-right: #{$pf-v5-global--BoxShadow--lg-right};
153
- --#{$pf-global}--BoxShadow--lg-bottom: #{$pf-v5-global--BoxShadow--lg-bottom};
154
- --#{$pf-global}--BoxShadow--lg-left: #{$pf-v5-global--BoxShadow--lg-left};
155
- --#{$pf-global}--BoxShadow--xl: #{$pf-v5-global--BoxShadow--xl};
156
- --#{$pf-global}--BoxShadow--xl-top: #{$pf-v5-global--BoxShadow--xl-top};
157
- --#{$pf-global}--BoxShadow--xl-right: #{$pf-v5-global--BoxShadow--xl-right};
158
- --#{$pf-global}--BoxShadow--xl-bottom: #{$pf-v5-global--BoxShadow--xl-bottom};
159
- --#{$pf-global}--BoxShadow--xl-left: #{$pf-v5-global--BoxShadow--xl-left};
160
- --#{$pf-global}--BoxShadow--inset: #{$pf-v5-global--BoxShadow--inset};
140
+ --#{$pf-global}--BoxShadow--sm: #{$pf-v6-global--BoxShadow--sm};
141
+ --#{$pf-global}--BoxShadow--sm-top: #{$pf-v6-global--BoxShadow--sm-top};
142
+ --#{$pf-global}--BoxShadow--sm-right: #{$pf-v6-global--BoxShadow--sm-right};
143
+ --#{$pf-global}--BoxShadow--sm-bottom: #{$pf-v6-global--BoxShadow--sm-bottom};
144
+ --#{$pf-global}--BoxShadow--sm-left: #{$pf-v6-global--BoxShadow--sm-left};
145
+ --#{$pf-global}--BoxShadow--md: #{$pf-v6-global--BoxShadow--md};
146
+ --#{$pf-global}--BoxShadow--md-top: #{$pf-v6-global--BoxShadow--md-top};
147
+ --#{$pf-global}--BoxShadow--md-right: #{$pf-v6-global--BoxShadow--md-right};
148
+ --#{$pf-global}--BoxShadow--md-bottom: #{$pf-v6-global--BoxShadow--md-bottom};
149
+ --#{$pf-global}--BoxShadow--md-left: #{$pf-v6-global--BoxShadow--md-left};
150
+ --#{$pf-global}--BoxShadow--lg: #{$pf-v6-global--BoxShadow--lg};
151
+ --#{$pf-global}--BoxShadow--lg-top: #{$pf-v6-global--BoxShadow--lg-top};
152
+ --#{$pf-global}--BoxShadow--lg-right: #{$pf-v6-global--BoxShadow--lg-right};
153
+ --#{$pf-global}--BoxShadow--lg-bottom: #{$pf-v6-global--BoxShadow--lg-bottom};
154
+ --#{$pf-global}--BoxShadow--lg-left: #{$pf-v6-global--BoxShadow--lg-left};
155
+ --#{$pf-global}--BoxShadow--xl: #{$pf-v6-global--BoxShadow--xl};
156
+ --#{$pf-global}--BoxShadow--xl-top: #{$pf-v6-global--BoxShadow--xl-top};
157
+ --#{$pf-global}--BoxShadow--xl-right: #{$pf-v6-global--BoxShadow--xl-right};
158
+ --#{$pf-global}--BoxShadow--xl-bottom: #{$pf-v6-global--BoxShadow--xl-bottom};
159
+ --#{$pf-global}--BoxShadow--xl-left: #{$pf-v6-global--BoxShadow--xl-left};
160
+ --#{$pf-global}--BoxShadow--inset: #{$pf-v6-global--BoxShadow--inset};
161
161
 
162
162
  // Fontpath
163
- --#{$pf-global}--font-path: "#{$pf-v5-global--font-path}";
163
+ --#{$pf-global}--font-path: "#{$pf-v6-global--font-path}";
164
164
 
165
165
  // FontIconPath
166
166
  --#{$pf-global}--fonticon-path: "#{$pf-v6-global--fonticon-path}";
167
167
 
168
168
  // Spacers
169
- --#{$pf-global}--spacer--xs: #{$pf-v5-global--spacer--xs};
170
- --#{$pf-global}--spacer--sm: #{$pf-v5-global--spacer--sm};
171
- --#{$pf-global}--spacer--md: #{$pf-v5-global--spacer--md};
172
- --#{$pf-global}--spacer--lg: #{$pf-v5-global--spacer--lg};
173
- --#{$pf-global}--spacer--xl: #{$pf-v5-global--spacer--xl};
174
- --#{$pf-global}--spacer--2xl: #{$pf-v5-global--spacer--2xl};
175
- --#{$pf-global}--spacer--3xl: #{$pf-v5-global--spacer--3xl};
176
- --#{$pf-global}--spacer--4xl: #{$pf-v5-global--spacer--4xl};
169
+ --#{$pf-global}--spacer--xs: #{$pf-v6-global--spacer--xs};
170
+ --#{$pf-global}--spacer--sm: #{$pf-v6-global--spacer--sm};
171
+ --#{$pf-global}--spacer--md: #{$pf-v6-global--spacer--md};
172
+ --#{$pf-global}--spacer--lg: #{$pf-v6-global--spacer--lg};
173
+ --#{$pf-global}--spacer--xl: #{$pf-v6-global--spacer--xl};
174
+ --#{$pf-global}--spacer--2xl: #{$pf-v6-global--spacer--2xl};
175
+ --#{$pf-global}--spacer--3xl: #{$pf-v6-global--spacer--3xl};
176
+ --#{$pf-global}--spacer--4xl: #{$pf-v6-global--spacer--4xl};
177
177
 
178
178
  // Form spacer
179
- --#{$pf-global}--spacer--form-element: #{$pf-v5-global--spacer--form-element};
179
+ --#{$pf-global}--spacer--form-element: #{$pf-v6-global--spacer--form-element};
180
180
 
181
181
  // Gutter
182
- --#{$pf-global}--gutter: #{$pf-v5-global--gutter};
183
- --#{$pf-global}--gutter--md: #{$pf-v5-global--gutter--md};
182
+ --#{$pf-global}--gutter: #{$pf-v6-global--gutter};
183
+ --#{$pf-global}--gutter--md: #{$pf-v6-global--gutter--md};
184
184
 
185
185
  // Z-Index
186
- --#{$pf-global}--ZIndex--xs: #{$pf-v5-global--ZIndex--xs};
187
- --#{$pf-global}--ZIndex--sm: #{$pf-v5-global--ZIndex--sm};
188
- --#{$pf-global}--ZIndex--md: #{$pf-v5-global--ZIndex--md};
189
- --#{$pf-global}--ZIndex--lg: #{$pf-v5-global--ZIndex--lg};
190
- --#{$pf-global}--ZIndex--xl: #{$pf-v5-global--ZIndex--xl};
191
- --#{$pf-global}--ZIndex--2xl: #{$pf-v5-global--ZIndex--2xl};
186
+ --pf-t--global--Zindex--xs: #{$pf-v6-global--ZIndex--xs};
187
+ --pf-t--global--Zindex--sm: #{$pf-v6-global--ZIndex--sm};
188
+ --pf-t--global--Zindex--md: #{$pf-v6-global--ZIndex--md};
189
+ --pf-t--global--Zindex--lg: #{$pf-v6-global--ZIndex--lg};
190
+ --pf-t--global--Zindex--xl: #{$pf-v6-global--ZIndex--xl};
191
+ --pf-t--global--Zindex--2xl: #{$pf-v6-global--ZIndex--2xl};
192
192
 
193
193
  // Grid breakpoints
194
194
  --#{$pf-global}--breakpoint--xs: #{$pf-v6-global--breakpoint--xs};
@@ -206,82 +206,82 @@
206
206
  --#{$pf-global}--height-breakpoint--2xl: #{$pf-v6-global--height-breakpoint--2xl};
207
207
 
208
208
  // Links
209
- --#{$pf-global}--link--Color: #{$pf-v5-global--link--Color};
210
- --#{$pf-global}--link--Color--hover: #{$pf-v5-global--link--Color--hover};
211
- --#{$pf-global}--link--Color--light: #{$pf-v5-global--link--Color--light};
212
- --#{$pf-global}--link--Color--light--hover: #{$pf-v5-global--link--Color--light--hover};
213
- --#{$pf-global}--link--Color--dark: #{$pf-v5-global--link--Color--dark};
214
- --#{$pf-global}--link--Color--dark--hover: #{$pf-v5-global--link--Color--dark--hover};
215
- --#{$pf-global}--link--Color--visited: #{$pf-v5-global--link--Color--visited};
216
- --#{$pf-global}--link--TextDecoration: #{$pf-v5-global--link--TextDecoration};
217
- --#{$pf-global}--link--TextDecoration--hover: #{$pf-v5-global--link--TextDecoration--hover};
209
+ --#{$pf-global}--link--Color: #{$pf-v6-global--link--Color};
210
+ --#{$pf-global}--link--Color--hover: #{$pf-v6-global--link--Color--hover};
211
+ --#{$pf-global}--link--Color--light: #{$pf-v6-global--link--Color--light};
212
+ --#{$pf-global}--link--Color--light--hover: #{$pf-v6-global--link--Color--light--hover};
213
+ --#{$pf-global}--link--Color--dark: #{$pf-v6-global--link--Color--dark};
214
+ --#{$pf-global}--link--Color--dark--hover: #{$pf-v6-global--link--Color--dark--hover};
215
+ --#{$pf-global}--link--Color--visited: #{$pf-v6-global--link--Color--visited};
216
+ --#{$pf-global}--link--TextDecoration: #{$pf-v6-global--link--TextDecoration};
217
+ --#{$pf-global}--link--TextDecoration--hover: #{$pf-v6-global--link--TextDecoration--hover};
218
218
 
219
219
  // Borders
220
- --#{$pf-global}--BorderWidth--sm: #{$pf-v5-global--BorderWidth--sm};
221
- --#{$pf-global}--BorderWidth--md: #{$pf-v5-global--BorderWidth--md};
222
- --#{$pf-global}--BorderWidth--lg: #{$pf-v5-global--BorderWidth--lg};
223
- --#{$pf-global}--BorderWidth--xl: #{$pf-v5-global--BorderWidth--xl};
224
- --#{$pf-global}--BorderColor--100: #{$pf-v5-global--BorderColor--100};
225
- --#{$pf-global}--BorderColor--200: #{$pf-v5-global--BorderColor--200};
226
- --#{$pf-global}--BorderColor--300: #{$pf-v5-global--BorderColor--300};
227
- --#{$pf-global}--BorderColor--dark-100: #{$pf-v5-global--BorderColor--dark-100};
228
- --#{$pf-global}--BorderColor--light-100: #{$pf-v5-global--BorderColor--light-100};
229
- --#{$pf-global}--BorderRadius--sm: #{$pf-v5-global--BorderRadius--sm};
230
- --#{$pf-global}--BorderRadius--lg: #{$pf-v5-global--BorderRadius--lg};
220
+ --#{$pf-global}--BorderWidth--sm: #{$pf-v6-global--BorderWidth--sm};
221
+ --#{$pf-global}--BorderWidth--md: #{$pf-v6-global--BorderWidth--md};
222
+ --#{$pf-global}--BorderWidth--lg: #{$pf-v6-global--BorderWidth--lg};
223
+ --#{$pf-global}--BorderWidth--xl: #{$pf-v6-global--BorderWidth--xl};
224
+ --#{$pf-global}--BorderColor--100: #{$pf-v6-global--BorderColor--100};
225
+ --#{$pf-global}--BorderColor--200: #{$pf-v6-global--BorderColor--200};
226
+ --#{$pf-global}--BorderColor--300: #{$pf-v6-global--BorderColor--300};
227
+ --#{$pf-global}--BorderColor--dark-100: #{$pf-v6-global--BorderColor--dark-100};
228
+ --#{$pf-global}--BorderColor--light-100: #{$pf-v6-global--BorderColor--light-100};
229
+ --#{$pf-global}--BorderRadius--sm: #{$pf-v6-global--BorderRadius--sm};
230
+ --#{$pf-global}--BorderRadius--lg: #{$pf-v6-global--BorderRadius--lg};
231
231
 
232
232
  // Icons
233
- --#{$pf-global}--icon--Color--light: #{$pf-v5-global--icon--Color--light};
234
- --#{$pf-global}--icon--Color--dark: #{$pf-v5-global--icon--Color--dark};
235
- --#{$pf-global}--icon--Color--light--light: #{$pf-v5-global--icon--Color--light--light};
236
- --#{$pf-global}--icon--Color--dark--light: #{$pf-v5-global--icon--Color--dark--light};
237
- --#{$pf-global}--icon--Color--light--dark: #{$pf-v5-global--icon--Color--light--dark};
238
- --#{$pf-global}--icon--Color--dark--dark: #{$pf-v5-global--icon--Color--dark--dark};
239
- --#{$pf-global}--icon--FontSize--sm: #{$pf-v5-global--icon--FontSize--sm};
240
- --#{$pf-global}--icon--FontSize--md: #{$pf-v5-global--icon--FontSize--md};
241
- --#{$pf-global}--icon--FontSize--lg: #{$pf-v5-global--icon--FontSize--lg};
242
- --#{$pf-global}--icon--FontSize--xl: #{$pf-v5-global--icon--FontSize--xl};
233
+ --#{$pf-global}--icon--Color--light: #{$pf-v6-global--icon--Color--light};
234
+ --#{$pf-global}--icon--Color--dark: #{$pf-v6-global--icon--Color--dark};
235
+ --#{$pf-global}--icon--Color--light--light: #{$pf-v6-global--icon--Color--light--light};
236
+ --#{$pf-global}--icon--Color--dark--light: #{$pf-v6-global--icon--Color--dark--light};
237
+ --#{$pf-global}--icon--Color--light--dark: #{$pf-v6-global--icon--Color--light--dark};
238
+ --#{$pf-global}--icon--Color--dark--dark: #{$pf-v6-global--icon--Color--dark--dark};
239
+ --#{$pf-global}--icon--FontSize--sm: #{$pf-v6-global--icon--FontSize--sm};
240
+ --#{$pf-global}--icon--FontSize--md: #{$pf-v6-global--icon--FontSize--md};
241
+ --#{$pf-global}--icon--FontSize--lg: #{$pf-v6-global--icon--FontSize--lg};
242
+ --#{$pf-global}--icon--FontSize--xl: #{$pf-v6-global--icon--FontSize--xl};
243
243
 
244
244
  // Fonts
245
245
 
246
246
  // Font family
247
- --#{$pf-global}--FontFamily--text: #{$pf-v5-global--FontFamily--text};
248
- --#{$pf-global}--FontFamily--heading: #{$pf-v5-global--FontFamily--heading};
249
- --#{$pf-global}--FontFamily--monospace: #{$pf-v5-global--FontFamily--monospace};
250
- --#{$pf-global}--FontFamily--text--vf: #{$pf-v5-global--FontFamily--text--vf};
251
- --#{$pf-global}--FontFamily--heading--vf: #{$pf-v5-global--FontFamily--heading--vf};
252
- --#{$pf-global}--FontFamily--monospace--vf: #{$pf-v5-global--FontFamily--monospace--vf};
247
+ --#{$pf-global}--FontFamily--text: #{$pf-v6-global--FontFamily--text};
248
+ --#{$pf-global}--FontFamily--heading: #{$pf-v6-global--FontFamily--heading};
249
+ --#{$pf-global}--FontFamily--monospace: #{$pf-v6-global--FontFamily--monospace};
250
+ --#{$pf-global}--FontFamily--text--vf: #{$pf-v6-global--FontFamily--text--vf};
251
+ --#{$pf-global}--FontFamily--heading--vf: #{$pf-v6-global--FontFamily--heading--vf};
252
+ --#{$pf-global}--FontFamily--monospace--vf: #{$pf-v6-global--FontFamily--monospace--vf};
253
253
 
254
254
  // Font size
255
- --#{$pf-global}--FontSize--4xl: #{$pf-v5-global--FontSize--4xl};
256
- --#{$pf-global}--FontSize--3xl: #{$pf-v5-global--FontSize--3xl};
257
- --#{$pf-global}--FontSize--2xl: #{$pf-v5-global--FontSize--2xl};
258
- --#{$pf-global}--FontSize--xl: #{$pf-v5-global--FontSize--xl};
259
- --#{$pf-global}--FontSize--lg: #{$pf-v5-global--FontSize--lg};
260
- --#{$pf-global}--FontSize--md: #{$pf-v5-global--FontSize--md};
261
- --#{$pf-global}--FontSize--sm: #{$pf-v5-global--FontSize--sm};
262
- --#{$pf-global}--FontSize--xs: #{$pf-v5-global--FontSize--xs};
255
+ --#{$pf-global}--FontSize--4xl: #{$pf-v6-global--FontSize--4xl};
256
+ --#{$pf-global}--FontSize--3xl: #{$pf-v6-global--FontSize--3xl};
257
+ --#{$pf-global}--FontSize--2xl: #{$pf-v6-global--FontSize--2xl};
258
+ --#{$pf-global}--FontSize--xl: #{$pf-v6-global--FontSize--xl};
259
+ --#{$pf-global}--FontSize--lg: #{$pf-v6-global--FontSize--lg};
260
+ --#{$pf-global}--FontSize--md: #{$pf-v6-global--FontSize--md};
261
+ --#{$pf-global}--FontSize--sm: #{$pf-v6-global--FontSize--sm};
262
+ --#{$pf-global}--FontSize--xs: #{$pf-v6-global--FontSize--xs};
263
263
 
264
264
  // Font weight
265
- --#{$pf-global}--FontWeight--normal: #{$pf-v5-global--FontWeight--normal};
266
- --#{$pf-global}--FontWeight--bold: #{$pf-v5-global--FontWeight--bold};
265
+ --#{$pf-global}--FontWeight--normal: #{$pf-v6-global--FontWeight--normal};
266
+ --#{$pf-global}--FontWeight--bold: #{$pf-v6-global--FontWeight--bold};
267
267
 
268
268
  // Line height
269
- --#{$pf-global}--LineHeight--sm: #{$pf-v5-global--LineHeight--sm};
270
- --#{$pf-global}--LineHeight--md: #{$pf-v5-global--LineHeight--md};
269
+ --#{$pf-global}--LineHeight--sm: #{$pf-v6-global--LineHeight--sm};
270
+ --#{$pf-global}--LineHeight--md: #{$pf-v6-global--LineHeight--md};
271
271
 
272
272
  // List
273
- --#{$pf-global}--ListStyle: #{$pf-v5-global--ListStyle};
274
- --#{$pf-global}--Transition: #{$pf-v5-global--Transition};
275
- --#{$pf-global}--TimingFunction: #{$pf-v5-global--TimingFunction};
276
- --#{$pf-global}--TransitionDuration: #{$pf-v5-global--TransitionDuration};
273
+ --#{$pf-global}--ListStyle: #{$pf-v6-global--ListStyle};
274
+ --pf-t--global--transition: #{$pf-v6-global--Transition};
275
+ --pf-t--global--transition--timing-function: #{$pf-v6-global--TimingFunction};
276
+ --pf-t--global--transitionDuration: #{$pf-v6-global--TransitionDuration};
277
277
 
278
278
  // Arrow size
279
- --#{$pf-global}--arrow--width: #{$pf-v5-global--arrow--width};
280
- --#{$pf-global}--arrow--width-lg: #{$pf-v5-global--arrow--width-lg};
279
+ --#{$pf-global}--arrow--width: #{$pf-v6-global--arrow--width};
280
+ --#{$pf-global}--arrow--width-lg: #{$pf-v6-global--arrow--width-lg};
281
281
 
282
282
  // A11y
283
- --#{$pf-global}--target-size--MinWidth: #{$pf-v5-global--target-size--MinWidth};
284
- --#{$pf-global}--target-size--MinHeight: #{$pf-v5-global--target-size--MinHeight};
283
+ --#{$pf-global}--target-size--MinWidth: #{$pf-v6-global--target-size--MinWidth};
284
+ --#{$pf-global}--target-size--MinHeight: #{$pf-v6-global--target-size--MinHeight};
285
285
 
286
286
  // RTL
287
287
  @include pf-v6-set-inverse(false);
package/base/patternfly-globals.css CHANGED
@@ -106,15 +106,11 @@ pre) {
106
106
  }
107
107
 
108
108
  :where(a:hover) {
109
- --pf-v6-global--link--Color: var(--pf-t--global--text--color--link--hover);
110
- --pf-v6-global--link--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
109
+ color: var(--pf-t--global--text--color--link--hover);
110
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
111
111
  }
112
112
 
113
113
  :where(a,
114
114
  button) {
115
115
  cursor: pointer;
116
- }
117
-
118
- :where(.pf-v6-theme-dark) {
119
- color-scheme: dark;
120
116
  }
package/base/patternfly-variables.css CHANGED
@@ -159,12 +159,12 @@
159
159
  --pf-v6-global--spacer--form-element: 0.375rem;
160
160
  --pf-v6-global--gutter: 1rem;
161
161
  --pf-v6-global--gutter--md: 1.5rem;
162
- --pf-v6-global--ZIndex--xs: 100;
163
- --pf-v6-global--ZIndex--sm: 200;
164
- --pf-v6-global--ZIndex--md: 300;
165
- --pf-v6-global--ZIndex--lg: 400;
166
- --pf-v6-global--ZIndex--xl: 500;
167
- --pf-v6-global--ZIndex--2xl: 600;
162
+ --pf-t--global--Zindex--xs: 100;
163
+ --pf-t--global--Zindex--sm: 200;
164
+ --pf-t--global--Zindex--md: 300;
165
+ --pf-t--global--Zindex--lg: 400;
166
+ --pf-t--global--Zindex--xl: 500;
167
+ --pf-t--global--Zindex--2xl: 600;
168
168
  --pf-v6-global--breakpoint--xs: 0;
169
169
  --pf-v6-global--breakpoint--sm: 576px;
170
170
  --pf-v6-global--breakpoint--md: 768px;
@@ -225,9 +225,9 @@
225
225
  --pf-v6-global--LineHeight--sm: 1.3;
226
226
  --pf-v6-global--LineHeight--md: 1.5;
227
227
  --pf-v6-global--ListStyle: disc outside;
228
- --pf-v6-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
229
- --pf-v6-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
230
- --pf-v6-global--TransitionDuration: 250ms;
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--transitionDuration: 250ms;
231
231
  --pf-v6-global--arrow--width: 0.9375rem;
232
232
  --pf-v6-global--arrow--width-lg: 1.5625rem;
233
233
  --pf-v6-global--target-size--MinWidth: 44px;
@@ -369,6 +369,10 @@ html .ws-preview {
369
369
  var(--pf-t--global--box-shadow--blur--lg)
370
370
  var(--pf-t--global--box-shadow--spread--lg)
371
371
  var(--pf-t--global--box-shadow--color--lg);
372
+ --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
373
+ --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
374
+ --pf-t--global--transition--duration: 250ms;
375
+ --pf-t--global--list-style: disc outside;
372
376
  }
373
377
 
374
378
  :root {