@patternfly/react-core 4.236.0 → 4.236.3

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 (63) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/Alert/Alert.d.ts +2 -0
  3. package/dist/esm/components/Alert/Alert.d.ts.map +1 -1
  4. package/dist/esm/components/Alert/Alert.js +2 -2
  5. package/dist/esm/components/Alert/Alert.js.map +1 -1
  6. package/dist/esm/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
  7. package/dist/esm/components/AlertGroup/AlertGroupInline.js +4 -1
  8. package/dist/esm/components/AlertGroup/AlertGroupInline.js.map +1 -1
  9. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
  10. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.js +1 -0
  11. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  12. package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -1
  13. package/dist/esm/components/Tabs/OverflowTab.js +1 -1
  14. package/dist/esm/components/Tabs/OverflowTab.js.map +1 -1
  15. package/dist/esm/components/Tabs/TabButton.d.ts.map +1 -1
  16. package/dist/esm/components/Tabs/TabButton.js +1 -1
  17. package/dist/esm/components/Tabs/TabButton.js.map +1 -1
  18. package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
  19. package/dist/esm/components/Tabs/Tabs.js +2 -2
  20. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  21. package/dist/esm/components/TimePicker/TimePicker.js +2 -2
  22. package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
  23. package/dist/js/components/Alert/Alert.d.ts +2 -0
  24. package/dist/js/components/Alert/Alert.d.ts.map +1 -1
  25. package/dist/js/components/Alert/Alert.js +2 -2
  26. package/dist/js/components/Alert/Alert.js.map +1 -1
  27. package/dist/js/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
  28. package/dist/js/components/AlertGroup/AlertGroupInline.js +4 -1
  29. package/dist/js/components/AlertGroup/AlertGroupInline.js.map +1 -1
  30. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
  31. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.js +1 -0
  32. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  33. package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -1
  34. package/dist/js/components/Tabs/OverflowTab.js +1 -1
  35. package/dist/js/components/Tabs/OverflowTab.js.map +1 -1
  36. package/dist/js/components/Tabs/TabButton.d.ts.map +1 -1
  37. package/dist/js/components/Tabs/TabButton.js +1 -1
  38. package/dist/js/components/Tabs/TabButton.js.map +1 -1
  39. package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
  40. package/dist/js/components/Tabs/Tabs.js +2 -2
  41. package/dist/js/components/Tabs/Tabs.js.map +1 -1
  42. package/dist/js/components/TimePicker/TimePicker.js +2 -2
  43. package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
  44. package/dist/umd/react-core.min.css +809 -795
  45. package/dist/umd/react-core.min.js +2 -2
  46. package/package.json +6 -6
  47. package/src/components/Alert/Alert.tsx +4 -0
  48. package/src/components/AlertGroup/AlertGroupInline.tsx +3 -2
  49. package/src/components/ApplicationLauncher/ApplicationLauncher.tsx +1 -0
  50. package/src/components/Avatar/__tests__/Avatar.test.tsx +69 -3
  51. package/src/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap +3 -2
  52. package/src/components/LabelGroup/examples/LabelGroupEditableAdd.tsx +1 -1
  53. package/src/components/LabelGroup/examples/LabelGroupEditableAddDropdown.tsx +1 -1
  54. package/src/components/LabelGroup/examples/LabelGroupEditableAddModal.tsx +5 -5
  55. package/src/components/Page/examples/PageCenteredSection.tsx +1 -1
  56. package/src/components/Tabs/OverflowTab.tsx +1 -0
  57. package/src/components/Tabs/TabButton.tsx +6 -1
  58. package/src/components/Tabs/Tabs.tsx +2 -0
  59. package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap +1 -0
  60. package/src/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap +1 -0
  61. package/src/components/Tabs/__tests__/__snapshots__/TabButton.test.tsx.snap +1 -0
  62. package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +67 -0
  63. package/src/components/TimePicker/TimePicker.tsx +2 -2
@@ -4,6 +4,23 @@
4
4
  pointer-events: none;
5
5
  }
6
6
 
7
+ .pf-c-backdrop {
8
+ --pf-c-backdrop--Position: fixed;
9
+ --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
10
+ --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
11
+ position: var(--pf-c-backdrop--Position);
12
+ top: 0;
13
+ left: 0;
14
+ z-index: var(--pf-c-backdrop--ZIndex);
15
+ width: 100%;
16
+ height: 100%;
17
+ background-color: var(--pf-c-backdrop--BackgroundColor);
18
+ }
19
+
20
+ .pf-c-backdrop__open {
21
+ overflow: hidden;
22
+ }
23
+
7
24
  .pf-c-accordion {
8
25
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
9
26
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -1609,23 +1626,6 @@ textarea.pf-c-form-control {
1609
1626
  display: block;
1610
1627
  }
1611
1628
 
1612
- .pf-c-backdrop {
1613
- --pf-c-backdrop--Position: fixed;
1614
- --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
1615
- --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
1616
- position: var(--pf-c-backdrop--Position);
1617
- top: 0;
1618
- left: 0;
1619
- z-index: var(--pf-c-backdrop--ZIndex);
1620
- width: 100%;
1621
- height: 100%;
1622
- background-color: var(--pf-c-backdrop--BackgroundColor);
1623
- }
1624
-
1625
- .pf-c-backdrop__open {
1626
- overflow: hidden;
1627
- }
1628
-
1629
1629
  .pf-c-badge {
1630
1630
  --pf-c-badge--BorderRadius: var(--pf-global--BorderRadius--lg);
1631
1631
  --pf-c-badge--FontSize: var(--pf-global--FontSize--xs);
@@ -2014,419 +2014,180 @@ button.pf-c-breadcrumb__link {
2014
2014
  --pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--100);
2015
2015
  }
2016
2016
 
2017
- .pf-c-calendar-month {
2018
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
2019
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
2020
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
2021
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
2022
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
2023
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
2024
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
2025
- }
2026
-
2027
- .pf-c-calendar-month {
2028
- --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
2029
- --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
2030
- --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
2031
- --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
2032
- --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
2033
- --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
2034
- --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
2035
- --pf-c-calendar-month__header-year--Width: 8ch;
2036
- --pf-c-calendar-month__header-nav-control--MarginRight: 0;
2037
- --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
2038
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
2039
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
2040
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
2041
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
2042
- --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
2043
- --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
2044
- --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
2045
- --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
2046
- --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
2047
- --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
2048
- --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
2049
- --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
2050
- --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
2051
- --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
2052
- --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
2053
- --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
2054
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
2055
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
2056
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
2057
- --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
2058
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2059
- --pf-c-calendar-month__dates-cell--before--Top: 0;
2060
- --pf-c-calendar-month__dates-cell--before--Right: 0;
2061
- --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
2062
- --pf-c-calendar-month__dates-cell--before--Left: 0;
2063
- --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
2064
- --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
2065
- --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
2066
- --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
2067
- --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
2068
- --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
2069
- --pf-c-calendar-month__date--Width: 4ch;
2070
- --pf-c-calendar-month__date--Height: 4ch;
2071
- --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
2072
- --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
2073
- --pf-c-calendar-month__date--BackgroundColor: transparent;
2074
- --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
2075
- --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
2076
- --pf-c-calendar-month__date--after--BorderColor: transparent;
2077
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
2078
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
2079
- --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
2080
- --pf-c-calendar-month__date--focus--BoxShadow: none;
2081
- color: var(--pf-global--Color--100);
2082
- display: inline-flex;
2083
- flex-direction: column;
2084
- padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
2085
- font-size: var(--pf-c-calendar-month--FontSize);
2086
- background-color: var(--pf-c-calendar-month--BackgroundColor);
2087
- }
2088
-
2089
- .pf-c-calendar-month__header {
2090
- display: flex;
2091
- margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
2092
- }
2093
-
2094
- .pf-c-calendar-month__header-nav-control {
2095
- margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
2096
- margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
2097
- }
2098
-
2099
- .pf-c-calendar-month__header-nav-control.pf-m-prev-month {
2100
- --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
2101
- --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
2102
- }
2103
-
2104
- .pf-c-calendar-month__header-nav-control.pf-m-next-month {
2105
- --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
2106
- --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
2107
- }
2108
-
2109
- .pf-c-calendar-month__header-month {
2110
- flex-grow: 1;
2111
- }
2112
-
2113
- .pf-c-calendar-month__header-year {
2114
- width: var(--pf-c-calendar-month__header-year--Width);
2115
- }
2116
-
2117
- .pf-c-calendar-month__calendar {
2118
- table-layout: fixed;
2119
- }
2120
-
2121
- .pf-c-calendar-month__days {
2122
- border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
2123
- }
2124
-
2125
- .pf-c-calendar-month__day {
2126
- padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
2127
- font-weight: var(--pf-c-calendar-month__day--FontWeight);
2128
- text-align: center;
2129
- }
2130
-
2131
- .pf-c-calendar-month__dates-row:first-child {
2132
- --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
2133
- }
2134
-
2135
- .pf-c-calendar-month__dates-cell {
2136
- --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
2137
- position: relative;
2138
- padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
2139
- text-align: center;
2140
- }
2141
-
2142
- .pf-c-calendar-month__dates-cell::before {
2143
- position: absolute;
2144
- top: var(--pf-c-calendar-month__dates-cell--before--Top);
2145
- right: var(--pf-c-calendar-month__dates-cell--before--Right);
2146
- bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
2147
- left: var(--pf-c-calendar-month__dates-cell--before--Left);
2148
- content: "";
2149
- background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
2150
- }
2151
-
2152
- .pf-c-calendar-month__dates-cell.pf-m-current {
2153
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2154
- }
2155
-
2156
- .pf-c-calendar-month__dates-cell.pf-m-in-range {
2157
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2158
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2159
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
2160
- }
2161
-
2162
- .pf-c-calendar-month__dates-cell.pf-m-start-range {
2163
- --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
2164
- }
2165
-
2166
- .pf-c-calendar-month__dates-cell.pf-m-end-range {
2167
- --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
2168
- }
2169
-
2170
- .pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
2171
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
2172
- }
2173
-
2174
- .pf-c-calendar-month__dates-cell.pf-m-selected {
2175
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2176
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2177
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2178
- --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2179
- --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
2180
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
2181
- }
2182
-
2183
- .pf-c-calendar-month__dates-cell.pf-m-disabled {
2184
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2185
- --pf-c-calendar-month__date--BackgroundColor: transparent;
2186
- }
2187
-
2188
- .pf-c-calendar-month__date {
2189
- position: relative;
2190
- display: inline-flex;
2191
- align-items: center;
2192
- justify-content: center;
2193
- width: var(--pf-c-calendar-month__date--Width);
2194
- height: var(--pf-c-calendar-month__date--Height);
2195
- line-height: 1;
2196
- color: var(--pf-c-calendar-month__date--Color);
2197
- background-color: var(--pf-c-calendar-month__date--BackgroundColor);
2198
- border: 0;
2199
- }
2200
-
2201
- .pf-c-calendar-month__date::after {
2202
- position: absolute;
2203
- top: 0;
2204
- right: 0;
2205
- bottom: 0;
2206
- left: 0;
2207
- content: "";
2208
- border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
2209
- }
2210
-
2211
- .pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
2212
- border-radius: var(--pf-c-calendar-month__date--BorderRadius);
2213
- }
2214
-
2215
- .pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
2216
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
2217
- }
2218
-
2219
- .pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
2220
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
2221
- --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
2222
- outline: 0;
2223
- box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
2224
- }
2225
-
2226
- .pf-c-calendar-month__date:disabled {
2227
- pointer-events: none;
2228
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
2229
- --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
2230
- }
2231
-
2232
- :where(.pf-theme-dark) .pf-c-calendar-month {
2233
- --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--palette--black-500);
2234
- --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--primary-color--300);
2235
- --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--palette--black-900);
2236
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--palette--blue-400);
2237
- --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
2238
- --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
2239
- --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
2240
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
2241
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
2242
- --pf-c-calendar-month__date--focus--after--BorderColor: transparent;
2243
- }
2244
-
2245
- :where(.pf-theme-dark) .pf-c-calendar-month__date:hover, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-hover {
2246
- --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--BorderColor--100);
2247
- --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
2248
- }
2249
-
2250
- :where(.pf-theme-dark) .pf-c-calendar-month__date:focus, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-focus {
2251
- --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--active-color--100);
2252
- --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
2253
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-global--primary-color--300);
2254
- }
2255
-
2256
- .pf-c-button {
2257
- --pf-c-button--PaddingTop: var(--pf-global--spacer--form-element);
2258
- --pf-c-button--PaddingRight: var(--pf-global--spacer--md);
2259
- --pf-c-button--PaddingBottom: var(--pf-global--spacer--form-element);
2260
- --pf-c-button--PaddingLeft: var(--pf-global--spacer--md);
2261
- --pf-c-button--LineHeight: var(--pf-global--LineHeight--md);
2262
- --pf-c-button--FontWeight: var(--pf-global--FontWeight--normal);
2263
- --pf-c-button--FontSize: var(--pf-global--FontSize--md);
2264
- --pf-c-button--BackgroundColor: transparent;
2265
- --pf-c-button--BorderRadius: var(--pf-global--BorderRadius--sm);
2266
- --pf-c-button--after--BorderRadius: var(--pf-global--BorderRadius--sm);
2267
- --pf-c-button--after--BorderColor: transparent;
2268
- --pf-c-button--after--BorderWidth: var(--pf-global--BorderWidth--sm);
2269
- --pf-c-button--hover--after--BorderWidth: var(--pf-global--BorderWidth--md);
2270
- --pf-c-button--focus--after--BorderWidth: var(--pf-global--BorderWidth--md);
2271
- --pf-c-button--active--after--BorderWidth: var(--pf-global--BorderWidth--md);
2272
- --pf-c-button--disabled--Color: var(--pf-global--disabled-color--100);
2273
- --pf-c-button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
2274
- --pf-c-button--disabled--after--BorderColor: transparent;
2275
- --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
2276
- --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
2277
- --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
2278
- --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
2279
- --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
2280
- --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
2281
- --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
2282
- --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
2283
- --pf-c-button--m-secondary--BackgroundColor: transparent;
2284
- --pf-c-button--m-secondary--after--BorderColor: var(--pf-global--primary-color--100);
2285
- --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
2286
- --pf-c-button--m-secondary--hover--BackgroundColor: transparent;
2287
- --pf-c-button--m-secondary--hover--after--BorderColor: var(--pf-global--primary-color--100);
2288
- --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
2289
- --pf-c-button--m-secondary--focus--BackgroundColor: transparent;
2290
- --pf-c-button--m-secondary--focus--after--BorderColor: var(--pf-global--primary-color--100);
2291
- --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
2292
- --pf-c-button--m-secondary--active--BackgroundColor: transparent;
2293
- --pf-c-button--m-secondary--active--after--BorderColor: var(--pf-global--primary-color--100);
2294
- --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
2295
- --pf-c-button--m-secondary--m-danger--BackgroundColor: transparent;
2296
- --pf-c-button--m-secondary--m-danger--Color: var(--pf-global--danger-color--100);
2297
- --pf-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-global--danger-color--100);
2298
- --pf-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
2299
- --pf-c-button--m-secondary--m-danger--hover--Color: var(--pf-global--danger-color--200);
2300
- --pf-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-global--danger-color--100);
2301
- --pf-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
2302
- --pf-c-button--m-secondary--m-danger--focus--Color: var(--pf-global--danger-color--200);
2303
- --pf-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-global--danger-color--100);
2304
- --pf-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
2305
- --pf-c-button--m-secondary--m-danger--active--Color: var(--pf-global--danger-color--200);
2306
- --pf-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-global--danger-color--100);
2307
- --pf-c-button--m-tertiary--BackgroundColor: transparent;
2308
- --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--Color--100);
2309
- --pf-c-button--m-tertiary--Color: var(--pf-global--Color--100);
2310
- --pf-c-button--m-tertiary--hover--BackgroundColor: transparent;
2311
- --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--Color--100);
2312
- --pf-c-button--m-tertiary--hover--Color: var(--pf-global--Color--100);
2313
- --pf-c-button--m-tertiary--focus--BackgroundColor: transparent;
2314
- --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--Color--100);
2315
- --pf-c-button--m-tertiary--focus--Color: var(--pf-global--Color--100);
2316
- --pf-c-button--m-tertiary--active--BackgroundColor: transparent;
2317
- --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--Color--100);
2318
- --pf-c-button--m-tertiary--active--Color: var(--pf-global--Color--100);
2319
- --pf-c-button--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
2320
- --pf-c-button--m-warning--Color: var(--pf-global--Color--dark-100);
2321
- --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--palette--gold-500);
2322
- --pf-c-button--m-warning--hover--Color: var(--pf-global--Color--dark-100);
2323
- --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--palette--gold-500);
2324
- --pf-c-button--m-warning--focus--Color: var(--pf-global--Color--dark-100);
2325
- --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--palette--gold-500);
2326
- --pf-c-button--m-warning--active--Color: var(--pf-global--Color--dark-100);
2327
- --pf-c-button--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
2328
- --pf-c-button--m-danger--Color: var(--pf-global--Color--light-100);
2329
- --pf-c-button--m-danger--hover--BackgroundColor: var(--pf-global--danger-color--200);
2330
- --pf-c-button--m-danger--hover--Color: var(--pf-global--Color--light-100);
2331
- --pf-c-button--m-danger--focus--BackgroundColor: var(--pf-global--danger-color--200);
2332
- --pf-c-button--m-danger--focus--Color: var(--pf-global--Color--light-100);
2333
- --pf-c-button--m-danger--active--BackgroundColor: var(--pf-global--danger-color--200);
2334
- --pf-c-button--m-danger--active--Color: var(--pf-global--Color--light-100);
2335
- --pf-c-button--m-link--BackgroundColor: transparent;
2336
- --pf-c-button--m-link--Color: var(--pf-global--link--Color);
2337
- --pf-c-button--m-link--hover--BackgroundColor: transparent;
2338
- --pf-c-button--m-link--hover--Color: var(--pf-global--link--Color--hover);
2339
- --pf-c-button--m-link--focus--BackgroundColor: transparent;
2340
- --pf-c-button--m-link--focus--Color: var(--pf-global--link--Color--hover);
2341
- --pf-c-button--m-link--active--BackgroundColor: transparent;
2342
- --pf-c-button--m-link--active--Color: var(--pf-global--link--Color--hover);
2343
- --pf-c-button--m-link--disabled--BackgroundColor: transparent;
2344
- --pf-c-button--m-link--m-inline--FontSize: inherit;
2345
- --pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
2346
- --pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
2347
- --pf-c-button--m-link--m-danger--BackgroundColor: transparent;
2348
- --pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
2349
- --pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
2350
- --pf-c-button--m-link--m-danger--hover--Color: var(--pf-global--danger-color--200);
2351
- --pf-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
2352
- --pf-c-button--m-link--m-danger--focus--Color: var(--pf-global--danger-color--200);
2353
- --pf-c-button--m-link--m-danger--active--BackgroundColor: transparent;
2354
- --pf-c-button--m-link--m-danger--active--Color: var(--pf-global--danger-color--200);
2355
- --pf-c-button--m-plain--BackgroundColor: transparent;
2356
- --pf-c-button--m-plain--Color: var(--pf-global--Color--200);
2357
- --pf-c-button--m-plain--hover--BackgroundColor: transparent;
2358
- --pf-c-button--m-plain--hover--Color: var(--pf-global--Color--100);
2359
- --pf-c-button--m-plain--focus--BackgroundColor: transparent;
2360
- --pf-c-button--m-plain--focus--Color: var(--pf-global--Color--100);
2361
- --pf-c-button--m-plain--active--BackgroundColor: transparent;
2362
- --pf-c-button--m-plain--active--Color: var(--pf-global--Color--100);
2363
- --pf-c-button--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
2364
- --pf-c-button--m-plain--disabled--BackgroundColor: transparent;
2365
- --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--100);
2366
- --pf-c-button--m-control--Color: var(--pf-global--Color--100);
2367
- --pf-c-button--m-control--BorderRadius: 0;
2368
- --pf-c-button--m-control--after--BorderWidth: var(--pf-global--BorderWidth--sm);
2369
- --pf-c-button--m-control--after--BorderTopColor: var(--pf-global--BorderColor--300);
2370
- --pf-c-button--m-control--after--BorderRightColor: var(--pf-global--BorderColor--300);
2371
- --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--200);
2372
- --pf-c-button--m-control--after--BorderLeftColor: var(--pf-global--BorderColor--300);
2373
- --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
2374
- --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
2375
- --pf-c-button--m-control--hover--Color: var(--pf-global--Color--100);
2376
- --pf-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
2377
- --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
2378
- --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
2379
- --pf-c-button--m-control--active--Color: var(--pf-global--Color--100);
2380
- --pf-c-button--m-control--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
2381
- --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--active-color--100);
2382
- --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
2383
- --pf-c-button--m-control--focus--Color: var(--pf-global--Color--100);
2384
- --pf-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
2385
- --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
2386
- --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--100);
2387
- --pf-c-button--m-control--m-expanded--Color: var(--pf-global--Color--100);
2388
- --pf-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
2389
- --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--active-color--100);
2390
- --pf-c-button--m-small--FontSize: var(--pf-global--FontSize--sm);
2391
- --pf-c-button--m-display-lg--PaddingTop: var(--pf-global--spacer--md);
2392
- --pf-c-button--m-display-lg--PaddingRight: var(--pf-global--spacer--xl);
2393
- --pf-c-button--m-display-lg--PaddingBottom: var(--pf-global--spacer--md);
2394
- --pf-c-button--m-display-lg--PaddingLeft: var(--pf-global--spacer--xl);
2395
- --pf-c-button--m-display-lg--FontWeight: var(--pf-global--FontWeight--bold);
2396
- --pf-c-button--m-link--m-display-lg--FontSize: var(--pf-global--FontSize--lg);
2397
- --pf-c-button__icon--m-start--MarginRight: var(--pf-global--spacer--xs);
2398
- --pf-c-button__icon--m-end--MarginLeft: var(--pf-global--spacer--xs);
2399
- --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
2400
- --pf-c-button__progress--Opacity: 0;
2401
- --pf-c-button__progress--TranslateY: -50%;
2402
- --pf-c-button__progress--TranslateX: 0;
2403
- --pf-c-button__progress--Top: 50%;
2404
- --pf-c-button__progress--Left: var(--pf-global--spacer--md);
2405
- --pf-c-button--m-progress--TransitionProperty: padding;
2406
- --pf-c-button--m-progress--TransitionDuration: var(--pf-global--TransitionDuration);
2407
- --pf-c-button--m-progress--PaddingRight: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
2408
- --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
2409
- --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
2410
- --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
2411
- --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
2412
- --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
2413
- --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
2414
- --pf-c-button__count--MarginLeft: var(--pf-global--spacer--sm);
2415
- --pf-c-button--disabled__c-badge--Color: var(--pf-global--Color--dark-100);
2416
- --pf-c-button--disabled__c-badge--BackgroundColor: var(--pf-global--BackgroundColor--200);
2417
- --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--BorderColor--300);
2418
- --pf-c-button--m-primary__c-badge--BorderWidth: var(--pf-global--BorderWidth--sm);
2419
- position: relative;
2420
- display: inline-block;
2421
- padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
2422
- font-size: var(--pf-c-button--FontSize);
2423
- font-weight: var(--pf-c-button--FontWeight);
2424
- line-height: var(--pf-c-button--LineHeight);
2425
- text-align: center;
2426
- white-space: nowrap;
2427
- user-select: none;
2428
- border: 0;
2429
- border-radius: var(--pf-c-button--BorderRadius);
2017
+ .pf-c-button {
2018
+ --pf-c-button--PaddingTop: var(--pf-global--spacer--form-element);
2019
+ --pf-c-button--PaddingRight: var(--pf-global--spacer--md);
2020
+ --pf-c-button--PaddingBottom: var(--pf-global--spacer--form-element);
2021
+ --pf-c-button--PaddingLeft: var(--pf-global--spacer--md);
2022
+ --pf-c-button--LineHeight: var(--pf-global--LineHeight--md);
2023
+ --pf-c-button--FontWeight: var(--pf-global--FontWeight--normal);
2024
+ --pf-c-button--FontSize: var(--pf-global--FontSize--md);
2025
+ --pf-c-button--BackgroundColor: transparent;
2026
+ --pf-c-button--BorderRadius: var(--pf-global--BorderRadius--sm);
2027
+ --pf-c-button--after--BorderRadius: var(--pf-global--BorderRadius--sm);
2028
+ --pf-c-button--after--BorderColor: transparent;
2029
+ --pf-c-button--after--BorderWidth: var(--pf-global--BorderWidth--sm);
2030
+ --pf-c-button--hover--after--BorderWidth: var(--pf-global--BorderWidth--md);
2031
+ --pf-c-button--focus--after--BorderWidth: var(--pf-global--BorderWidth--md);
2032
+ --pf-c-button--active--after--BorderWidth: var(--pf-global--BorderWidth--md);
2033
+ --pf-c-button--disabled--Color: var(--pf-global--disabled-color--100);
2034
+ --pf-c-button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
2035
+ --pf-c-button--disabled--after--BorderColor: transparent;
2036
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
2037
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
2038
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
2039
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
2040
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
2041
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
2042
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
2043
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
2044
+ --pf-c-button--m-secondary--BackgroundColor: transparent;
2045
+ --pf-c-button--m-secondary--after--BorderColor: var(--pf-global--primary-color--100);
2046
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
2047
+ --pf-c-button--m-secondary--hover--BackgroundColor: transparent;
2048
+ --pf-c-button--m-secondary--hover--after--BorderColor: var(--pf-global--primary-color--100);
2049
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
2050
+ --pf-c-button--m-secondary--focus--BackgroundColor: transparent;
2051
+ --pf-c-button--m-secondary--focus--after--BorderColor: var(--pf-global--primary-color--100);
2052
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
2053
+ --pf-c-button--m-secondary--active--BackgroundColor: transparent;
2054
+ --pf-c-button--m-secondary--active--after--BorderColor: var(--pf-global--primary-color--100);
2055
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
2056
+ --pf-c-button--m-secondary--m-danger--BackgroundColor: transparent;
2057
+ --pf-c-button--m-secondary--m-danger--Color: var(--pf-global--danger-color--100);
2058
+ --pf-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-global--danger-color--100);
2059
+ --pf-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
2060
+ --pf-c-button--m-secondary--m-danger--hover--Color: var(--pf-global--danger-color--200);
2061
+ --pf-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-global--danger-color--100);
2062
+ --pf-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
2063
+ --pf-c-button--m-secondary--m-danger--focus--Color: var(--pf-global--danger-color--200);
2064
+ --pf-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-global--danger-color--100);
2065
+ --pf-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
2066
+ --pf-c-button--m-secondary--m-danger--active--Color: var(--pf-global--danger-color--200);
2067
+ --pf-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-global--danger-color--100);
2068
+ --pf-c-button--m-tertiary--BackgroundColor: transparent;
2069
+ --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--Color--100);
2070
+ --pf-c-button--m-tertiary--Color: var(--pf-global--Color--100);
2071
+ --pf-c-button--m-tertiary--hover--BackgroundColor: transparent;
2072
+ --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--Color--100);
2073
+ --pf-c-button--m-tertiary--hover--Color: var(--pf-global--Color--100);
2074
+ --pf-c-button--m-tertiary--focus--BackgroundColor: transparent;
2075
+ --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--Color--100);
2076
+ --pf-c-button--m-tertiary--focus--Color: var(--pf-global--Color--100);
2077
+ --pf-c-button--m-tertiary--active--BackgroundColor: transparent;
2078
+ --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--Color--100);
2079
+ --pf-c-button--m-tertiary--active--Color: var(--pf-global--Color--100);
2080
+ --pf-c-button--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
2081
+ --pf-c-button--m-warning--Color: var(--pf-global--Color--dark-100);
2082
+ --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--palette--gold-500);
2083
+ --pf-c-button--m-warning--hover--Color: var(--pf-global--Color--dark-100);
2084
+ --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--palette--gold-500);
2085
+ --pf-c-button--m-warning--focus--Color: var(--pf-global--Color--dark-100);
2086
+ --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--palette--gold-500);
2087
+ --pf-c-button--m-warning--active--Color: var(--pf-global--Color--dark-100);
2088
+ --pf-c-button--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
2089
+ --pf-c-button--m-danger--Color: var(--pf-global--Color--light-100);
2090
+ --pf-c-button--m-danger--hover--BackgroundColor: var(--pf-global--danger-color--200);
2091
+ --pf-c-button--m-danger--hover--Color: var(--pf-global--Color--light-100);
2092
+ --pf-c-button--m-danger--focus--BackgroundColor: var(--pf-global--danger-color--200);
2093
+ --pf-c-button--m-danger--focus--Color: var(--pf-global--Color--light-100);
2094
+ --pf-c-button--m-danger--active--BackgroundColor: var(--pf-global--danger-color--200);
2095
+ --pf-c-button--m-danger--active--Color: var(--pf-global--Color--light-100);
2096
+ --pf-c-button--m-link--BackgroundColor: transparent;
2097
+ --pf-c-button--m-link--Color: var(--pf-global--link--Color);
2098
+ --pf-c-button--m-link--hover--BackgroundColor: transparent;
2099
+ --pf-c-button--m-link--hover--Color: var(--pf-global--link--Color--hover);
2100
+ --pf-c-button--m-link--focus--BackgroundColor: transparent;
2101
+ --pf-c-button--m-link--focus--Color: var(--pf-global--link--Color--hover);
2102
+ --pf-c-button--m-link--active--BackgroundColor: transparent;
2103
+ --pf-c-button--m-link--active--Color: var(--pf-global--link--Color--hover);
2104
+ --pf-c-button--m-link--disabled--BackgroundColor: transparent;
2105
+ --pf-c-button--m-link--m-inline--FontSize: inherit;
2106
+ --pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
2107
+ --pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
2108
+ --pf-c-button--m-link--m-danger--BackgroundColor: transparent;
2109
+ --pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
2110
+ --pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
2111
+ --pf-c-button--m-link--m-danger--hover--Color: var(--pf-global--danger-color--200);
2112
+ --pf-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
2113
+ --pf-c-button--m-link--m-danger--focus--Color: var(--pf-global--danger-color--200);
2114
+ --pf-c-button--m-link--m-danger--active--BackgroundColor: transparent;
2115
+ --pf-c-button--m-link--m-danger--active--Color: var(--pf-global--danger-color--200);
2116
+ --pf-c-button--m-plain--BackgroundColor: transparent;
2117
+ --pf-c-button--m-plain--Color: var(--pf-global--Color--200);
2118
+ --pf-c-button--m-plain--hover--BackgroundColor: transparent;
2119
+ --pf-c-button--m-plain--hover--Color: var(--pf-global--Color--100);
2120
+ --pf-c-button--m-plain--focus--BackgroundColor: transparent;
2121
+ --pf-c-button--m-plain--focus--Color: var(--pf-global--Color--100);
2122
+ --pf-c-button--m-plain--active--BackgroundColor: transparent;
2123
+ --pf-c-button--m-plain--active--Color: var(--pf-global--Color--100);
2124
+ --pf-c-button--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
2125
+ --pf-c-button--m-plain--disabled--BackgroundColor: transparent;
2126
+ --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--100);
2127
+ --pf-c-button--m-control--Color: var(--pf-global--Color--100);
2128
+ --pf-c-button--m-control--BorderRadius: 0;
2129
+ --pf-c-button--m-control--after--BorderWidth: var(--pf-global--BorderWidth--sm);
2130
+ --pf-c-button--m-control--after--BorderTopColor: var(--pf-global--BorderColor--300);
2131
+ --pf-c-button--m-control--after--BorderRightColor: var(--pf-global--BorderColor--300);
2132
+ --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--200);
2133
+ --pf-c-button--m-control--after--BorderLeftColor: var(--pf-global--BorderColor--300);
2134
+ --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
2135
+ --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
2136
+ --pf-c-button--m-control--hover--Color: var(--pf-global--Color--100);
2137
+ --pf-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
2138
+ --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
2139
+ --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
2140
+ --pf-c-button--m-control--active--Color: var(--pf-global--Color--100);
2141
+ --pf-c-button--m-control--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
2142
+ --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--active-color--100);
2143
+ --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
2144
+ --pf-c-button--m-control--focus--Color: var(--pf-global--Color--100);
2145
+ --pf-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
2146
+ --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
2147
+ --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--100);
2148
+ --pf-c-button--m-control--m-expanded--Color: var(--pf-global--Color--100);
2149
+ --pf-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
2150
+ --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--active-color--100);
2151
+ --pf-c-button--m-small--FontSize: var(--pf-global--FontSize--sm);
2152
+ --pf-c-button--m-display-lg--PaddingTop: var(--pf-global--spacer--md);
2153
+ --pf-c-button--m-display-lg--PaddingRight: var(--pf-global--spacer--xl);
2154
+ --pf-c-button--m-display-lg--PaddingBottom: var(--pf-global--spacer--md);
2155
+ --pf-c-button--m-display-lg--PaddingLeft: var(--pf-global--spacer--xl);
2156
+ --pf-c-button--m-display-lg--FontWeight: var(--pf-global--FontWeight--bold);
2157
+ --pf-c-button--m-link--m-display-lg--FontSize: var(--pf-global--FontSize--lg);
2158
+ --pf-c-button__icon--m-start--MarginRight: var(--pf-global--spacer--xs);
2159
+ --pf-c-button__icon--m-end--MarginLeft: var(--pf-global--spacer--xs);
2160
+ --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
2161
+ --pf-c-button__progress--Opacity: 0;
2162
+ --pf-c-button__progress--TranslateY: -50%;
2163
+ --pf-c-button__progress--TranslateX: 0;
2164
+ --pf-c-button__progress--Top: 50%;
2165
+ --pf-c-button__progress--Left: var(--pf-global--spacer--md);
2166
+ --pf-c-button--m-progress--TransitionProperty: padding;
2167
+ --pf-c-button--m-progress--TransitionDuration: var(--pf-global--TransitionDuration);
2168
+ --pf-c-button--m-progress--PaddingRight: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
2169
+ --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
2170
+ --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
2171
+ --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
2172
+ --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
2173
+ --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
2174
+ --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
2175
+ --pf-c-button__count--MarginLeft: var(--pf-global--spacer--sm);
2176
+ --pf-c-button--disabled__c-badge--Color: var(--pf-global--Color--dark-100);
2177
+ --pf-c-button--disabled__c-badge--BackgroundColor: var(--pf-global--BackgroundColor--200);
2178
+ --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--BorderColor--300);
2179
+ --pf-c-button--m-primary__c-badge--BorderWidth: var(--pf-global--BorderWidth--sm);
2180
+ position: relative;
2181
+ display: inline-block;
2182
+ padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
2183
+ font-size: var(--pf-c-button--FontSize);
2184
+ font-weight: var(--pf-c-button--FontWeight);
2185
+ line-height: var(--pf-c-button--LineHeight);
2186
+ text-align: center;
2187
+ white-space: nowrap;
2188
+ user-select: none;
2189
+ border: 0;
2190
+ border-radius: var(--pf-c-button--BorderRadius);
2430
2191
  }
2431
2192
 
2432
2193
  .pf-c-button::after {
@@ -2857,9 +2618,248 @@ button.pf-c-breadcrumb__link {
2857
2618
  --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--Color--100);
2858
2619
  }
2859
2620
 
2860
- :where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled::after {
2861
- border: 0;
2862
- border-bottom: var(--pf-global--BorderWidth--sm) solid var(--pf-global--palette--black-700);
2621
+ :where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled::after {
2622
+ border: 0;
2623
+ border-bottom: var(--pf-global--BorderWidth--sm) solid var(--pf-global--palette--black-700);
2624
+ }
2625
+
2626
+ .pf-c-calendar-month {
2627
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
2628
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
2629
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
2630
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
2631
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
2632
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
2633
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
2634
+ }
2635
+
2636
+ .pf-c-calendar-month {
2637
+ --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
2638
+ --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
2639
+ --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
2640
+ --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
2641
+ --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
2642
+ --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
2643
+ --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
2644
+ --pf-c-calendar-month__header-year--Width: 8ch;
2645
+ --pf-c-calendar-month__header-nav-control--MarginRight: 0;
2646
+ --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
2647
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
2648
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
2649
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
2650
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
2651
+ --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
2652
+ --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
2653
+ --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
2654
+ --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
2655
+ --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
2656
+ --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
2657
+ --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
2658
+ --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
2659
+ --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
2660
+ --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
2661
+ --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
2662
+ --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
2663
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
2664
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
2665
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
2666
+ --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
2667
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2668
+ --pf-c-calendar-month__dates-cell--before--Top: 0;
2669
+ --pf-c-calendar-month__dates-cell--before--Right: 0;
2670
+ --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
2671
+ --pf-c-calendar-month__dates-cell--before--Left: 0;
2672
+ --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
2673
+ --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
2674
+ --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
2675
+ --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
2676
+ --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
2677
+ --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
2678
+ --pf-c-calendar-month__date--Width: 4ch;
2679
+ --pf-c-calendar-month__date--Height: 4ch;
2680
+ --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
2681
+ --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
2682
+ --pf-c-calendar-month__date--BackgroundColor: transparent;
2683
+ --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
2684
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
2685
+ --pf-c-calendar-month__date--after--BorderColor: transparent;
2686
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
2687
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
2688
+ --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
2689
+ --pf-c-calendar-month__date--focus--BoxShadow: none;
2690
+ color: var(--pf-global--Color--100);
2691
+ display: inline-flex;
2692
+ flex-direction: column;
2693
+ padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
2694
+ font-size: var(--pf-c-calendar-month--FontSize);
2695
+ background-color: var(--pf-c-calendar-month--BackgroundColor);
2696
+ }
2697
+
2698
+ .pf-c-calendar-month__header {
2699
+ display: flex;
2700
+ margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
2701
+ }
2702
+
2703
+ .pf-c-calendar-month__header-nav-control {
2704
+ margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
2705
+ margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
2706
+ }
2707
+
2708
+ .pf-c-calendar-month__header-nav-control.pf-m-prev-month {
2709
+ --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
2710
+ --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
2711
+ }
2712
+
2713
+ .pf-c-calendar-month__header-nav-control.pf-m-next-month {
2714
+ --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
2715
+ --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
2716
+ }
2717
+
2718
+ .pf-c-calendar-month__header-month {
2719
+ flex-grow: 1;
2720
+ }
2721
+
2722
+ .pf-c-calendar-month__header-year {
2723
+ width: var(--pf-c-calendar-month__header-year--Width);
2724
+ }
2725
+
2726
+ .pf-c-calendar-month__calendar {
2727
+ table-layout: fixed;
2728
+ }
2729
+
2730
+ .pf-c-calendar-month__days {
2731
+ border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
2732
+ }
2733
+
2734
+ .pf-c-calendar-month__day {
2735
+ padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
2736
+ font-weight: var(--pf-c-calendar-month__day--FontWeight);
2737
+ text-align: center;
2738
+ }
2739
+
2740
+ .pf-c-calendar-month__dates-row:first-child {
2741
+ --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
2742
+ }
2743
+
2744
+ .pf-c-calendar-month__dates-cell {
2745
+ --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
2746
+ position: relative;
2747
+ padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
2748
+ text-align: center;
2749
+ }
2750
+
2751
+ .pf-c-calendar-month__dates-cell::before {
2752
+ position: absolute;
2753
+ top: var(--pf-c-calendar-month__dates-cell--before--Top);
2754
+ right: var(--pf-c-calendar-month__dates-cell--before--Right);
2755
+ bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
2756
+ left: var(--pf-c-calendar-month__dates-cell--before--Left);
2757
+ content: "";
2758
+ background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
2759
+ }
2760
+
2761
+ .pf-c-calendar-month__dates-cell.pf-m-current {
2762
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2763
+ }
2764
+
2765
+ .pf-c-calendar-month__dates-cell.pf-m-in-range {
2766
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2767
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2768
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
2769
+ }
2770
+
2771
+ .pf-c-calendar-month__dates-cell.pf-m-start-range {
2772
+ --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
2773
+ }
2774
+
2775
+ .pf-c-calendar-month__dates-cell.pf-m-end-range {
2776
+ --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
2777
+ }
2778
+
2779
+ .pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
2780
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
2781
+ }
2782
+
2783
+ .pf-c-calendar-month__dates-cell.pf-m-selected {
2784
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2785
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2786
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2787
+ --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2788
+ --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
2789
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
2790
+ }
2791
+
2792
+ .pf-c-calendar-month__dates-cell.pf-m-disabled {
2793
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2794
+ --pf-c-calendar-month__date--BackgroundColor: transparent;
2795
+ }
2796
+
2797
+ .pf-c-calendar-month__date {
2798
+ position: relative;
2799
+ display: inline-flex;
2800
+ align-items: center;
2801
+ justify-content: center;
2802
+ width: var(--pf-c-calendar-month__date--Width);
2803
+ height: var(--pf-c-calendar-month__date--Height);
2804
+ line-height: 1;
2805
+ color: var(--pf-c-calendar-month__date--Color);
2806
+ background-color: var(--pf-c-calendar-month__date--BackgroundColor);
2807
+ border: 0;
2808
+ }
2809
+
2810
+ .pf-c-calendar-month__date::after {
2811
+ position: absolute;
2812
+ top: 0;
2813
+ right: 0;
2814
+ bottom: 0;
2815
+ left: 0;
2816
+ content: "";
2817
+ border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
2818
+ }
2819
+
2820
+ .pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
2821
+ border-radius: var(--pf-c-calendar-month__date--BorderRadius);
2822
+ }
2823
+
2824
+ .pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
2825
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
2826
+ }
2827
+
2828
+ .pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
2829
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
2830
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
2831
+ outline: 0;
2832
+ box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
2833
+ }
2834
+
2835
+ .pf-c-calendar-month__date:disabled {
2836
+ pointer-events: none;
2837
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
2838
+ --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
2839
+ }
2840
+
2841
+ :where(.pf-theme-dark) .pf-c-calendar-month {
2842
+ --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--palette--black-500);
2843
+ --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--primary-color--300);
2844
+ --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--palette--black-900);
2845
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--palette--blue-400);
2846
+ --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
2847
+ --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
2848
+ --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
2849
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
2850
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
2851
+ --pf-c-calendar-month__date--focus--after--BorderColor: transparent;
2852
+ }
2853
+
2854
+ :where(.pf-theme-dark) .pf-c-calendar-month__date:hover, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-hover {
2855
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--BorderColor--100);
2856
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
2857
+ }
2858
+
2859
+ :where(.pf-theme-dark) .pf-c-calendar-month__date:focus, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-focus {
2860
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--active-color--100);
2861
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
2862
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-global--primary-color--300);
2863
2863
  }
2864
2864
 
2865
2865
  .pf-c-card {
@@ -11438,7 +11438,7 @@ ul.pf-c-list {
11438
11438
  }
11439
11439
 
11440
11440
  .pf-c-masthead .pf-c-button.pf-m-plain {
11441
- color: var(--pf-global--Color--200);
11441
+ color: var(--pf-c-button--m-plain--Color);
11442
11442
  }
11443
11443
 
11444
11444
  .pf-c-masthead__main {
@@ -13060,243 +13060,59 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13060
13060
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
13061
13061
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
13062
13062
  color: inherit;
13063
- border: 0;
13064
- }
13065
-
13066
- .pf-c-menu-toggle__icon {
13067
- display: inline-flex;
13068
- align-self: center;
13069
- flex-shrink: 0;
13070
- margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
13071
- line-height: 1;
13072
- }
13073
-
13074
- .pf-c-menu-toggle__text {
13075
- overflow: hidden;
13076
- text-overflow: ellipsis;
13077
- white-space: nowrap;
13078
- min-width: 0;
13079
- }
13080
-
13081
- .pf-c-menu-toggle__count {
13082
- display: flex;
13083
- align-items: center;
13084
- margin-left: var(--pf-c-menu-toggle__count--MarginLeft);
13085
- }
13086
-
13087
- .pf-c-menu-toggle__controls {
13088
- padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft);
13089
- margin-right: var(--pf-c-menu-toggle__controls--MarginRight);
13090
- margin-left: var(--pf-c-menu-toggle__controls--MarginLeft);
13091
- }
13092
-
13093
- .pf-c-menu-toggle__toggle-icon {
13094
- margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
13095
- color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
13096
- }
13097
-
13098
- :where(.pf-theme-dark) .pf-c-menu-toggle {
13099
- --pf-c-menu-toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
13100
- --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
13101
- --pf-c-menu-toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
13102
- --pf-c-menu-toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
13103
- --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
13104
- --pf-c-menu-toggle--before--BorderTopColor: transparent;
13105
- --pf-c-menu-toggle--before--BorderRightColor: transparent;
13106
- --pf-c-menu-toggle--before--BorderBottomColor: transparent;
13107
- --pf-c-menu-toggle--before--BorderLeftColor: transparent;
13108
- --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-global--BorderColor--400);
13109
- --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
13110
- --pf-c-menu-toggle--disabled--Color: var(--pf-global--palette--black-100);
13111
- --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
13112
- }
13113
-
13114
- :where(.pf-theme-dark) .pf-c-menu-toggle.pf-m-plain {
13115
- background: transparent;
13116
- }
13117
-
13118
- .pf-c-multiple-file-upload {
13119
- --pf-c-multiple-file-upload--GridTemplateColumns: 1fr;
13120
- --pf-c-multiple-file-upload--Gap: var(--pf-global--spacer--lg);
13121
- --pf-c-multiple-file-upload__main--TextAlign: center;
13122
- --pf-c-multiple-file-upload__main--GridTemplateColumns: auto;
13123
- --pf-c-multiple-file-upload__main--GridTemplateRows: auto;
13124
- --pf-c-multiple-file-upload__main--GridTemplateAreas:
13125
- "title"
13126
- "upload"
13127
- "info";
13128
- --pf-c-multiple-file-upload__main--Gap: var(--pf-global--spacer--md);
13129
- --pf-c-multiple-file-upload__main--PaddingTop: var(--pf-global--spacer--lg);
13130
- --pf-c-multiple-file-upload__main--PaddingRight: var(--pf-global--spacer--lg);
13131
- --pf-c-multiple-file-upload__main--PaddingBottom: var(--pf-global--spacer--xl);
13132
- --pf-c-multiple-file-upload__main--PaddingLeft: var(--pf-global--spacer--lg);
13133
- --pf-c-multiple-file-upload__main--BorderWidth: var(--pf-global--BorderWidth--sm);
13134
- --pf-c-multiple-file-upload__main--BorderStyle: dashed;
13135
- --pf-c-multiple-file-upload__main--BorderColor: var(--pf-global--BorderColor--100);
13136
- --pf-c-multiple-file-upload__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
13137
- --pf-c-multiple-file-upload__title--Display: grid;
13138
- --pf-c-multiple-file-upload__title--GridTemplateColumns: auto;
13139
- --pf-c-multiple-file-upload__title--Gap: var(--pf-global--spacer--sm);
13140
- --pf-c-multiple-file-upload__title-icon--Color: var(--pf-global--Color--200);
13141
- --pf-c-multiple-file-upload__title-text-separator--Display: block;
13142
- --pf-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-global--spacer--sm);
13143
- --pf-c-multiple-file-upload__info--FontSize: var(--pf-global--FontSize--sm);
13144
- --pf-c-multiple-file-upload__info--Color: var(--pf-global--Color--200);
13145
- --pf-c-multiple-file-upload__info--MarginTop: var(--pf-global--spacer--sm);
13146
- --pf-c-multiple-file-upload--m-drag-over__main--BorderStyle: solid;
13147
- --pf-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-global--active-color--100);
13148
- --pf-c-multiple-file-upload--m-drag-over__main--BackgroundColor: var(--pf-global--palette--blue-50);
13149
- --pf-c-multiple-file-upload--m-drag-over__main__title-icon--Color: var(--pf-global--active-color--100);
13150
- --pf-c-multiple-file-upload--m-drag-over__main__title-text--Color: var(--pf-global--active-color--100);
13151
- --pf-c-multiple-file-upload--m-drag-over__main__info--Color: var(--pf-global--active-color--100);
13152
- --pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
13153
- --pf-c-multiple-file-upload--m-horizontal__main--TextAlign: left;
13154
- --pf-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
13155
- --pf-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
13156
- "title upload"
13157
- "info upload";
13158
- --pf-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-global--spacer--sm) var(--pf-global--spacer--2xl);
13159
- --pf-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-global--spacer--lg);
13160
- --pf-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
13161
- --pf-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-global--spacer--xs);
13162
- --pf-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
13163
- --pf-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop: 0;
13164
- --pf-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
13165
- --pf-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
13166
- --pf-c-multiple-file-upload__status-progress--Gap: var(--pf-global--spacer--sm);
13167
- --pf-c-multiple-file-upload__status-progress-icon--Color: var(--pf-global--Color--200);
13168
- --pf-c-multiple-file-upload__status-item--PaddingTop: var(--pf-global--spacer--md);
13169
- --pf-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-global--spacer--md);
13170
- --pf-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
13171
- --pf-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
13172
- --pf-c-multiple-file-upload__status-item--Gap: var(--pf-global--spacer--sm);
13173
- --pf-c-multiple-file-upload__status-item--BorderWidth: var(--pf-global--BorderWidth--sm);
13174
- --pf-c-multiple-file-upload__status-item--BorderColor: var(--pf-global--BorderColor--100);
13175
- --pf-c-multiple-file-upload__status-item-icon--Color: var(--pf-global--Color--200);
13176
- --pf-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
13177
- --pf-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
13178
- --pf-c-multiple-file-upload__status-item-progress--Gap: var(--pf-global--spacer--sm);
13179
- --pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
13180
- --pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
13181
- display: grid;
13182
- gap: var(--pf-c-multiple-file-upload--Gap);
13183
- grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
13184
- }
13185
-
13186
- .pf-c-multiple-file-upload.pf-m-horizontal {
13187
- --pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
13188
- --pf-c-multiple-file-upload__main--TextAlign: var(--pf-c-multiple-file-upload--m-horizontal__main--TextAlign);
13189
- --pf-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
13190
- --pf-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
13191
- --pf-c-multiple-file-upload__main--Gap: var(--pf-c-multiple-file-upload--m-horizontal__main--Gap);
13192
- --pf-c-multiple-file-upload__main--PaddingBottom: var(--pf-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
13193
- --pf-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
13194
- --pf-c-multiple-file-upload__title--Gap: var(--pf-c-multiple-file-upload--m-horizontal__title--Gap);
13195
- --pf-c-multiple-file-upload__title-text-separator--Display: var(--pf-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
13196
- --pf-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
13197
- --pf-c-multiple-file-upload__info--MarginTop: var(--pf-c-multiple-file-upload--m-horizontal__info--MarginTop);
13198
- }
13199
-
13200
- .pf-c-multiple-file-upload.pf-m-drag-over {
13201
- --pf-c-multiple-file-upload__main--BorderStyle: var(--pf-c-multiple-file-upload--m-drag-over__main--BorderStyle);
13202
- --pf-c-multiple-file-upload__main--BorderColor: var(--pf-c-multiple-file-upload--m-drag-over__main--BorderColor);
13203
- --pf-c-multiple-file-upload__main--BackgroundColor: var(--pf-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
13204
- --pf-c-multiple-file-upload__title-icon--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
13205
- --pf-c-multiple-file-upload__title-text--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__title-text--Color);
13206
- --pf-c-multiple-file-upload__info--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__info--Color);
13207
- }
13208
-
13209
- .pf-c-multiple-file-upload__main {
13210
- display: grid;
13211
- padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
13212
- text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
13213
- background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
13214
- border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
13215
- grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
13216
- grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
13217
- grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
13218
- gap: var(--pf-c-multiple-file-upload__main--Gap);
13219
- }
13220
-
13221
- .pf-c-multiple-file-upload__title {
13222
- display: var(--pf-c-multiple-file-upload__title--Display);
13223
- grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
13224
- gap: var(--pf-c-multiple-file-upload__title--Gap);
13225
- grid-area: title;
13226
- }
13227
-
13228
- .pf-c-multiple-file-upload__title-icon {
13229
- color: var(--pf-c-multiple-file-upload__title-icon--Color);
13230
- }
13231
-
13232
- .pf-c-multiple-file-upload__title-text {
13233
- color: var(--pf-c-multiple-file-upload__title-text--Color, inherit);
13234
- }
13235
-
13236
- .pf-c-multiple-file-upload__title-text-separator {
13237
- display: var(--pf-c-multiple-file-upload__title-text-separator--Display);
13238
- margin-top: var(--pf-c-multiple-file-upload__title-text-separator--MarginTop);
13239
- }
13240
-
13241
- .pf-c-multiple-file-upload__upload {
13242
- grid-area: upload;
13243
- }
13244
-
13245
- .pf-c-multiple-file-upload__info {
13246
- grid-area: info;
13247
- margin-top: var(--pf-c-multiple-file-upload__info--MarginTop);
13248
- font-size: var(--pf-c-multiple-file-upload__info--FontSize);
13249
- color: var(--pf-c-multiple-file-upload__info--Color);
13250
- }
13251
-
13252
- .pf-c-multiple-file-upload__status,
13253
- .pf-c-multiple-file-upload__status-item-main {
13254
- min-width: 0;
13255
- }
13256
-
13257
- .pf-c-multiple-file-upload__status-progress {
13258
- display: grid;
13259
- grid-template-columns: var(--pf-c-multiple-file-upload__status-progress--GridTemplateColumns);
13260
- gap: var(--pf-c-multiple-file-upload__status-progress--Gap);
13261
- }
13262
-
13263
- .pf-c-multiple-file-upload__status-progress-icon {
13264
- color: var(--pf-c-multiple-file-upload__status-progress-icon--Color);
13265
- }
13266
-
13267
- .pf-c-multiple-file-upload__status-item {
13268
- display: grid;
13269
- grid-template-columns: var(--pf-c-multiple-file-upload__status-item--GridTemplateColumns);
13270
- gap: var(--pf-c-multiple-file-upload__status-item--Gap);
13271
- padding-top: var(--pf-c-multiple-file-upload__status-item--PaddingTop);
13272
- padding-bottom: var(--pf-c-multiple-file-upload__status-item--PaddingBottom);
13273
- border-bottom: var(--pf-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-c-multiple-file-upload__status-item--BorderColor);
13063
+ border: 0;
13274
13064
  }
13275
13065
 
13276
- .pf-c-multiple-file-upload__status-item:first-child {
13277
- --pf-c-multiple-file-upload__status-item--PaddingTop: var(--pf-c-multiple-file-upload__status-item--first-child--PaddingTop);
13066
+ .pf-c-menu-toggle__icon {
13067
+ display: inline-flex;
13068
+ align-self: center;
13069
+ flex-shrink: 0;
13070
+ margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
13071
+ line-height: 1;
13278
13072
  }
13279
13073
 
13280
- .pf-c-multiple-file-upload__status-item-icon {
13281
- color: var(--pf-c-multiple-file-upload__status-item-icon--Color);
13074
+ .pf-c-menu-toggle__text {
13075
+ overflow: hidden;
13076
+ text-overflow: ellipsis;
13077
+ white-space: nowrap;
13078
+ min-width: 0;
13282
13079
  }
13283
13080
 
13284
- .pf-c-multiple-file-upload__status-item-close {
13285
- margin-top: var(--pf-c-multiple-file-upload__status-item-close--MarginTop);
13081
+ .pf-c-menu-toggle__count {
13082
+ display: flex;
13083
+ align-items: center;
13084
+ margin-left: var(--pf-c-menu-toggle__count--MarginLeft);
13286
13085
  }
13287
13086
 
13288
- .pf-c-multiple-file-upload__status-item-progress {
13289
- display: grid;
13290
- grid-template-columns: var(--pf-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
13291
- gap: var(--pf-c-multiple-file-upload__status-item-progress--Gap);
13087
+ .pf-c-menu-toggle__controls {
13088
+ padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft);
13089
+ margin-right: var(--pf-c-menu-toggle__controls--MarginRight);
13090
+ margin-left: var(--pf-c-menu-toggle__controls--MarginLeft);
13292
13091
  }
13293
13092
 
13294
- .pf-c-multiple-file-upload__status-item-progress-text {
13295
- color: var(--pf-c-multiple-file-upload__status-item-progress-text--Color);
13093
+ .pf-c-menu-toggle__toggle-icon {
13094
+ margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
13095
+ color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
13296
13096
  }
13297
13097
 
13298
- .pf-c-multiple-file-upload__status-item-progress-size {
13299
- color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
13098
+ :where(.pf-theme-dark) .pf-c-menu-toggle {
13099
+ --pf-c-menu-toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
13100
+ --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
13101
+ --pf-c-menu-toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
13102
+ --pf-c-menu-toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
13103
+ --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
13104
+ --pf-c-menu-toggle--before--BorderTopColor: transparent;
13105
+ --pf-c-menu-toggle--before--BorderRightColor: transparent;
13106
+ --pf-c-menu-toggle--before--BorderBottomColor: transparent;
13107
+ --pf-c-menu-toggle--before--BorderLeftColor: transparent;
13108
+ --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-global--BorderColor--400);
13109
+ --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
13110
+ --pf-c-menu-toggle--disabled--Color: var(--pf-global--palette--black-100);
13111
+ --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
13112
+ }
13113
+
13114
+ :where(.pf-theme-dark) .pf-c-menu-toggle.pf-m-plain {
13115
+ background: transparent;
13300
13116
  }
13301
13117
 
13302
13118
  .pf-c-modal-box {
@@ -13405,102 +13221,286 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13405
13221
  right: var(--pf-c-modal-box--c-button--Right);
13406
13222
  }
13407
13223
 
13408
- .pf-c-modal-box > .pf-c-button + * {
13409
- margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
13224
+ .pf-c-modal-box > .pf-c-button + * {
13225
+ margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
13226
+ }
13227
+
13228
+ .pf-c-modal-box__header {
13229
+ display: flex;
13230
+ flex-direction: column;
13231
+ flex-shrink: 0;
13232
+ padding-top: var(--pf-c-modal-box__header--PaddingTop);
13233
+ padding-right: var(--pf-c-modal-box__header--PaddingRight);
13234
+ padding-left: var(--pf-c-modal-box__header--PaddingLeft);
13235
+ }
13236
+
13237
+ .pf-c-modal-box__header.pf-m-help {
13238
+ display: flex;
13239
+ flex-direction: row;
13240
+ }
13241
+
13242
+ .pf-c-modal-box__header:last-child {
13243
+ padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
13244
+ }
13245
+
13246
+ .pf-c-modal-box__header + .pf-c-modal-box__body {
13247
+ --pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
13248
+ }
13249
+
13250
+ .pf-c-modal-box__header-main {
13251
+ flex-grow: 1;
13252
+ min-width: 0;
13253
+ }
13254
+
13255
+ .pf-c-modal-box__title,
13256
+ .pf-c-modal-box__title-text {
13257
+ overflow: hidden;
13258
+ text-overflow: ellipsis;
13259
+ white-space: nowrap;
13260
+ }
13261
+
13262
+ .pf-c-modal-box__title {
13263
+ flex: 0 0 auto;
13264
+ font-family: var(--pf-c-modal-box__title--FontFamily);
13265
+ font-size: var(--pf-c-modal-box__title--FontSize);
13266
+ line-height: var(--pf-c-modal-box__title--LineHeight);
13267
+ }
13268
+
13269
+ .pf-c-modal-box__title.pf-m-icon {
13270
+ display: flex;
13271
+ }
13272
+
13273
+ .pf-c-modal-box__title-icon {
13274
+ margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
13275
+ color: var(--pf-c-modal-box__title-icon--Color);
13276
+ }
13277
+
13278
+ .pf-c-modal-box__description {
13279
+ padding-top: var(--pf-c-modal-box__description--PaddingTop);
13280
+ }
13281
+
13282
+ .pf-c-modal-box__body {
13283
+ flex: 1 1 auto;
13284
+ min-height: var(--pf-c-modal-box__body--MinHeight);
13285
+ padding-top: var(--pf-c-modal-box__body--PaddingTop);
13286
+ padding-right: var(--pf-c-modal-box__body--PaddingRight);
13287
+ padding-left: var(--pf-c-modal-box__body--PaddingLeft);
13288
+ overflow-x: hidden;
13289
+ overflow-y: auto;
13290
+ overscroll-behavior: contain;
13291
+ word-break: break-word;
13292
+ -webkit-overflow-scrolling: touch;
13293
+ }
13294
+
13295
+ .pf-c-modal-box__body:last-child {
13296
+ padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
13297
+ }
13298
+
13299
+ .pf-c-modal-box__footer {
13300
+ display: flex;
13301
+ flex: 0 0 auto;
13302
+ align-items: center;
13303
+ padding-top: var(--pf-c-modal-box__footer--PaddingTop);
13304
+ padding-right: var(--pf-c-modal-box__footer--PaddingRight);
13305
+ padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
13306
+ padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
13307
+ }
13308
+
13309
+ .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
13310
+ margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
13311
+ }
13312
+
13313
+ @media screen and (min-width: 576px) {
13314
+ .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
13315
+ --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
13316
+ }
13317
+ }
13318
+ :where(.pf-theme-dark) .pf-c-modal-box {
13319
+ --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
13320
+ }
13321
+
13322
+ .pf-c-multiple-file-upload {
13323
+ --pf-c-multiple-file-upload--GridTemplateColumns: 1fr;
13324
+ --pf-c-multiple-file-upload--Gap: var(--pf-global--spacer--lg);
13325
+ --pf-c-multiple-file-upload__main--TextAlign: center;
13326
+ --pf-c-multiple-file-upload__main--GridTemplateColumns: auto;
13327
+ --pf-c-multiple-file-upload__main--GridTemplateRows: auto;
13328
+ --pf-c-multiple-file-upload__main--GridTemplateAreas:
13329
+ "title"
13330
+ "upload"
13331
+ "info";
13332
+ --pf-c-multiple-file-upload__main--Gap: var(--pf-global--spacer--md);
13333
+ --pf-c-multiple-file-upload__main--PaddingTop: var(--pf-global--spacer--lg);
13334
+ --pf-c-multiple-file-upload__main--PaddingRight: var(--pf-global--spacer--lg);
13335
+ --pf-c-multiple-file-upload__main--PaddingBottom: var(--pf-global--spacer--xl);
13336
+ --pf-c-multiple-file-upload__main--PaddingLeft: var(--pf-global--spacer--lg);
13337
+ --pf-c-multiple-file-upload__main--BorderWidth: var(--pf-global--BorderWidth--sm);
13338
+ --pf-c-multiple-file-upload__main--BorderStyle: dashed;
13339
+ --pf-c-multiple-file-upload__main--BorderColor: var(--pf-global--BorderColor--100);
13340
+ --pf-c-multiple-file-upload__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
13341
+ --pf-c-multiple-file-upload__title--Display: grid;
13342
+ --pf-c-multiple-file-upload__title--GridTemplateColumns: auto;
13343
+ --pf-c-multiple-file-upload__title--Gap: var(--pf-global--spacer--sm);
13344
+ --pf-c-multiple-file-upload__title-icon--Color: var(--pf-global--Color--200);
13345
+ --pf-c-multiple-file-upload__title-text-separator--Display: block;
13346
+ --pf-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-global--spacer--sm);
13347
+ --pf-c-multiple-file-upload__info--FontSize: var(--pf-global--FontSize--sm);
13348
+ --pf-c-multiple-file-upload__info--Color: var(--pf-global--Color--200);
13349
+ --pf-c-multiple-file-upload__info--MarginTop: var(--pf-global--spacer--sm);
13350
+ --pf-c-multiple-file-upload--m-drag-over__main--BorderStyle: solid;
13351
+ --pf-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-global--active-color--100);
13352
+ --pf-c-multiple-file-upload--m-drag-over__main--BackgroundColor: var(--pf-global--palette--blue-50);
13353
+ --pf-c-multiple-file-upload--m-drag-over__main__title-icon--Color: var(--pf-global--active-color--100);
13354
+ --pf-c-multiple-file-upload--m-drag-over__main__title-text--Color: var(--pf-global--active-color--100);
13355
+ --pf-c-multiple-file-upload--m-drag-over__main__info--Color: var(--pf-global--active-color--100);
13356
+ --pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
13357
+ --pf-c-multiple-file-upload--m-horizontal__main--TextAlign: left;
13358
+ --pf-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
13359
+ --pf-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
13360
+ "title upload"
13361
+ "info upload";
13362
+ --pf-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-global--spacer--sm) var(--pf-global--spacer--2xl);
13363
+ --pf-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-global--spacer--lg);
13364
+ --pf-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
13365
+ --pf-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-global--spacer--xs);
13366
+ --pf-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
13367
+ --pf-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop: 0;
13368
+ --pf-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
13369
+ --pf-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
13370
+ --pf-c-multiple-file-upload__status-progress--Gap: var(--pf-global--spacer--sm);
13371
+ --pf-c-multiple-file-upload__status-progress-icon--Color: var(--pf-global--Color--200);
13372
+ --pf-c-multiple-file-upload__status-item--PaddingTop: var(--pf-global--spacer--md);
13373
+ --pf-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-global--spacer--md);
13374
+ --pf-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
13375
+ --pf-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
13376
+ --pf-c-multiple-file-upload__status-item--Gap: var(--pf-global--spacer--sm);
13377
+ --pf-c-multiple-file-upload__status-item--BorderWidth: var(--pf-global--BorderWidth--sm);
13378
+ --pf-c-multiple-file-upload__status-item--BorderColor: var(--pf-global--BorderColor--100);
13379
+ --pf-c-multiple-file-upload__status-item-icon--Color: var(--pf-global--Color--200);
13380
+ --pf-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
13381
+ --pf-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
13382
+ --pf-c-multiple-file-upload__status-item-progress--Gap: var(--pf-global--spacer--sm);
13383
+ --pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
13384
+ --pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
13385
+ display: grid;
13386
+ gap: var(--pf-c-multiple-file-upload--Gap);
13387
+ grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
13388
+ }
13389
+
13390
+ .pf-c-multiple-file-upload.pf-m-horizontal {
13391
+ --pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
13392
+ --pf-c-multiple-file-upload__main--TextAlign: var(--pf-c-multiple-file-upload--m-horizontal__main--TextAlign);
13393
+ --pf-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
13394
+ --pf-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
13395
+ --pf-c-multiple-file-upload__main--Gap: var(--pf-c-multiple-file-upload--m-horizontal__main--Gap);
13396
+ --pf-c-multiple-file-upload__main--PaddingBottom: var(--pf-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
13397
+ --pf-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
13398
+ --pf-c-multiple-file-upload__title--Gap: var(--pf-c-multiple-file-upload--m-horizontal__title--Gap);
13399
+ --pf-c-multiple-file-upload__title-text-separator--Display: var(--pf-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
13400
+ --pf-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
13401
+ --pf-c-multiple-file-upload__info--MarginTop: var(--pf-c-multiple-file-upload--m-horizontal__info--MarginTop);
13402
+ }
13403
+
13404
+ .pf-c-multiple-file-upload.pf-m-drag-over {
13405
+ --pf-c-multiple-file-upload__main--BorderStyle: var(--pf-c-multiple-file-upload--m-drag-over__main--BorderStyle);
13406
+ --pf-c-multiple-file-upload__main--BorderColor: var(--pf-c-multiple-file-upload--m-drag-over__main--BorderColor);
13407
+ --pf-c-multiple-file-upload__main--BackgroundColor: var(--pf-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
13408
+ --pf-c-multiple-file-upload__title-icon--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
13409
+ --pf-c-multiple-file-upload__title-text--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__title-text--Color);
13410
+ --pf-c-multiple-file-upload__info--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__info--Color);
13411
+ }
13412
+
13413
+ .pf-c-multiple-file-upload__main {
13414
+ display: grid;
13415
+ padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
13416
+ text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
13417
+ background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
13418
+ border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
13419
+ grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
13420
+ grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
13421
+ grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
13422
+ gap: var(--pf-c-multiple-file-upload__main--Gap);
13423
+ }
13424
+
13425
+ .pf-c-multiple-file-upload__title {
13426
+ display: var(--pf-c-multiple-file-upload__title--Display);
13427
+ grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
13428
+ gap: var(--pf-c-multiple-file-upload__title--Gap);
13429
+ grid-area: title;
13410
13430
  }
13411
13431
 
13412
- .pf-c-modal-box__header {
13413
- display: flex;
13414
- flex-direction: column;
13415
- flex-shrink: 0;
13416
- padding-top: var(--pf-c-modal-box__header--PaddingTop);
13417
- padding-right: var(--pf-c-modal-box__header--PaddingRight);
13418
- padding-left: var(--pf-c-modal-box__header--PaddingLeft);
13432
+ .pf-c-multiple-file-upload__title-icon {
13433
+ color: var(--pf-c-multiple-file-upload__title-icon--Color);
13419
13434
  }
13420
13435
 
13421
- .pf-c-modal-box__header.pf-m-help {
13422
- display: flex;
13423
- flex-direction: row;
13436
+ .pf-c-multiple-file-upload__title-text {
13437
+ color: var(--pf-c-multiple-file-upload__title-text--Color, inherit);
13424
13438
  }
13425
13439
 
13426
- .pf-c-modal-box__header:last-child {
13427
- padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
13440
+ .pf-c-multiple-file-upload__title-text-separator {
13441
+ display: var(--pf-c-multiple-file-upload__title-text-separator--Display);
13442
+ margin-top: var(--pf-c-multiple-file-upload__title-text-separator--MarginTop);
13428
13443
  }
13429
13444
 
13430
- .pf-c-modal-box__header + .pf-c-modal-box__body {
13431
- --pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
13445
+ .pf-c-multiple-file-upload__upload {
13446
+ grid-area: upload;
13432
13447
  }
13433
13448
 
13434
- .pf-c-modal-box__header-main {
13435
- flex-grow: 1;
13436
- min-width: 0;
13449
+ .pf-c-multiple-file-upload__info {
13450
+ grid-area: info;
13451
+ margin-top: var(--pf-c-multiple-file-upload__info--MarginTop);
13452
+ font-size: var(--pf-c-multiple-file-upload__info--FontSize);
13453
+ color: var(--pf-c-multiple-file-upload__info--Color);
13437
13454
  }
13438
13455
 
13439
- .pf-c-modal-box__title,
13440
- .pf-c-modal-box__title-text {
13441
- overflow: hidden;
13442
- text-overflow: ellipsis;
13443
- white-space: nowrap;
13456
+ .pf-c-multiple-file-upload__status,
13457
+ .pf-c-multiple-file-upload__status-item-main {
13458
+ min-width: 0;
13444
13459
  }
13445
13460
 
13446
- .pf-c-modal-box__title {
13447
- flex: 0 0 auto;
13448
- font-family: var(--pf-c-modal-box__title--FontFamily);
13449
- font-size: var(--pf-c-modal-box__title--FontSize);
13450
- line-height: var(--pf-c-modal-box__title--LineHeight);
13461
+ .pf-c-multiple-file-upload__status-progress {
13462
+ display: grid;
13463
+ grid-template-columns: var(--pf-c-multiple-file-upload__status-progress--GridTemplateColumns);
13464
+ gap: var(--pf-c-multiple-file-upload__status-progress--Gap);
13451
13465
  }
13452
13466
 
13453
- .pf-c-modal-box__title.pf-m-icon {
13454
- display: flex;
13467
+ .pf-c-multiple-file-upload__status-progress-icon {
13468
+ color: var(--pf-c-multiple-file-upload__status-progress-icon--Color);
13455
13469
  }
13456
13470
 
13457
- .pf-c-modal-box__title-icon {
13458
- margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
13459
- color: var(--pf-c-modal-box__title-icon--Color);
13471
+ .pf-c-multiple-file-upload__status-item {
13472
+ display: grid;
13473
+ grid-template-columns: var(--pf-c-multiple-file-upload__status-item--GridTemplateColumns);
13474
+ gap: var(--pf-c-multiple-file-upload__status-item--Gap);
13475
+ padding-top: var(--pf-c-multiple-file-upload__status-item--PaddingTop);
13476
+ padding-bottom: var(--pf-c-multiple-file-upload__status-item--PaddingBottom);
13477
+ border-bottom: var(--pf-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-c-multiple-file-upload__status-item--BorderColor);
13460
13478
  }
13461
13479
 
13462
- .pf-c-modal-box__description {
13463
- padding-top: var(--pf-c-modal-box__description--PaddingTop);
13480
+ .pf-c-multiple-file-upload__status-item:first-child {
13481
+ --pf-c-multiple-file-upload__status-item--PaddingTop: var(--pf-c-multiple-file-upload__status-item--first-child--PaddingTop);
13464
13482
  }
13465
13483
 
13466
- .pf-c-modal-box__body {
13467
- flex: 1 1 auto;
13468
- min-height: var(--pf-c-modal-box__body--MinHeight);
13469
- padding-top: var(--pf-c-modal-box__body--PaddingTop);
13470
- padding-right: var(--pf-c-modal-box__body--PaddingRight);
13471
- padding-left: var(--pf-c-modal-box__body--PaddingLeft);
13472
- overflow-x: hidden;
13473
- overflow-y: auto;
13474
- overscroll-behavior: contain;
13475
- word-break: break-word;
13476
- -webkit-overflow-scrolling: touch;
13484
+ .pf-c-multiple-file-upload__status-item-icon {
13485
+ color: var(--pf-c-multiple-file-upload__status-item-icon--Color);
13477
13486
  }
13478
13487
 
13479
- .pf-c-modal-box__body:last-child {
13480
- padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
13488
+ .pf-c-multiple-file-upload__status-item-close {
13489
+ margin-top: var(--pf-c-multiple-file-upload__status-item-close--MarginTop);
13481
13490
  }
13482
13491
 
13483
- .pf-c-modal-box__footer {
13484
- display: flex;
13485
- flex: 0 0 auto;
13486
- align-items: center;
13487
- padding-top: var(--pf-c-modal-box__footer--PaddingTop);
13488
- padding-right: var(--pf-c-modal-box__footer--PaddingRight);
13489
- padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
13490
- padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
13492
+ .pf-c-multiple-file-upload__status-item-progress {
13493
+ display: grid;
13494
+ grid-template-columns: var(--pf-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
13495
+ gap: var(--pf-c-multiple-file-upload__status-item-progress--Gap);
13491
13496
  }
13492
13497
 
13493
- .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
13494
- margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
13498
+ .pf-c-multiple-file-upload__status-item-progress-text {
13499
+ color: var(--pf-c-multiple-file-upload__status-item-progress-text--Color);
13495
13500
  }
13496
13501
 
13497
- @media screen and (min-width: 576px) {
13498
- .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
13499
- --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
13500
- }
13501
- }
13502
- :where(.pf-theme-dark) .pf-c-modal-box {
13503
- --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
13502
+ .pf-c-multiple-file-upload__status-item-progress-size {
13503
+ color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
13504
13504
  }
13505
13505
 
13506
13506
  .pf-l-bullseye {
@@ -14589,12 +14589,15 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14589
14589
  --pf-c-notification-badge__i--Height: auto;
14590
14590
  --pf-c-notification-badge--m-read--after--BorderColor: transparent;
14591
14591
  --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
14592
+ --pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
14592
14593
  --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
14593
14594
  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
14594
14595
  --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
14596
+ --pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--200);
14595
14597
  --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
14596
14598
  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
14597
14599
  --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
14600
+ --pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-global--danger-color--200);
14598
14601
  --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
14599
14602
  --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
14600
14603
  position: relative;
@@ -14642,6 +14645,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14642
14645
  .pf-c-notification-badge.pf-m-read {
14643
14646
  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
14644
14647
  --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
14648
+ color: var(--pf-c-notification-badge--m-read--Color, inherit);
14645
14649
  }
14646
14650
 
14647
14651
  .pf-c-notification-badge.pf-m-unread {
@@ -14659,7 +14663,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14659
14663
  }
14660
14664
 
14661
14665
  .pf-c-notification-badge.pf-m-attention:hover {
14662
- --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
14666
+ --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
14667
+ }
14668
+
14669
+ .pf-c-notification-badge.pf-m-expanded {
14670
+ --pf-c-notification-badge--m-read--Color: var(--pf-global--Color--light-100);
14671
+ --pf-c-notification-badge--m-read--after--BackgroundColor: var(--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor);
14672
+ --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor);
14673
+ --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor);
14663
14674
  }
14664
14675
 
14665
14676
  .pf-c-notification-badge__count {
@@ -14667,7 +14678,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14667
14678
  }
14668
14679
 
14669
14680
  :where(.pf-theme-dark) .pf-c-notification-badge {
14681
+ --pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-global--BackgroundColor--400);
14670
14682
  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--300);
14683
+ --pf-c-notification-badge--m-attention--Color: var(--pf-global--palette--black-900);
14671
14684
  }
14672
14685
 
14673
14686
  .pf-c-notification-drawer {
@@ -15597,6 +15610,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
15597
15610
  .pf-c-page.pf-m-full-height {
15598
15611
  height: 100vh;
15599
15612
  height: 100dvh;
15613
+ max-height: 100%;
15600
15614
  }
15601
15615
 
15602
15616
  .pf-c-page__header,
@@ -26163,75 +26177,6 @@ label.pf-c-tree-view__node-text {
26163
26177
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26164
26178
  }
26165
26179
  }
26166
- .pf-l-gallery {
26167
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26168
- --pf-l-gallery--GridTemplateColumns--min: 250px;
26169
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26170
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
26171
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26172
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26173
- --pf-l-gallery--GridTemplateRows: auto;
26174
- display: grid;
26175
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26176
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26177
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26178
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26179
- }
26180
-
26181
- .pf-l-gallery.pf-m-gutter {
26182
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26183
- }
26184
-
26185
- @media (min-width: 576px) {
26186
- .pf-l-gallery {
26187
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26188
- }
26189
- }
26190
- @media (min-width: 768px) {
26191
- .pf-l-gallery {
26192
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
26193
- }
26194
- }
26195
- @media (min-width: 992px) {
26196
- .pf-l-gallery {
26197
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
26198
- }
26199
- }
26200
- @media (min-width: 1200px) {
26201
- .pf-l-gallery {
26202
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
26203
- }
26204
- }
26205
- @media (min-width: 1450px) {
26206
- .pf-l-gallery {
26207
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
26208
- }
26209
- }
26210
- @media (min-width: 576px) {
26211
- .pf-l-gallery {
26212
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26213
- }
26214
- }
26215
- @media (min-width: 768px) {
26216
- .pf-l-gallery {
26217
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
26218
- }
26219
- }
26220
- @media (min-width: 992px) {
26221
- .pf-l-gallery {
26222
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
26223
- }
26224
- }
26225
- @media (min-width: 1200px) {
26226
- .pf-l-gallery {
26227
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
26228
- }
26229
- }
26230
- @media (min-width: 1450px) {
26231
- .pf-l-gallery {
26232
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
26233
- }
26234
- }
26235
26180
  .pf-l-grid {
26236
26181
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26237
26182
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27446,6 +27391,75 @@ label.pf-c-tree-view__node-text {
27446
27391
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27447
27392
  }
27448
27393
 
27394
+ .pf-l-gallery {
27395
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27396
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
27397
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27398
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
27399
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27400
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27401
+ --pf-l-gallery--GridTemplateRows: auto;
27402
+ display: grid;
27403
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27404
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27405
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27406
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27407
+ }
27408
+
27409
+ .pf-l-gallery.pf-m-gutter {
27410
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27411
+ }
27412
+
27413
+ @media (min-width: 576px) {
27414
+ .pf-l-gallery {
27415
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27416
+ }
27417
+ }
27418
+ @media (min-width: 768px) {
27419
+ .pf-l-gallery {
27420
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
27421
+ }
27422
+ }
27423
+ @media (min-width: 992px) {
27424
+ .pf-l-gallery {
27425
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
27426
+ }
27427
+ }
27428
+ @media (min-width: 1200px) {
27429
+ .pf-l-gallery {
27430
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
27431
+ }
27432
+ }
27433
+ @media (min-width: 1450px) {
27434
+ .pf-l-gallery {
27435
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
27436
+ }
27437
+ }
27438
+ @media (min-width: 576px) {
27439
+ .pf-l-gallery {
27440
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27441
+ }
27442
+ }
27443
+ @media (min-width: 768px) {
27444
+ .pf-l-gallery {
27445
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
27446
+ }
27447
+ }
27448
+ @media (min-width: 992px) {
27449
+ .pf-l-gallery {
27450
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
27451
+ }
27452
+ }
27453
+ @media (min-width: 1200px) {
27454
+ .pf-l-gallery {
27455
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
27456
+ }
27457
+ }
27458
+ @media (min-width: 1450px) {
27459
+ .pf-l-gallery {
27460
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
27461
+ }
27462
+ }
27449
27463
  .pf-l-level {
27450
27464
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27451
27465
  display: flex;