@patternfly/patternfly 6.0.0-alpha.169 → 6.0.0-alpha.170

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 (27) hide show
  1. package/components/Card/card.css +3 -3
  2. package/components/Card/card.scss +3 -3
  3. package/components/_index.css +3 -3
  4. package/docs/components/InputGroup/examples/InputGroup.md +11 -53
  5. package/docs/components/Login/examples/Login.md +11 -42
  6. package/docs/demos/Card/examples/Card.md +64 -324
  7. package/docs/demos/CardView/examples/CardView.md +11 -103
  8. package/docs/demos/Dashboard/examples/Dashboard.md +22 -128
  9. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +105 -794
  10. package/docs/demos/Table/examples/Table.md +141 -1320
  11. package/docs/demos/Tabs/examples/Tabs.md +11 -103
  12. package/package.json +1 -1
  13. package/patternfly-no-globals.css +3 -3
  14. package/patternfly.css +3 -3
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
  17. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  18. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  19. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  20. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -907
  21. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  22. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  23. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  24. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  25. package/docs/components/Select/deprecated/Select.css +0 -56
  26. package/docs/components/Select/deprecated/Select.md +0 -3609
  27. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1781
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -2018,111 +2018,19 @@ section: components
2018
2018
  </div>
2019
2019
 
2020
2020
  <div class="pf-v6-c-toolbar__item">
2021
- <div class="pf-v6-c-select">
2022
- <span
2023
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-label"
2024
- hidden
2025
- >Choose many</span>
2026
-
2027
- <button
2028
- class="pf-v6-c-select__toggle"
2029
- type="button"
2030
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-toggle"
2031
- aria-haspopup="true"
2032
- aria-expanded="false"
2033
- aria-labelledby="table-tabs-example-tabs-toolbar-select-checkbox-status-label table-tabs-example-tabs-toolbar-select-checkbox-status-toggle"
2034
- >
2035
- <div class="pf-v6-c-select__toggle-wrapper">
2036
- <span class="pf-v6-c-select__toggle-text">Name</span>
2037
- </div>
2038
- <span class="pf-v6-c-select__toggle-arrow">
2021
+ <button
2022
+ class="pf-v6-c-menu-toggle"
2023
+ type="button"
2024
+ aria-expanded="false"
2025
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status"
2026
+ >
2027
+ <span class="pf-v6-c-menu-toggle__text">Name</span>
2028
+ <span class="pf-v6-c-menu-toggle__controls">
2029
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2039
2030
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2040
2031
  </span>
2041
- </button>
2042
-
2043
- <div class="pf-v6-c-select__menu" hidden>
2044
- <fieldset
2045
- class="pf-v6-c-select__menu-fieldset"
2046
- aria-label="Select input"
2047
- >
2048
- <label
2049
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
2050
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
2051
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
2052
- >
2053
- <input
2054
- class="pf-v6-c-check__input"
2055
- type="checkbox"
2056
- aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
2057
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
2058
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
2059
- />
2060
- <span class="pf-v6-c-check__label">Active</span>
2061
- <span
2062
- class="pf-v6-c-check__description"
2063
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
2064
- >This is a description</span>
2065
- </label>
2066
- <label
2067
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
2068
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
2069
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
2070
- >
2071
- <input
2072
- class="pf-v6-c-check__input"
2073
- type="checkbox"
2074
- aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
2075
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
2076
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
2077
- />
2078
- <span class="pf-v6-c-check__label">Canceled</span>
2079
- <span
2080
- class="pf-v6-c-check__description"
2081
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
2082
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
2083
- </label>
2084
- <label
2085
- class="pf-v6-c-check pf-v6-c-select__menu-item"
2086
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
2087
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
2088
- >
2089
- <input
2090
- class="pf-v6-c-check__input"
2091
- type="checkbox"
2092
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
2093
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
2094
- />
2095
- <span class="pf-v6-c-check__label">Paused</span>
2096
- </label>
2097
- <label
2098
- class="pf-v6-c-check pf-v6-c-select__menu-item"
2099
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
2100
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
2101
- >
2102
- <input
2103
- class="pf-v6-c-check__input"
2104
- type="checkbox"
2105
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
2106
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
2107
- />
2108
- <span class="pf-v6-c-check__label">Warning</span>
2109
- </label>
2110
- <label
2111
- class="pf-v6-c-check pf-v6-c-select__menu-item"
2112
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
2113
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
2114
- >
2115
- <input
2116
- class="pf-v6-c-check__input"
2117
- type="checkbox"
2118
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
2119
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
2120
- />
2121
- <span class="pf-v6-c-check__label">Restarted</span>
2122
- </label>
2123
- </fieldset>
2124
- </div>
2125
- </div>
2032
+ </span>
2033
+ </button>
2126
2034
  </div>
2127
2035
  </div>
2128
2036
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.169",
4
+ "version": "6.0.0-alpha.170",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -8260,10 +8260,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8260
8260
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
8261
8261
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8262
8262
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8263
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
8263
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8264
8264
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
8265
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
8266
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
8265
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8266
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
8267
8267
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
8268
8268
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
8269
8269
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
package/patternfly.css CHANGED
@@ -8381,10 +8381,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8381
8381
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
8382
8382
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8383
8383
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8384
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
8384
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8385
8385
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
8386
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
8387
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
8386
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8387
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
8388
8388
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
8389
8389
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
8390
8390
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);