@patternfly/patternfly 6.0.0-alpha.200 → 6.0.0-alpha.202

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 (77) hide show
  1. package/base/normalize.scss +3 -3
  2. package/base/patternfly-variables.css +2 -6
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts.scss +1 -1
  5. package/base/tokens/tokens-dark.scss +1 -1
  6. package/base/tokens/tokens-default.scss +3 -3
  7. package/base/tokens/tokens-local.scss +0 -6
  8. package/base/tokens/tokens-palette.scss +1 -1
  9. package/components/Breadcrumb/breadcrumb.css +9 -6
  10. package/components/Breadcrumb/breadcrumb.scss +9 -6
  11. package/components/Button/button.css +16 -7
  12. package/components/Button/button.scss +17 -7
  13. package/components/Content/content.css +8 -5
  14. package/components/Content/content.scss +8 -5
  15. package/components/DescriptionList/description-list.css +10 -15
  16. package/components/DescriptionList/description-list.scss +10 -16
  17. package/components/JumpLinks/jump-links.css +1 -1
  18. package/components/JumpLinks/jump-links.scss +1 -2
  19. package/components/Label/label.css +15 -14
  20. package/components/Label/label.scss +16 -14
  21. package/components/Masthead/masthead.css +172 -95
  22. package/components/Masthead/masthead.scss +74 -49
  23. package/components/Nav/nav.css +5 -4
  24. package/components/Nav/nav.scss +5 -4
  25. package/components/Page/page.css +18 -12
  26. package/components/Page/page.scss +18 -12
  27. package/components/ProgressStepper/progress-stepper.css +8 -7
  28. package/components/ProgressStepper/progress-stepper.scss +8 -8
  29. package/components/SimpleList/simple-list.css +1 -1
  30. package/components/SimpleList/simple-list.scss +1 -2
  31. package/components/Tabs/tabs.css +1 -1
  32. package/components/Tabs/tabs.scss +1 -3
  33. package/components/Timestamp/timestamp.css +8 -17
  34. package/components/Timestamp/timestamp.scss +8 -18
  35. package/components/ToggleGroup/toggle-group.css +2 -2
  36. package/components/ToggleGroup/toggle-group.scss +2 -4
  37. package/components/_index.css +274 -187
  38. package/docs/components/Alert/examples/Alert.md +4 -4
  39. package/docs/components/Card/examples/Card.md +4 -4
  40. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +2 -2
  41. package/docs/components/DescriptionList/examples/DescriptionList.md +30 -5
  42. package/docs/components/Form/examples/Form.md +2 -2
  43. package/docs/components/Masthead/examples/masthead.md +506 -493
  44. package/docs/components/Nav/examples/Navigation.md +0 -1
  45. package/docs/components/Page/examples/Page.md +98 -89
  46. package/docs/components/Table/examples/Table.md +58 -58
  47. package/docs/components/Wizard/examples/Wizard.md +1 -1
  48. package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
  49. package/docs/demos/Alert/examples/Alert.md +263 -251
  50. package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
  51. package/docs/demos/Banner/examples/Banner.md +177 -173
  52. package/docs/demos/Card/examples/Card.md +12 -12
  53. package/docs/demos/CardView/examples/CardView.md +90 -88
  54. package/docs/demos/Dashboard/examples/Dashboard.md +92 -88
  55. package/docs/demos/DataList/examples/DataList.md +352 -344
  56. package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
  57. package/docs/demos/Drawer/examples/Drawer.md +437 -423
  58. package/docs/demos/Form/examples/BasicForms.md +11 -11
  59. package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
  60. package/docs/demos/Masthead/examples/Masthead.md +772 -736
  61. package/docs/demos/Modal/examples/Modal.md +522 -498
  62. package/docs/demos/Nav/examples/Nav.md +511 -487
  63. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
  64. package/docs/demos/Page/examples/Page.md +959 -915
  65. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
  66. package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
  67. package/docs/demos/Table/examples/Table.md +1326 -1294
  68. package/docs/demos/Tabs/examples/Tabs.md +526 -504
  69. package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
  70. package/docs/demos/Wizard/examples/Wizard.md +790 -767
  71. package/package.json +1 -1
  72. package/patternfly-base-no-globals.css +2 -6
  73. package/patternfly-base.css +5 -9
  74. package/patternfly-no-globals.css +276 -193
  75. package/patternfly.css +279 -196
  76. package/patternfly.min.css +1 -1
  77. package/patternfly.min.css.map +1 -1
package/docs/components/Alert/examples/Alert.md CHANGED
@@ -444,7 +444,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
444
444
  <div class="pf-v6-c-alert__toggle">
445
445
  <button
446
446
  class="pf-v6-c-button pf-m-plain"
447
- id&#x26;#x3D;&#x26;quot;alert-expandable-example-1-toggle&#x26;quot;
447
+ id="alert-expandable-example-1-toggle"
448
448
  type="button"
449
449
  aria-labelledby="alert-expandable-example-1-title alert-expandable-example-1-toggle"
450
450
  aria-label="Details"
@@ -494,7 +494,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
494
494
  <div class="pf-v6-c-alert__toggle">
495
495
  <button
496
496
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
497
- id&#x26;#x3D;&#x26;quot;alert-expandable-example-2-toggle&#x26;quot;
497
+ id="alert-expandable-example-2-toggle"
498
498
  type="button"
499
499
  aria-expanded="true"
500
500
  aria-labelledby="alert-expandable-example-2-title alert-expandable-example-2-toggle"
@@ -545,7 +545,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
545
545
  <div class="pf-v6-c-alert__toggle">
546
546
  <button
547
547
  class="pf-v6-c-button pf-m-plain"
548
- id&#x26;#x3D;&#x26;quot;alert-expandable-example-3-toggle&#x26;quot;
548
+ id="alert-expandable-example-3-toggle"
549
549
  type="button"
550
550
  aria-labelledby="alert-expandable-example-3-title alert-expandable-example-3-toggle"
551
551
  aria-label="Details"
@@ -595,7 +595,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
595
595
  <div class="pf-v6-c-alert__toggle">
596
596
  <button
597
597
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
598
- id&#x26;#x3D;&#x26;quot;alert-expandable-example-4-toggle&#x26;quot;
598
+ id="alert-expandable-example-4-toggle"
599
599
  type="button"
600
600
  aria-expanded="true"
601
601
  aria-labelledby="alert-expandable-example-4-title alert-expandable-example-4-toggle"
package/docs/components/Card/examples/Card.md CHANGED
@@ -1368,7 +1368,7 @@ cssPrefix: pf-v6-c-card
1368
1368
  <div class="pf-v6-c-card__header-toggle">
1369
1369
  <button
1370
1370
  class="pf-v6-c-button pf-m-plain"
1371
- id&#x26;#x3D;&#x26;quot;card-expandable-example-toggle&#x26;quot;
1371
+ id="card-expandable-example-toggle"
1372
1372
  type="button"
1373
1373
  aria-labelledby="card-expandable-example-title card-expandable-example-toggle"
1374
1374
  aria-label="Details"
@@ -1424,7 +1424,7 @@ cssPrefix: pf-v6-c-card
1424
1424
  <div class="pf-v6-c-card__header-toggle">
1425
1425
  <button
1426
1426
  class="pf-v6-c-button pf-m-plain"
1427
- id&#x26;#x3D;&#x26;quot;card-expandable-image-example-toggle&#x26;quot;
1427
+ id="card-expandable-image-example-toggle"
1428
1428
  type="button"
1429
1429
  aria-labelledby="card-expandable-image-example-title card-expandable-image-example-toggle"
1430
1430
  aria-label="Details"
@@ -1479,7 +1479,7 @@ cssPrefix: pf-v6-c-card
1479
1479
  <div class="pf-v6-c-card__header-toggle">
1480
1480
  <button
1481
1481
  class="pf-v6-c-button pf-m-plain"
1482
- id&#x26;#x3D;&#x26;quot;card-expanded-example-toggle&#x26;quot;
1482
+ id="card-expanded-example-toggle"
1483
1483
  type="button"
1484
1484
  aria-labelledby="card-expanded-example-title card-expanded-example-toggle"
1485
1485
  aria-label="Details"
@@ -1611,7 +1611,7 @@ cssPrefix: pf-v6-c-card
1611
1611
  <div class="pf-v6-c-card__header-toggle">
1612
1612
  <button
1613
1613
  class="pf-v6-c-button pf-m-plain"
1614
- id&#x26;#x3D;&#x26;quot;card-toggle-on-right-example-toggle&#x26;quot;
1614
+ id="card-toggle-on-right-example-toggle"
1615
1615
  type="button"
1616
1616
  aria-labelledby="card-toggle-on-right-example-title card-toggle-on-right-example-toggle"
1617
1617
  aria-label="Details"
package/docs/components/ClipboardCopy/examples/ClipboardCopy.md CHANGED
@@ -19,7 +19,7 @@ cssPrefix: pf-v6-c-clipboard-copy
19
19
  </span>
20
20
  <button
21
21
  class="pf-v6-c-button pf-m-control"
22
- id&#x26;#x3D;&#x26;quot;basic-editable-copy-button&#x26;quot;
22
+ id="basic-editable-copy-button"
23
23
  type="button"
24
24
  aria-labelledby="basic-editable-copy-button basic-editable-text-input"
25
25
  aria-label="Copy to clipboard"
@@ -44,7 +44,7 @@ cssPrefix: pf-v6-c-clipboard-copy
44
44
  </span>
45
45
  <button
46
46
  class="pf-v6-c-button pf-m-control"
47
- id&#x26;#x3D;&#x26;quot;basic-readonly-copy-button&#x26;quot;
47
+ id="basic-readonly-copy-button"
48
48
  type="button"
49
49
  aria-labelledby="basic-readonly-copy-button basic-readonly-text-input"
50
50
  aria-label="Copy to clipboard"
package/docs/components/DescriptionList/examples/DescriptionList.md CHANGED
@@ -67,7 +67,12 @@ cssPrefix: pf-v6-c-description-list
67
67
  <dl class="pf-v6-c-description-list">
68
68
  <div class="pf-v6-c-description-list__group">
69
69
  <dt class="pf-v6-c-description-list__term">
70
- <span class="pf-v6-c-description-list__text">Name</span>
70
+ <span
71
+ class="pf-v6-c-description-list__text pf-m-help-text"
72
+ role="button"
73
+ type="button"
74
+ tabindex="0"
75
+ >Name</span>
71
76
  </dt>
72
77
  <dd class="pf-v6-c-description-list__description">
73
78
  <div class="pf-v6-c-description-list__text">example</div>
@@ -75,7 +80,12 @@ cssPrefix: pf-v6-c-description-list
75
80
  </div>
76
81
  <div class="pf-v6-c-description-list__group">
77
82
  <dt class="pf-v6-c-description-list__term">
78
- <span class="pf-v6-c-description-list__text">Namespace</span>
83
+ <span
84
+ class="pf-v6-c-description-list__text pf-m-help-text"
85
+ role="button"
86
+ type="button"
87
+ tabindex="0"
88
+ >Namespace</span>
79
89
  </dt>
80
90
  <dd class="pf-v6-c-description-list__description">
81
91
  <div class="pf-v6-c-description-list__text">
@@ -85,7 +95,12 @@ cssPrefix: pf-v6-c-description-list
85
95
  </div>
86
96
  <div class="pf-v6-c-description-list__group">
87
97
  <dt class="pf-v6-c-description-list__term">
88
- <span class="pf-v6-c-description-list__text">Labels</span>
98
+ <span
99
+ class="pf-v6-c-description-list__text pf-m-help-text"
100
+ role="button"
101
+ type="button"
102
+ tabindex="0"
103
+ >Labels</span>
89
104
  </dt>
90
105
  <dd class="pf-v6-c-description-list__description">
91
106
  <div class="pf-v6-c-description-list__text">example</div>
@@ -93,7 +108,12 @@ cssPrefix: pf-v6-c-description-list
93
108
  </div>
94
109
  <div class="pf-v6-c-description-list__group">
95
110
  <dt class="pf-v6-c-description-list__term">
96
- <span class="pf-v6-c-description-list__text">Pod selector</span>
111
+ <span
112
+ class="pf-v6-c-description-list__text pf-m-help-text"
113
+ role="button"
114
+ type="button"
115
+ tabindex="0"
116
+ >Pod selector</span>
97
117
  </dt>
98
118
  <dd class="pf-v6-c-description-list__description">
99
119
  <div class="pf-v6-c-description-list__text">
@@ -108,7 +128,12 @@ cssPrefix: pf-v6-c-description-list
108
128
  </div>
109
129
  <div class="pf-v6-c-description-list__group">
110
130
  <dt class="pf-v6-c-description-list__term">
111
- <span class="pf-v6-c-description-list__text">Annotation</span>
131
+ <span
132
+ class="pf-v6-c-description-list__text pf-m-help-text"
133
+ role="button"
134
+ type="button"
135
+ tabindex="0"
136
+ >Annotation</span>
112
137
  </dt>
113
138
  <dd class="pf-v6-c-description-list__description">
114
139
  <div class="pf-v6-c-description-list__text">2 Annotations</div>
package/docs/components/Form/examples/Form.md CHANGED
@@ -658,7 +658,7 @@ cssPrefix: pf-v6-c-form
658
658
  <div class="pf-v6-c-form__field-group-toggle-button">
659
659
  <button
660
660
  class="pf-v6-c-button pf-m-plain"
661
- id&#x26;#x3D;&#x26;quot;form-expandable-field-groups-field-group-1-toggle&#x26;quot;
661
+ id="form-expandable-field-groups-field-group-1-toggle"
662
662
  type="button"
663
663
  aria-labelledby="form-expandable-field-groups-field-group-1-title form-expandable-field-groups-field-group-1-toggle"
664
664
  aria-label="Details"
@@ -699,7 +699,7 @@ cssPrefix: pf-v6-c-form
699
699
  <div class="pf-v6-c-form__field-group-toggle-button">
700
700
  <button
701
701
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
702
- id&#x26;#x3D;&#x26;quot;form-expandable-field-groups-field-group-2-toggle&#x26;quot;
702
+ id="form-expandable-field-groups-field-group-2-toggle"
703
703
  type="button"
704
704
  aria-expanded="true"
705
705
  aria-labelledby="form-expandable-field-groups-field-group-2-title form-expandable-field-groups-field-group-2-toggle"