@patternfly/react-styles 6.3.0-prerelease.4 → 6.3.0-prerelease.6
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.
- package/CHANGELOG.md +12 -0
- package/css/components/Accordion/accordion.css +1 -1
- package/css/components/Button/button.css +127 -6
- package/css/components/Button/button.d.ts +9 -0
- package/css/components/Button/button.js +9 -0
- package/css/components/Button/button.mjs +9 -0
- package/css/components/DualListSelector/dual-list-selector.css +1 -1
- package/css/components/ExpandableSection/expandable-section.css +1 -1
- package/css/components/Form/form.css +1 -1
- package/css/components/FormControl/form-control.css +16 -0
- package/css/components/FormControl/form-control.d.ts +2 -2
- package/css/components/FormControl/form-control.js +2 -2
- package/css/components/FormControl/form-control.mjs +2 -2
- package/css/components/Menu/menu.css +24 -4
- package/css/components/MenuToggle/menu-toggle.css +30 -0
- package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
- package/css/components/MenuToggle/menu-toggle.js +1 -0
- package/css/components/MenuToggle/menu-toggle.mjs +1 -0
- package/css/components/Nav/nav.css +1 -1
- package/css/components/Page/page.css +45 -0
- package/css/components/Page/page.d.ts +3 -0
- package/css/components/Page/page.js +3 -0
- package/css/components/Page/page.mjs +3 -0
- package/css/components/Progress/progress.css +16 -0
- package/css/components/Table/table.css +52 -25
- package/css/components/Table/table.d.ts +2 -0
- package/css/components/Table/table.js +2 -0
- package/css/components/Table/table.mjs +2 -0
- package/css/components/TextInputGroup/text-input-group.css +16 -0
- package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
- package/css/components/TextInputGroup/text-input-group.js +1 -1
- package/css/components/TextInputGroup/text-input-group.mjs +1 -1
- package/css/components/TreeView/tree-view.css +1 -1
- package/css/components/_index.css +332 -41
- package/css/components/_index.d.ts +10 -1
- package/css/components/_index.js +10 -1
- package/css/components/_index.mjs +10 -1
- package/package.json +3 -3
@@ -395,7 +395,7 @@
|
|
395
395
|
overflow-y: auto;
|
396
396
|
}
|
397
397
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
398
|
-
max-height:
|
398
|
+
max-height: 99999px;
|
399
399
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
400
400
|
visibility: revert;
|
401
401
|
transition-delay: 0s;
|
@@ -1547,15 +1547,20 @@ button.pf-v6-c-breadcrumb__link {
|
|
1547
1547
|
--pf-v6-c-button--TextDecorationLine: none;
|
1548
1548
|
--pf-v6-c-button--TextDecorationStyle: none;
|
1549
1549
|
--pf-v6-c-button--TextDecorationColor: currentcolor;
|
1550
|
+
--pf-v6-c-button--TransitionDelay: 0s;
|
1550
1551
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
1551
|
-
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--
|
1552
|
-
--pf-v6-c-button--TransitionProperty: color, background
|
1552
|
+
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
1553
|
+
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
1554
|
+
--pf-v6-c-button--ScaleX: 1;
|
1555
|
+
--pf-v6-c-button--ScaleY: 1;
|
1553
1556
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
1554
1557
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
1555
1558
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
1556
1559
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
1557
1560
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
1558
1561
|
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
1562
|
+
--pf-v6-c-button--hover--ScaleX: 1;
|
1563
|
+
--pf-v6-c-button--hover--ScaleY: 1;
|
1559
1564
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
1560
1565
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
1561
1566
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
@@ -1765,6 +1770,19 @@ button.pf-v6-c-breadcrumb__link {
|
|
1765
1770
|
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
1766
1771
|
--pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
|
1767
1772
|
--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
|
1773
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
1774
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: auto;
|
1775
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
1776
|
+
--pf-v6-c-button__icon--TransitionProperty: none;
|
1777
|
+
--pf-v6-c-button__icon--Rotate: 0deg;
|
1778
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
|
1779
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
1780
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: none;
|
1781
|
+
--pf-v6-c-button--hover__icon--Rotate: 0deg;
|
1782
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
1783
|
+
--pf-v6-c-button__icon--ScaleY: 1;
|
1784
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
1785
|
+
--pf-v6-c-button--hover__icon--ScaleY: 1;
|
1768
1786
|
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
1769
1787
|
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
1770
1788
|
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
|
@@ -1790,9 +1808,28 @@ button.pf-v6-c-breadcrumb__link {
|
|
1790
1808
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
1791
1809
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
1792
1810
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
1811
|
+
--pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
1812
|
+
--pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
1813
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
1814
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
1815
|
+
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
1793
1816
|
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
|
1794
1817
|
--pf-v6-c-button--m-block--Display: flex;
|
1795
1818
|
--pf-v6-c-button--m-block--Width: 100%;
|
1819
|
+
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
1820
|
+
--pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
1821
|
+
--pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
|
1822
|
+
--pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
|
1823
|
+
--pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
|
1824
|
+
--pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
|
1825
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
1826
|
+
--pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
|
1827
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
1828
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
1829
|
+
--pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
|
1830
|
+
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
1831
|
+
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
1832
|
+
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
1796
1833
|
}
|
1797
1834
|
|
1798
1835
|
.pf-v6-c-button {
|
@@ -1816,16 +1853,19 @@ button.pf-v6-c-breadcrumb__link {
|
|
1816
1853
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
1817
1854
|
white-space: nowrap;
|
1818
1855
|
cursor: pointer;
|
1856
|
+
-webkit-user-select: none;
|
1819
1857
|
user-select: none;
|
1820
|
-
background
|
1858
|
+
background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
|
1821
1859
|
border: 0;
|
1822
1860
|
border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
|
1823
1861
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
1824
1862
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
1825
1863
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
1864
|
+
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
1826
1865
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
1827
1866
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
1828
1867
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
1868
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
1829
1869
|
}
|
1830
1870
|
.pf-v6-c-button::after {
|
1831
1871
|
position: absolute;
|
@@ -1934,6 +1974,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1934
1974
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
1935
1975
|
text-align: start;
|
1936
1976
|
white-space: normal;
|
1977
|
+
background: transparent;
|
1937
1978
|
outline-offset: 0.125rem;
|
1938
1979
|
}
|
1939
1980
|
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
@@ -2067,6 +2108,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2067
2108
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
2068
2109
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
2069
2110
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
2111
|
+
background: var(--pf-v6-c-button--BackgroundColor);
|
2070
2112
|
}
|
2071
2113
|
.pf-v6-c-button.pf-m-block {
|
2072
2114
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
|
@@ -2093,7 +2135,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2093
2135
|
}
|
2094
2136
|
.pf-v6-c-button.pf-m-favorited {
|
2095
2137
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
2138
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
2096
2139
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
2140
|
+
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
2097
2141
|
--pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
|
2098
2142
|
--pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
|
2099
2143
|
}
|
@@ -2102,31 +2146,78 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2102
2146
|
animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
|
2103
2147
|
animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
|
2104
2148
|
}
|
2149
|
+
.pf-v6-c-button.pf-m-settings {
|
2150
|
+
--pf-v6-c-button__icon--TransitionProperty: rotate;
|
2151
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
|
2152
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
|
2153
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: rotate;
|
2154
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
|
2155
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
|
2156
|
+
--pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
|
2157
|
+
}
|
2158
|
+
.pf-v6-c-button.pf-m-hamburger {
|
2159
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
2160
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
2161
|
+
--pf-v6-c-button__icon--TransitionProperty: scale;
|
2162
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
2163
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
2164
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
|
2165
|
+
}
|
2166
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-expand {
|
2167
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
2168
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
2169
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
2170
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
2171
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
2172
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
2173
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
2174
|
+
}
|
2175
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
|
2176
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
2177
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
2178
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
2179
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
2180
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
2181
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
2182
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
2183
|
+
}
|
2105
2184
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
2106
2185
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
2107
2186
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
2108
2187
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
2109
2188
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
2189
|
+
--pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
|
2190
|
+
--pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
|
2110
2191
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
2111
2192
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
2193
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
|
2194
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
|
2195
|
+
--pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
|
2196
|
+
--pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
|
2197
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
|
2198
|
+
--pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
|
2112
2199
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
2113
2200
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
2114
2201
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
2115
2202
|
}
|
2116
|
-
.pf-v6-c-button.pf-m-clicked {
|
2203
|
+
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
2117
2204
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
2118
2205
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
|
2119
2206
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
|
2120
2207
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
|
2121
2208
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
|
2122
2209
|
}
|
2210
|
+
.pf-v6-c-button:active {
|
2211
|
+
background-size: 100%;
|
2212
|
+
transition-duration: 0s;
|
2213
|
+
}
|
2123
2214
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
|
2124
2215
|
pointer-events: none;
|
2125
2216
|
}
|
2126
2217
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
|
2127
2218
|
color: var(--pf-v6-c-button--disabled--Color);
|
2128
2219
|
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
|
2129
|
-
background
|
2220
|
+
background: var(--pf-v6-c-button--disabled--BackgroundColor);
|
2130
2221
|
}
|
2131
2222
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
2132
2223
|
border-color: transparent;
|
@@ -2167,6 +2258,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2167
2258
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
2168
2259
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
2169
2260
|
color: var(--pf-v6-c-button__icon--Color);
|
2261
|
+
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
2262
|
+
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
2263
|
+
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
2264
|
+
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
2265
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
2266
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
2170
2267
|
}
|
2171
2268
|
.pf-v6-c-button__icon.pf-m-start {
|
2172
2269
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
@@ -2211,6 +2308,30 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2211
2308
|
align-items: center;
|
2212
2309
|
}
|
2213
2310
|
|
2311
|
+
.pf-v6-c-button--hamburger-icon path {
|
2312
|
+
fill: none;
|
2313
|
+
stroke: currentcolor;
|
2314
|
+
stroke-linecap: round;
|
2315
|
+
stroke-linejoin: round;
|
2316
|
+
transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
|
2317
|
+
}
|
2318
|
+
|
2319
|
+
.pf-v6-c-button--hamburger-icon--top {
|
2320
|
+
d: var(--pf-v6-c-button--hamburger-icon--top--path);
|
2321
|
+
}
|
2322
|
+
|
2323
|
+
.pf-v6-c-button--hamburger-icon--middle {
|
2324
|
+
d: var(--pf-v6-c-button--hamburger-icon--middle--path);
|
2325
|
+
}
|
2326
|
+
|
2327
|
+
.pf-v6-c-button--hamburger-icon--arrow {
|
2328
|
+
d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
|
2329
|
+
}
|
2330
|
+
|
2331
|
+
.pf-v6-c-button--hamburger-icon--bottom {
|
2332
|
+
d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
|
2333
|
+
}
|
2334
|
+
|
2214
2335
|
@keyframes pf-v6-c-button-icon-notify {
|
2215
2336
|
33% {
|
2216
2337
|
transform: rotate(30deg);
|
@@ -2221,7 +2342,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2221
2342
|
}
|
2222
2343
|
@keyframes pf-v6-c-button-icon-favorited {
|
2223
2344
|
50% {
|
2224
|
-
|
2345
|
+
scale: 1.5;
|
2225
2346
|
}
|
2226
2347
|
}
|
2227
2348
|
.pf-v6-c-calendar-month {
|
@@ -4908,7 +5029,7 @@ ul) {
|
|
4908
5029
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
4909
5030
|
}
|
4910
5031
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
4911
|
-
max-height:
|
5032
|
+
max-height: 99999px;
|
4912
5033
|
visibility: revert;
|
4913
5034
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
4914
5035
|
transition-delay: 0s;
|
@@ -6503,7 +6624,7 @@ ul) {
|
|
6503
6624
|
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
6504
6625
|
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
6505
6626
|
--pf-v6-c-expandable-section__content--Visibility: auto;
|
6506
|
-
--pf-v6-c-expandable-section__content--MaxHeight:
|
6627
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
6507
6628
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
6508
6629
|
gap: var(--pf-v6-c-expandable-section--Gap);
|
6509
6630
|
}
|
@@ -7073,7 +7194,7 @@ ul) {
|
|
7073
7194
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
7074
7195
|
}
|
7075
7196
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
7076
|
-
max-height:
|
7197
|
+
max-height: 99999px;
|
7077
7198
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
7078
7199
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
7079
7200
|
visibility: visible;
|
@@ -7395,6 +7516,22 @@ ul) {
|
|
7395
7516
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
7396
7517
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
7397
7518
|
}
|
7519
|
+
@media (prefers-reduced-motion: no-preference) {
|
7520
|
+
.pf-v6-c-form-control.pf-m-error {
|
7521
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
7522
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
7523
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
7524
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
7525
|
+
animation-fill-mode: both;
|
7526
|
+
}
|
7527
|
+
}
|
7528
|
+
.pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
|
7529
|
+
--pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
7530
|
+
--pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
7531
|
+
animation-name: pf-v6-global-fade-in;
|
7532
|
+
animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
|
7533
|
+
animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
|
7534
|
+
}
|
7398
7535
|
.pf-v6-c-form-control.pf-m-error > textarea {
|
7399
7536
|
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
|
7400
7537
|
}
|
@@ -9863,7 +10000,7 @@ ul.pf-v6-c-list {
|
|
9863
10000
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
9864
10001
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
9865
10002
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
9866
|
-
--pf-v6-c-menu--TransitionDuration:
|
10003
|
+
--pf-v6-c-menu--TransitionDuration: 0s;
|
9867
10004
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
9868
10005
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
9869
10006
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
@@ -9936,14 +10073,34 @@ ul.pf-v6-c-list {
|
|
9936
10073
|
--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
|
9937
10074
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
9938
10075
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
9939
|
-
--pf-v6-c-menu--m-drilldown__content--Transition:
|
10076
|
+
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
9940
10077
|
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
9941
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform:
|
10078
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
9942
10079
|
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
9943
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform:
|
10080
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
9944
10081
|
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
9945
10082
|
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
9946
10083
|
}
|
10084
|
+
@media (prefers-reduced-motion: no-preference) {
|
10085
|
+
.pf-v6-c-menu {
|
10086
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
10087
|
+
}
|
10088
|
+
}
|
10089
|
+
@media (prefers-reduced-motion: no-preference) {
|
10090
|
+
.pf-v6-c-menu {
|
10091
|
+
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
10092
|
+
}
|
10093
|
+
}
|
10094
|
+
@media (prefers-reduced-motion: no-preference) {
|
10095
|
+
.pf-v6-c-menu {
|
10096
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
10097
|
+
}
|
10098
|
+
}
|
10099
|
+
@media (prefers-reduced-motion: no-preference) {
|
10100
|
+
.pf-v6-c-menu {
|
10101
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
10102
|
+
}
|
10103
|
+
}
|
9947
10104
|
|
9948
10105
|
.pf-v6-c-menu__content,
|
9949
10106
|
.pf-v6-c-menu__list-item,
|
@@ -10477,6 +10634,14 @@ ul.pf-v6-c-list {
|
|
10477
10634
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
10478
10635
|
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
10479
10636
|
--pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
|
10637
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
|
10638
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
|
10639
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: none;
|
10640
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
|
10641
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
|
10642
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
|
10643
|
+
--pf-v6-c-menu-toggle__icon--Rotate: 0deg;
|
10644
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
|
10480
10645
|
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
10481
10646
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
10482
10647
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
@@ -10574,6 +10739,11 @@ ul.pf-v6-c-list {
|
|
10574
10739
|
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
10575
10740
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
10576
10741
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
10742
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
10743
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
10744
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
10745
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
10746
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
|
10577
10747
|
}
|
10578
10748
|
|
10579
10749
|
.pf-v6-c-menu-toggle {
|
@@ -10687,6 +10857,10 @@ ul.pf-v6-c-list {
|
|
10687
10857
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
10688
10858
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
10689
10859
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
10860
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
10861
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
|
10862
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
|
10863
|
+
--pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
|
10690
10864
|
}
|
10691
10865
|
.pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
|
10692
10866
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
@@ -10742,6 +10916,15 @@ ul.pf-v6-c-list {
|
|
10742
10916
|
opacity: 1;
|
10743
10917
|
}
|
10744
10918
|
}
|
10919
|
+
.pf-v6-c-menu-toggle.pf-m-settings {
|
10920
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
|
10921
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
|
10922
|
+
--pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
|
10923
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
|
10924
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
|
10925
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
|
10926
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
|
10927
|
+
}
|
10745
10928
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
10746
10929
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
10747
10930
|
}
|
@@ -10903,6 +11086,10 @@ ul.pf-v6-c-list {
|
|
10903
11086
|
|
10904
11087
|
.pf-v6-c-menu-toggle__icon {
|
10905
11088
|
flex-shrink: 0;
|
11089
|
+
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
11090
|
+
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
11091
|
+
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
11092
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
10906
11093
|
}
|
10907
11094
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
10908
11095
|
vertical-align: middle;
|
@@ -11506,7 +11693,7 @@ ul.pf-v6-c-list {
|
|
11506
11693
|
|
11507
11694
|
.pf-v6-c-nav__subnav {
|
11508
11695
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
11509
|
-
max-height:
|
11696
|
+
max-height: 99999px;
|
11510
11697
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
11511
11698
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
11512
11699
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
@@ -12119,6 +12306,51 @@ ul.pf-v6-c-list {
|
|
12119
12306
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
12120
12307
|
}
|
12121
12308
|
}
|
12309
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
12310
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12311
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12312
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12313
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12314
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12315
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12316
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12317
|
+
}
|
12318
|
+
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
12319
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12320
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12321
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12322
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12323
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
12324
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12325
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
12326
|
+
}
|
12327
|
+
@media (min-width: 75rem) {
|
12328
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
12329
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
12330
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
12331
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
12332
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
12333
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
12334
|
+
}
|
12335
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
12336
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12337
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12338
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12339
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12340
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
12341
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12342
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
12343
|
+
}
|
12344
|
+
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
12345
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12346
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12347
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12348
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12349
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12350
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12351
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12352
|
+
}
|
12353
|
+
}
|
12122
12354
|
|
12123
12355
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
12124
12356
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
@@ -13416,6 +13648,22 @@ ul.pf-v6-c-list {
|
|
13416
13648
|
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
13417
13649
|
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
13418
13650
|
}
|
13651
|
+
@media (prefers-reduced-motion: no-preference) {
|
13652
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
|
13653
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
13654
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
13655
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
13656
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
13657
|
+
animation-fill-mode: both;
|
13658
|
+
}
|
13659
|
+
}
|
13660
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
|
13661
|
+
--pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
13662
|
+
--pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
13663
|
+
animation-name: pf-v6-global-fade-in;
|
13664
|
+
animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
|
13665
|
+
animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
|
13666
|
+
}
|
13419
13667
|
|
13420
13668
|
.pf-v6-c-progress__description {
|
13421
13669
|
grid-column: 1/2;
|
@@ -16931,8 +17179,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16931
17179
|
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
16932
17180
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
16933
17181
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
16934
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
|
16935
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
16936
17182
|
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
16937
17183
|
--pf-v6-c-table__expandable-row--Opacity: 0;
|
16938
17184
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
@@ -17269,6 +17515,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17269
17515
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
17270
17516
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
17271
17517
|
}
|
17518
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
|
17519
|
+
display: revert;
|
17520
|
+
visibility: hidden;
|
17521
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17522
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
17523
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
17524
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
|
17525
|
+
transition-property: opacity, translate, visibility;
|
17526
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17527
|
+
}
|
17528
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
17529
|
+
display: revert;
|
17530
|
+
}
|
17531
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
17532
|
+
visibility: visible;
|
17533
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
17534
|
+
transition-delay: 0s;
|
17535
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
17536
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
17537
|
+
}
|
17538
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
17539
|
+
max-height: 99999px;
|
17540
|
+
}
|
17541
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
|
17542
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
17543
|
+
padding: 0;
|
17544
|
+
overflow: hidden;
|
17545
|
+
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
17546
|
+
transition-property: padding, max-height, overflow;
|
17547
|
+
}
|
17548
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
17549
|
+
max-height: 0;
|
17550
|
+
}
|
17272
17551
|
|
17273
17552
|
[class*=pf-v6-c-table].pf-m-truncate {
|
17274
17553
|
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
|
@@ -17573,28 +17852,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17573
17852
|
.pf-v6-c-table__expandable-row {
|
17574
17853
|
position: relative;
|
17575
17854
|
border-block-end: 0 solid transparent;
|
17576
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17577
|
-
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
17578
|
-
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
|
17579
|
-
transition-property: opacity, translate, display;
|
17580
|
-
transition-behavior: allow-discrete;
|
17581
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17582
17855
|
}
|
17583
|
-
|
17584
|
-
|
17856
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
17857
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
17585
17858
|
padding-block-start: 0;
|
17586
17859
|
}
|
17587
|
-
|
17588
|
-
.pf-v6-c-
|
17589
|
-
|
17860
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
17861
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
17862
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
17863
|
+
}
|
17864
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
|
17865
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
|
17590
17866
|
padding-block-start: 0;
|
17591
17867
|
padding-block-end: 0;
|
17592
17868
|
padding-inline-start: 0;
|
17593
17869
|
padding-inline-end: 0;
|
17594
17870
|
}
|
17595
|
-
.pf-v6-c-table__expandable-row
|
17596
|
-
.pf-v6-c-table__expandable-row
|
17871
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
17872
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
17597
17873
|
padding: 0;
|
17874
|
+
border-radius: 0;
|
17598
17875
|
}
|
17599
17876
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
17600
17877
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
@@ -17604,18 +17881,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17604
17881
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
17605
17882
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
17606
17883
|
}
|
17884
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
17885
|
+
background-color: transparent;
|
17886
|
+
}
|
17607
17887
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
17608
17888
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
17609
17889
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
17610
|
-
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
17611
|
-
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
|
17612
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
17613
|
-
}
|
17614
|
-
@starting-style {
|
17615
|
-
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
17616
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17617
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17618
|
-
}
|
17619
17890
|
}
|
17620
17891
|
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
17621
17892
|
display: none;
|
@@ -17624,6 +17895,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17624
17895
|
border-block-end: 0;
|
17625
17896
|
}
|
17626
17897
|
|
17898
|
+
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
17899
|
+
border-block-end: 0;
|
17900
|
+
}
|
17901
|
+
|
17627
17902
|
.pf-v6-c-table.pf-m-compact {
|
17628
17903
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
17629
17904
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
@@ -17679,7 +17954,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17679
17954
|
}
|
17680
17955
|
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
17681
17956
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
17682
|
-
border-block-end:
|
17957
|
+
border-block-end: 0;
|
17683
17958
|
}
|
17684
17959
|
|
17685
17960
|
.pf-v6-c-table__tr {
|
@@ -19635,6 +19910,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19635
19910
|
--pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
|
19636
19911
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
|
19637
19912
|
}
|
19913
|
+
@media (prefers-reduced-motion: no-preference) {
|
19914
|
+
.pf-v6-c-text-input-group.pf-m-error {
|
19915
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
19916
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
19917
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
19918
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
19919
|
+
animation-fill-mode: both;
|
19920
|
+
}
|
19921
|
+
}
|
19922
|
+
.pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
|
19923
|
+
--pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
19924
|
+
--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
19925
|
+
animation-name: pf-v6-global-fade-in;
|
19926
|
+
animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
|
19927
|
+
animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
|
19928
|
+
}
|
19638
19929
|
.pf-v6-c-text-input-group:hover {
|
19639
19930
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
|
19640
19931
|
}
|
@@ -22492,7 +22783,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22492
22783
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
22493
22784
|
}
|
22494
22785
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
22495
|
-
max-height:
|
22786
|
+
max-height: 99999px;
|
22496
22787
|
visibility: revert;
|
22497
22788
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
22498
22789
|
transition-delay: 0s;
|