@patternfly/patternfly 6.6.0-prerelease.24 → 6.6.0-prerelease.25
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/components/Form/form.scss +1 -0
- package/components/Tabs/tabs.css +19 -5
- package/components/Tabs/tabs.scss +22 -5
- package/components/_index.css +19 -5
- package/docs/components/Button/examples/Button.md +2 -2
- package/docs/components/Form/examples/Form.md +36 -8
- package/docs/components/Tabs/examples/Tabs.md +18 -998
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -34
- package/docs/demos/Alert/examples/Alert.md +32 -14
- package/docs/demos/Button/examples/Button.md +57 -45
- package/docs/demos/Compass/examples/Compass.md +0 -404
- package/docs/demos/Form/examples/BasicForms.md +56 -28
- package/package.json +2 -2
- package/patternfly-no-globals.css +19 -5
- package/patternfly.css +19 -5
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -1733,23 +1733,29 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
1733
1733
|
</div>
|
|
1734
1734
|
</div>
|
|
1735
1735
|
<div class="pf-v6-c-form__group pf-m-action">
|
|
1736
|
-
<div class="pf-v6-c-
|
|
1737
|
-
<
|
|
1738
|
-
class="pf-v6-c-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1736
|
+
<div class="pf-v6-c-action-list">
|
|
1737
|
+
<div class="pf-v6-c-action-list__group">
|
|
1738
|
+
<div class="pf-v6-c-action-list__item">
|
|
1739
|
+
<button
|
|
1740
|
+
class="pf-v6-c-button pf-m-primary"
|
|
1741
|
+
id="submit-advanced-search-expanded"
|
|
1742
|
+
type="submit"
|
|
1743
|
+
aria-labelledby="submit-advanced-search-expanded search-input-group-advanced-search-expanded"
|
|
1744
|
+
>
|
|
1745
|
+
<span class="pf-v6-c-button__text">Submit</span>
|
|
1746
|
+
</button>
|
|
1747
|
+
</div>
|
|
1748
|
+
<div class="pf-v6-c-action-list__item">
|
|
1749
|
+
<button
|
|
1750
|
+
class="pf-v6-c-button pf-m-link"
|
|
1751
|
+
id="reset-advanced-search-expanded"
|
|
1752
|
+
type="button"
|
|
1753
|
+
aria-labelledby="reset-advanced-search-expanded search-input-group-advanced-search-expanded"
|
|
1754
|
+
>
|
|
1755
|
+
<span class="pf-v6-c-button__text">Cancel</span>
|
|
1756
|
+
</button>
|
|
1757
|
+
</div>
|
|
1758
|
+
</div>
|
|
1753
1759
|
</div>
|
|
1754
1760
|
</div>
|
|
1755
1761
|
</form>
|
|
@@ -2066,23 +2072,29 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
2066
2072
|
</div>
|
|
2067
2073
|
</div>
|
|
2068
2074
|
<div class="pf-v6-c-form__group pf-m-action">
|
|
2069
|
-
<div class="pf-v6-c-
|
|
2070
|
-
<
|
|
2071
|
-
class="pf-v6-c-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2075
|
+
<div class="pf-v6-c-action-list">
|
|
2076
|
+
<div class="pf-v6-c-action-list__group">
|
|
2077
|
+
<div class="pf-v6-c-action-list__item">
|
|
2078
|
+
<button
|
|
2079
|
+
class="pf-v6-c-button pf-m-primary"
|
|
2080
|
+
id="submit-advanced-search-expanded-with-autocomplete"
|
|
2081
|
+
type="submit"
|
|
2082
|
+
aria-labelledby="submit-advanced-search-expanded-with-autocomplete search-input-group-advanced-search-expanded-with-autocomplete"
|
|
2083
|
+
>
|
|
2084
|
+
<span class="pf-v6-c-button__text">Submit</span>
|
|
2085
|
+
</button>
|
|
2086
|
+
</div>
|
|
2087
|
+
<div class="pf-v6-c-action-list__item">
|
|
2088
|
+
<button
|
|
2089
|
+
class="pf-v6-c-button pf-m-link"
|
|
2090
|
+
id="reset-advanced-search-expanded-with-autocomplete"
|
|
2091
|
+
type="submit"
|
|
2092
|
+
aria-labelledby="reset-advanced-search-expanded-with-autocomplete search-input-group-advanced-search-expanded-with-autocomplete"
|
|
2093
|
+
>
|
|
2094
|
+
<span class="pf-v6-c-button__text">Cancel</span>
|
|
2095
|
+
</button>
|
|
2096
|
+
</div>
|
|
2097
|
+
</div>
|
|
2086
2098
|
</div>
|
|
2087
2099
|
</div>
|
|
2088
2100
|
</form>
|
|
@@ -1153,13 +1153,22 @@ section: components
|
|
|
1153
1153
|
</div>
|
|
1154
1154
|
<div class="pf-v6-c-form__group pf-m-action">
|
|
1155
1155
|
<div class="pf-v6-c-form__group-control">
|
|
1156
|
-
<div class="pf-v6-c-
|
|
1157
|
-
<
|
|
1158
|
-
<
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1156
|
+
<div class="pf-v6-c-action-list">
|
|
1157
|
+
<div class="pf-v6-c-action-list__group">
|
|
1158
|
+
<div class="pf-v6-c-action-list__item">
|
|
1159
|
+
<button class="pf-v6-c-button pf-m-primary" type="submit">
|
|
1160
|
+
<span class="pf-v6-c-button__text">Submit</span>
|
|
1161
|
+
</button>
|
|
1162
|
+
</div>
|
|
1163
|
+
<div class="pf-v6-c-action-list__item">
|
|
1164
|
+
<button
|
|
1165
|
+
class="pf-v6-c-button pf-m-secondary"
|
|
1166
|
+
type="button"
|
|
1167
|
+
>
|
|
1168
|
+
<span class="pf-v6-c-button__text">Cancel</span>
|
|
1169
|
+
</button>
|
|
1170
|
+
</div>
|
|
1171
|
+
</div>
|
|
1163
1172
|
</div>
|
|
1164
1173
|
</div>
|
|
1165
1174
|
</div>
|
|
@@ -1799,13 +1808,22 @@ section: components
|
|
|
1799
1808
|
</div>
|
|
1800
1809
|
<div class="pf-v6-c-form__group pf-m-action">
|
|
1801
1810
|
<div class="pf-v6-c-form__group-control">
|
|
1802
|
-
<div class="pf-v6-c-
|
|
1803
|
-
<
|
|
1804
|
-
<
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1811
|
+
<div class="pf-v6-c-action-list">
|
|
1812
|
+
<div class="pf-v6-c-action-list__group">
|
|
1813
|
+
<div class="pf-v6-c-action-list__item">
|
|
1814
|
+
<button class="pf-v6-c-button pf-m-primary" type="submit">
|
|
1815
|
+
<span class="pf-v6-c-button__text">Submit</span>
|
|
1816
|
+
</button>
|
|
1817
|
+
</div>
|
|
1818
|
+
<div class="pf-v6-c-action-list__item">
|
|
1819
|
+
<button
|
|
1820
|
+
class="pf-v6-c-button pf-m-secondary"
|
|
1821
|
+
type="button"
|
|
1822
|
+
>
|
|
1823
|
+
<span class="pf-v6-c-button__text">Cancel</span>
|
|
1824
|
+
</button>
|
|
1825
|
+
</div>
|
|
1826
|
+
</div>
|
|
1809
1827
|
</div>
|
|
1810
1828
|
</div>
|
|
1811
1829
|
</div>
|
|
@@ -41,10 +41,14 @@ cssPrefix: pf-d-button
|
|
|
41
41
|
</div>
|
|
42
42
|
</div>
|
|
43
43
|
<div class="pf-v6-c-form__group pf-m-action">
|
|
44
|
-
<div class="pf-v6-c-
|
|
45
|
-
<
|
|
46
|
-
<
|
|
47
|
-
|
|
44
|
+
<div class="pf-v6-c-action-list">
|
|
45
|
+
<div class="pf-v6-c-action-list__group">
|
|
46
|
+
<div class="pf-v6-c-action-list__item">
|
|
47
|
+
<button class="pf-v6-c-button pf-m-primary" type="submit">
|
|
48
|
+
<span class="pf-v6-c-button__text">Link account and log in</span>
|
|
49
|
+
</button>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
48
52
|
</div>
|
|
49
53
|
</div>
|
|
50
54
|
</form>
|
|
@@ -94,30 +98,34 @@ cssPrefix: pf-d-button
|
|
|
94
98
|
</div>
|
|
95
99
|
</div>
|
|
96
100
|
<div class="pf-v6-c-form__group pf-m-action">
|
|
97
|
-
<div class="pf-v6-c-
|
|
98
|
-
<
|
|
99
|
-
class="pf-v6-c-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
<svg
|
|
104
|
-
class="pf-v6-c-spinner pf-m-md"
|
|
105
|
-
role="progressbar"
|
|
106
|
-
viewBox="0 0 100 100"
|
|
107
|
-
aria-label="Loading..."
|
|
101
|
+
<div class="pf-v6-c-action-list">
|
|
102
|
+
<div class="pf-v6-c-action-list__group">
|
|
103
|
+
<div class="pf-v6-c-action-list__item">
|
|
104
|
+
<button
|
|
105
|
+
class="pf-v6-c-button pf-m-in-progress pf-m-progress pf-m-primary"
|
|
106
|
+
type="submit"
|
|
108
107
|
>
|
|
109
|
-
<
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
108
|
+
<span class="pf-v6-c-button__progress">
|
|
109
|
+
<svg
|
|
110
|
+
class="pf-v6-c-spinner pf-m-md"
|
|
111
|
+
role="progressbar"
|
|
112
|
+
viewBox="0 0 100 100"
|
|
113
|
+
aria-label="Loading..."
|
|
114
|
+
>
|
|
115
|
+
<circle
|
|
116
|
+
class="pf-v6-c-spinner__path"
|
|
117
|
+
cx="50"
|
|
118
|
+
cy="50"
|
|
119
|
+
r="45"
|
|
120
|
+
fill="none"
|
|
121
|
+
/>
|
|
122
|
+
</svg>
|
|
123
|
+
</span>
|
|
118
124
|
|
|
119
|
-
|
|
120
|
-
|
|
125
|
+
<span class="pf-v6-c-button__text">Linking account</span>
|
|
126
|
+
</button>
|
|
127
|
+
</div>
|
|
128
|
+
</div>
|
|
121
129
|
</div>
|
|
122
130
|
</div>
|
|
123
131
|
</form>
|
|
@@ -167,25 +175,29 @@ cssPrefix: pf-d-button
|
|
|
167
175
|
</div>
|
|
168
176
|
</div>
|
|
169
177
|
<div class="pf-v6-c-form__group pf-m-action">
|
|
170
|
-
<div class="pf-v6-c-
|
|
171
|
-
<
|
|
172
|
-
<
|
|
173
|
-
<
|
|
174
|
-
class="pf-v6-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
178
|
+
<div class="pf-v6-c-action-list">
|
|
179
|
+
<div class="pf-v6-c-action-list__group">
|
|
180
|
+
<div class="pf-v6-c-action-list__item">
|
|
181
|
+
<button class="pf-v6-c-button pf-m-primary" type="submit">
|
|
182
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
183
|
+
<svg
|
|
184
|
+
class="pf-v6-svg"
|
|
185
|
+
fill="currentColor"
|
|
186
|
+
viewBox="0 0 512 512"
|
|
187
|
+
aria-hidden="true"
|
|
188
|
+
role="img"
|
|
189
|
+
width="1em"
|
|
190
|
+
height="1em"
|
|
191
|
+
>
|
|
192
|
+
<path
|
|
193
|
+
d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
|
|
194
|
+
/>
|
|
195
|
+
</svg>
|
|
196
|
+
</span>
|
|
197
|
+
<span class="pf-v6-c-button__text">Logged in</span>
|
|
198
|
+
</button>
|
|
199
|
+
</div>
|
|
200
|
+
</div>
|
|
189
201
|
</div>
|
|
190
202
|
</div>
|
|
191
203
|
</form>
|