@patternfly/patternfly 6.6.0-prerelease.23 → 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.
Files changed (20) hide show
  1. package/components/Form/form.scss +1 -0
  2. package/components/ModalBox/modal-box.css +2 -2
  3. package/components/ModalBox/modal-box.scss +3 -3
  4. package/components/Tabs/tabs.css +19 -5
  5. package/components/Tabs/tabs.scss +22 -5
  6. package/components/_index.css +21 -7
  7. package/docs/components/Button/examples/Button.md +2 -2
  8. package/docs/components/Form/examples/Form.md +36 -8
  9. package/docs/components/Tabs/examples/Tabs.md +18 -998
  10. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -34
  11. package/docs/demos/Alert/examples/Alert.md +32 -14
  12. package/docs/demos/Button/examples/Button.md +57 -45
  13. package/docs/demos/Compass/examples/Compass.md +0 -404
  14. package/docs/demos/Form/examples/BasicForms.md +56 -28
  15. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2557 -5003
  16. package/package.json +2 -2
  17. package/patternfly-no-globals.css +21 -7
  18. package/patternfly.css +21 -7
  19. package/patternfly.min.css +1 -1
  20. package/patternfly.min.css.map +1 -1
package/docs/components/TextInputGroup/examples/TextInputGroup.md CHANGED
@@ -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-form__actions">
1737
- <button
1738
- class="pf-v6-c-button pf-m-primary"
1739
- id="submit-advanced-search-expanded"
1740
- type="submit"
1741
- aria-labelledby="submit-advanced-search-expanded search-input-group-advanced-search-expanded"
1742
- >
1743
- <span class="pf-v6-c-button__text">Submit</span>
1744
- </button>
1745
- <button
1746
- class="pf-v6-c-button pf-m-link"
1747
- id="reset-advanced-search-expanded"
1748
- type="reset"
1749
- aria-labelledby="reset-advanced-search-expanded search-input-group-advanced-search-expanded"
1750
- >
1751
- <span class="pf-v6-c-button__text">Reset</span>
1752
- </button>
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-form__actions">
2070
- <button
2071
- class="pf-v6-c-button pf-m-primary"
2072
- id="submit-advanced-search-expanded-with-autocomplete"
2073
- type="submit"
2074
- aria-labelledby="submit-advanced-search-expanded-with-autocomplete search-input-group-advanced-search-expanded-with-autocomplete"
2075
- >
2076
- <span class="pf-v6-c-button__text">Submit</span>
2077
- </button>
2078
- <button
2079
- class="pf-v6-c-button pf-m-link"
2080
- id="reset-advanced-search-expanded-with-autocomplete"
2081
- type="submit"
2082
- aria-labelledby="reset-advanced-search-expanded-with-autocomplete search-input-group-advanced-search-expanded-with-autocomplete"
2083
- >
2084
- <span class="pf-v6-c-button__text">Reset</span>
2085
- </button>
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>
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -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-form__actions">
1157
- <button class="pf-v6-c-button pf-m-primary" type="submit">
1158
- <span class="pf-v6-c-button__text">Submit</span>
1159
- </button>
1160
- <button class="pf-v6-c-button pf-m-secondary" type="reset">
1161
- <span class="pf-v6-c-button__text">Cancel</span>
1162
- </button>
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-form__actions">
1803
- <button class="pf-v6-c-button pf-m-primary" type="submit">
1804
- <span class="pf-v6-c-button__text">Submit</span>
1805
- </button>
1806
- <button class="pf-v6-c-button pf-m-secondary" type="reset">
1807
- <span class="pf-v6-c-button__text">Cancel</span>
1808
- </button>
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>
package/docs/demos/Button/examples/Button.md CHANGED
@@ -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-form__actions">
45
- <button class="pf-v6-c-button pf-m-primary" type="submit">
46
- <span class="pf-v6-c-button__text">Link account and log in</span>
47
- </button>
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-form__actions">
98
- <button
99
- class="pf-v6-c-button pf-m-in-progress pf-m-progress pf-m-primary"
100
- type="submit"
101
- >
102
- <span class="pf-v6-c-button__progress">
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
- <circle
110
- class="pf-v6-c-spinner__path"
111
- cx="50"
112
- cy="50"
113
- r="45"
114
- fill="none"
115
- />
116
- </svg>
117
- </span>
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
- <span class="pf-v6-c-button__text">Linking account</span>
120
- </button>
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-form__actions">
171
- <button class="pf-v6-c-button pf-m-primary" type="submit">
172
- <span class="pf-v6-c-button__icon pf-m-start">
173
- <svg
174
- class="pf-v6-svg"
175
- fill="currentColor"
176
- viewBox="0 0 512 512"
177
- aria-hidden="true"
178
- role="img"
179
- width="1em"
180
- height="1em"
181
- >
182
- <path
183
- 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"
184
- />
185
- </svg>
186
- </span>
187
- <span class="pf-v6-c-button__text">Logged in</span>
188
- </button>
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>