@patternfly/patternfly 6.3.0-prerelease.9 → 6.3.0

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 (109) hide show
  1. package/assets/images/icon-outlined-star.hbs +3 -0
  2. package/assets/images/icon-star.hbs +3 -0
  3. package/base/patternfly-common.css +46 -11
  4. package/base/patternfly-common.scss +58 -13
  5. package/components/Accordion/accordion.css +72 -3
  6. package/components/Accordion/accordion.scss +78 -6
  7. package/components/Alert/alert-group.css +52 -31
  8. package/components/Alert/alert-group.scss +77 -46
  9. package/components/Button/button.css +154 -6
  10. package/components/Button/button.scss +160 -8
  11. package/components/DataList/data-list.css +2 -2
  12. package/components/DataList/data-list.scss +2 -2
  13. package/components/DualListSelector/dual-list-selector.css +36 -0
  14. package/components/DualListSelector/dual-list-selector.scss +43 -0
  15. package/components/ExpandableSection/expandable-section.css +63 -1
  16. package/components/ExpandableSection/expandable-section.scss +76 -2
  17. package/components/FileUpload/file-upload.css +3 -3
  18. package/components/FileUpload/file-upload.scss +3 -3
  19. package/components/Form/form.css +40 -1
  20. package/components/Form/form.scss +47 -1
  21. package/components/FormControl/form-control.css +16 -0
  22. package/components/FormControl/form-control.scss +9 -0
  23. package/components/InputGroup/input-group.css +80 -0
  24. package/components/InputGroup/input-group.scss +95 -0
  25. package/components/Menu/menu.css +24 -4
  26. package/components/Menu/menu.scss +20 -5
  27. package/components/MenuToggle/menu-toggle.css +30 -0
  28. package/components/MenuToggle/menu-toggle.scss +33 -0
  29. package/components/Nav/nav.css +22 -8
  30. package/components/Nav/nav.scss +22 -9
  31. package/components/Page/page.css +62 -3
  32. package/components/Page/page.scss +44 -3
  33. package/components/Progress/progress.css +16 -0
  34. package/components/Progress/progress.scss +11 -1
  35. package/components/ProgressStepper/progress-stepper.scss +1 -0
  36. package/components/Spinner/spinner.css +5 -0
  37. package/components/Spinner/spinner.scss +6 -0
  38. package/components/Table/table-grid.css +51 -5
  39. package/components/Table/table-grid.scss +22 -1
  40. package/components/Table/table.css +83 -1
  41. package/components/Table/table.scss +123 -1
  42. package/components/Tabs/tabs.css +25 -15
  43. package/components/Tabs/tabs.scss +26 -13
  44. package/components/TextInputGroup/text-input-group.css +16 -0
  45. package/components/TextInputGroup/text-input-group.scss +8 -0
  46. package/components/Timestamp/timestamp.css +4 -0
  47. package/components/Timestamp/timestamp.scss +7 -0
  48. package/components/TreeView/tree-view.css +39 -0
  49. package/components/TreeView/tree-view.scss +42 -2
  50. package/components/Truncate/truncate.css +1 -0
  51. package/components/Truncate/truncate.scss +3 -0
  52. package/components/_index.css +896 -83
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  54. package/docs/components/Button/examples/Button.md +148 -5
  55. package/docs/components/Card/examples/Card.md +8 -8
  56. package/docs/components/CodeBlock/examples/CodeBlock.md +5 -5
  57. package/docs/components/DataList/examples/DataList.md +23 -23
  58. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  59. package/docs/components/ExpandableSection/examples/ExpandableSection.md +17 -12
  60. package/docs/components/Form/examples/Form.md +1047 -126
  61. package/docs/components/Hint/examples/Hint.md +3 -3
  62. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  63. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  64. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  65. package/docs/components/Masthead/examples/masthead.md +90 -12
  66. package/docs/components/Menu/examples/Menu.md +122 -6
  67. package/docs/components/MenuToggle/examples/MenuToggle.md +90 -51
  68. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  69. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  70. package/docs/components/Page/examples/Page.md +147 -14
  71. package/docs/components/Pagination/examples/Pagination.md +12 -12
  72. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  73. package/docs/components/Slider/examples/Slider.md +2 -2
  74. package/docs/components/Spinner/examples/Spinner.md +10 -0
  75. package/docs/components/Table/examples/Table.md +9428 -6173
  76. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  77. package/docs/components/TextInputGroup/examples/TextInputGroup.md +45 -5
  78. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  79. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  80. package/docs/demos/Alert/examples/Alert.md +66 -9
  81. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  82. package/docs/demos/Banner/examples/Banner.md +47 -6
  83. package/docs/demos/Card/examples/Card.md +5 -62
  84. package/docs/demos/CardView/examples/CardView.md +24 -5
  85. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  86. package/docs/demos/DataList/examples/DataList.md +100 -24
  87. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  88. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  89. package/docs/demos/Form/examples/BasicForms.md +12 -12
  90. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  91. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  92. package/docs/demos/Modal/examples/Modal.md +132 -18
  93. package/docs/demos/Nav/examples/Nav.md +111 -16
  94. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  95. package/docs/demos/Page/examples/Page.md +309 -43
  96. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  97. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  98. package/docs/demos/Table/examples/Table.md +449 -155
  99. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  100. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  101. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  102. package/package.json +5 -5
  103. package/patternfly-base-no-globals.css +45 -11
  104. package/patternfly-base.css +45 -11
  105. package/patternfly-no-globals.css +941 -94
  106. package/patternfly.css +941 -94
  107. package/patternfly.min.css +1 -1
  108. package/patternfly.min.css.map +1 -1
  109. package/sass-utilities/mixins.scss +54 -0
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -20,12 +20,31 @@ wrapperTag: div
20
20
  <div class="pf-v6-c-masthead__main">
21
21
  <span class="pf-v6-c-masthead__toggle">
22
22
  <button
23
- class="pf-v6-c-button pf-m-plain"
23
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
24
24
  type="button"
25
25
  aria-label="Global navigation"
26
26
  >
27
27
  <span class="pf-v6-c-button__icon">
28
- <i class="fas fa-bars" aria-hidden="true"></i>
28
+ <svg
29
+ viewBox="0 0 10 10"
30
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
31
+ width="1em"
32
+ height="1em"
33
+ >
34
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
35
+ <path
36
+ class="pf-v6-c-button--hamburger-icon--middle"
37
+ d="M1,5 L9,5"
38
+ />
39
+ <path
40
+ class="pf-v6-c-button--hamburger-icon--arrow"
41
+ d="M1,5 L1,5 L1,5"
42
+ />
43
+ <path
44
+ class="pf-v6-c-button--hamburger-icon--bottom"
45
+ d="M9,9 L1,9"
46
+ />
47
+ </svg>
29
48
  </span>
30
49
  </button>
31
50
  </span>
@@ -133,7 +152,7 @@ wrapperTag: div
133
152
  </div>
134
153
  <div class="pf-v6-c-toolbar__item">
135
154
  <button
136
- class="pf-v6-c-menu-toggle pf-m-plain"
155
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
137
156
  type="button"
138
157
  aria-expanded="false"
139
158
  aria-label="Settings"
@@ -622,12 +641,31 @@ wrapperTag: div
622
641
  <div class="pf-v6-c-masthead__main">
623
642
  <span class="pf-v6-c-masthead__toggle">
624
643
  <button
625
- class="pf-v6-c-button pf-m-plain"
644
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
626
645
  type="button"
627
646
  aria-label="Global navigation"
628
647
  >
629
648
  <span class="pf-v6-c-button__icon">
630
- <i class="fas fa-bars" aria-hidden="true"></i>
649
+ <svg
650
+ viewBox="0 0 10 10"
651
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
652
+ width="1em"
653
+ height="1em"
654
+ >
655
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
656
+ <path
657
+ class="pf-v6-c-button--hamburger-icon--middle"
658
+ d="M1,5 L9,5"
659
+ />
660
+ <path
661
+ class="pf-v6-c-button--hamburger-icon--arrow"
662
+ d="M1,5 L1,5 L1,5"
663
+ />
664
+ <path
665
+ class="pf-v6-c-button--hamburger-icon--bottom"
666
+ d="M9,9 L1,9"
667
+ />
668
+ </svg>
631
669
  </span>
632
670
  </button>
633
671
  </span>
@@ -735,7 +773,7 @@ wrapperTag: div
735
773
  </div>
736
774
  <div class="pf-v6-c-toolbar__item">
737
775
  <button
738
- class="pf-v6-c-menu-toggle pf-m-plain"
776
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
739
777
  type="button"
740
778
  aria-expanded="false"
741
779
  aria-label="Settings"
@@ -1206,12 +1244,31 @@ wrapperTag: div
1206
1244
  <div class="pf-v6-c-masthead__main">
1207
1245
  <span class="pf-v6-c-masthead__toggle">
1208
1246
  <button
1209
- class="pf-v6-c-button pf-m-plain"
1247
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
1210
1248
  type="button"
1211
1249
  aria-label="Global navigation"
1212
1250
  >
1213
1251
  <span class="pf-v6-c-button__icon">
1214
- <i class="fas fa-bars" aria-hidden="true"></i>
1252
+ <svg
1253
+ viewBox="0 0 10 10"
1254
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
1255
+ width="1em"
1256
+ height="1em"
1257
+ >
1258
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
1259
+ <path
1260
+ class="pf-v6-c-button--hamburger-icon--middle"
1261
+ d="M1,5 L9,5"
1262
+ />
1263
+ <path
1264
+ class="pf-v6-c-button--hamburger-icon--arrow"
1265
+ d="M1,5 L1,5 L1,5"
1266
+ />
1267
+ <path
1268
+ class="pf-v6-c-button--hamburger-icon--bottom"
1269
+ d="M9,9 L1,9"
1270
+ />
1271
+ </svg>
1215
1272
  </span>
1216
1273
  </button>
1217
1274
  </span>
@@ -1319,7 +1376,7 @@ wrapperTag: div
1319
1376
  </div>
1320
1377
  <div class="pf-v6-c-toolbar__item">
1321
1378
  <button
1322
- class="pf-v6-c-menu-toggle pf-m-plain"
1379
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1323
1380
  type="button"
1324
1381
  aria-expanded="false"
1325
1382
  aria-label="Settings"
@@ -1875,12 +1932,31 @@ wrapperTag: div
1875
1932
  <div class="pf-v6-c-masthead__main">
1876
1933
  <span class="pf-v6-c-masthead__toggle">
1877
1934
  <button
1878
- class="pf-v6-c-button pf-m-plain"
1935
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
1879
1936
  type="button"
1880
1937
  aria-label="Global navigation"
1881
1938
  >
1882
1939
  <span class="pf-v6-c-button__icon">
1883
- <i class="fas fa-bars" aria-hidden="true"></i>
1940
+ <svg
1941
+ viewBox="0 0 10 10"
1942
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
1943
+ width="1em"
1944
+ height="1em"
1945
+ >
1946
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
1947
+ <path
1948
+ class="pf-v6-c-button--hamburger-icon--middle"
1949
+ d="M1,5 L9,5"
1950
+ />
1951
+ <path
1952
+ class="pf-v6-c-button--hamburger-icon--arrow"
1953
+ d="M1,5 L1,5 L1,5"
1954
+ />
1955
+ <path
1956
+ class="pf-v6-c-button--hamburger-icon--bottom"
1957
+ d="M9,9 L1,9"
1958
+ />
1959
+ </svg>
1884
1960
  </span>
1885
1961
  </button>
1886
1962
  </span>
@@ -1988,7 +2064,7 @@ wrapperTag: div
1988
2064
  </div>
1989
2065
  <div class="pf-v6-c-toolbar__item">
1990
2066
  <button
1991
- class="pf-v6-c-menu-toggle pf-m-plain"
2067
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1992
2068
  type="button"
1993
2069
  aria-expanded="false"
1994
2070
  aria-label="Settings"
@@ -2544,12 +2620,31 @@ wrapperTag: div
2544
2620
  <div class="pf-v6-c-masthead__main">
2545
2621
  <span class="pf-v6-c-masthead__toggle">
2546
2622
  <button
2547
- class="pf-v6-c-button pf-m-plain"
2623
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
2548
2624
  type="button"
2549
2625
  aria-label="Global navigation"
2550
2626
  >
2551
2627
  <span class="pf-v6-c-button__icon">
2552
- <i class="fas fa-bars" aria-hidden="true"></i>
2628
+ <svg
2629
+ viewBox="0 0 10 10"
2630
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
2631
+ width="1em"
2632
+ height="1em"
2633
+ >
2634
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
2635
+ <path
2636
+ class="pf-v6-c-button--hamburger-icon--middle"
2637
+ d="M1,5 L9,5"
2638
+ />
2639
+ <path
2640
+ class="pf-v6-c-button--hamburger-icon--arrow"
2641
+ d="M1,5 L1,5 L1,5"
2642
+ />
2643
+ <path
2644
+ class="pf-v6-c-button--hamburger-icon--bottom"
2645
+ d="M9,9 L1,9"
2646
+ />
2647
+ </svg>
2553
2648
  </span>
2554
2649
  </button>
2555
2650
  </span>
@@ -2657,7 +2752,7 @@ wrapperTag: div
2657
2752
  </div>
2658
2753
  <div class="pf-v6-c-toolbar__item">
2659
2754
  <button
2660
- class="pf-v6-c-menu-toggle pf-m-plain"
2755
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2661
2756
  type="button"
2662
2757
  aria-expanded="false"
2663
2758
  aria-label="Settings"
@@ -3083,12 +3178,31 @@ wrapperTag: div
3083
3178
  <div class="pf-v6-c-masthead__main">
3084
3179
  <span class="pf-v6-c-masthead__toggle">
3085
3180
  <button
3086
- class="pf-v6-c-button pf-m-plain"
3181
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
3087
3182
  type="button"
3088
3183
  aria-label="Global navigation"
3089
3184
  >
3090
3185
  <span class="pf-v6-c-button__icon">
3091
- <i class="fas fa-bars" aria-hidden="true"></i>
3186
+ <svg
3187
+ viewBox="0 0 10 10"
3188
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
3189
+ width="1em"
3190
+ height="1em"
3191
+ >
3192
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
3193
+ <path
3194
+ class="pf-v6-c-button--hamburger-icon--middle"
3195
+ d="M1,5 L9,5"
3196
+ />
3197
+ <path
3198
+ class="pf-v6-c-button--hamburger-icon--arrow"
3199
+ d="M1,5 L1,5 L1,5"
3200
+ />
3201
+ <path
3202
+ class="pf-v6-c-button--hamburger-icon--bottom"
3203
+ d="M9,9 L1,9"
3204
+ />
3205
+ </svg>
3092
3206
  </span>
3093
3207
  </button>
3094
3208
  </span>
@@ -3196,7 +3310,7 @@ wrapperTag: div
3196
3310
  </div>
3197
3311
  <div class="pf-v6-c-toolbar__item">
3198
3312
  <button
3199
- class="pf-v6-c-menu-toggle pf-m-plain"
3313
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
3200
3314
  type="button"
3201
3315
  aria-expanded="false"
3202
3316
  aria-label="Settings"
@@ -3629,12 +3743,31 @@ wrapperTag: div
3629
3743
  <div class="pf-v6-c-masthead__main">
3630
3744
  <span class="pf-v6-c-masthead__toggle">
3631
3745
  <button
3632
- class="pf-v6-c-button pf-m-plain"
3746
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
3633
3747
  type="button"
3634
3748
  aria-label="Global navigation"
3635
3749
  >
3636
3750
  <span class="pf-v6-c-button__icon">
3637
- <i class="fas fa-bars" aria-hidden="true"></i>
3751
+ <svg
3752
+ viewBox="0 0 10 10"
3753
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
3754
+ width="1em"
3755
+ height="1em"
3756
+ >
3757
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
3758
+ <path
3759
+ class="pf-v6-c-button--hamburger-icon--middle"
3760
+ d="M1,5 L9,5"
3761
+ />
3762
+ <path
3763
+ class="pf-v6-c-button--hamburger-icon--arrow"
3764
+ d="M1,5 L1,5 L1,5"
3765
+ />
3766
+ <path
3767
+ class="pf-v6-c-button--hamburger-icon--bottom"
3768
+ d="M9,9 L1,9"
3769
+ />
3770
+ </svg>
3638
3771
  </span>
3639
3772
  </button>
3640
3773
  </span>
@@ -3742,7 +3875,7 @@ wrapperTag: div
3742
3875
  </div>
3743
3876
  <div class="pf-v6-c-toolbar__item">
3744
3877
  <button
3745
- class="pf-v6-c-menu-toggle pf-m-plain"
3878
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
3746
3879
  type="button"
3747
3880
  aria-expanded="false"
3748
3881
  aria-label="Settings"
@@ -4157,12 +4290,31 @@ wrapperTag: div
4157
4290
  <div class="pf-v6-c-masthead__main">
4158
4291
  <span class="pf-v6-c-masthead__toggle">
4159
4292
  <button
4160
- class="pf-v6-c-button pf-m-plain"
4293
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
4161
4294
  type="button"
4162
4295
  aria-label="Global navigation"
4163
4296
  >
4164
4297
  <span class="pf-v6-c-button__icon">
4165
- <i class="fas fa-bars" aria-hidden="true"></i>
4298
+ <svg
4299
+ viewBox="0 0 10 10"
4300
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
4301
+ width="1em"
4302
+ height="1em"
4303
+ >
4304
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
4305
+ <path
4306
+ class="pf-v6-c-button--hamburger-icon--middle"
4307
+ d="M1,5 L9,5"
4308
+ />
4309
+ <path
4310
+ class="pf-v6-c-button--hamburger-icon--arrow"
4311
+ d="M1,5 L1,5 L1,5"
4312
+ />
4313
+ <path
4314
+ class="pf-v6-c-button--hamburger-icon--bottom"
4315
+ d="M9,9 L1,9"
4316
+ />
4317
+ </svg>
4166
4318
  </span>
4167
4319
  </button>
4168
4320
  </span>
@@ -4270,7 +4422,7 @@ wrapperTag: div
4270
4422
  </div>
4271
4423
  <div class="pf-v6-c-toolbar__item">
4272
4424
  <button
4273
- class="pf-v6-c-menu-toggle pf-m-plain"
4425
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
4274
4426
  type="button"
4275
4427
  aria-expanded="false"
4276
4428
  aria-label="Settings"
@@ -4756,12 +4908,31 @@ wrapperTag: div
4756
4908
  <div class="pf-v6-c-masthead__main">
4757
4909
  <span class="pf-v6-c-masthead__toggle">
4758
4910
  <button
4759
- class="pf-v6-c-button pf-m-plain"
4911
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
4760
4912
  type="button"
4761
4913
  aria-label="Global navigation"
4762
4914
  >
4763
4915
  <span class="pf-v6-c-button__icon">
4764
- <i class="fas fa-bars" aria-hidden="true"></i>
4916
+ <svg
4917
+ viewBox="0 0 10 10"
4918
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
4919
+ width="1em"
4920
+ height="1em"
4921
+ >
4922
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
4923
+ <path
4924
+ class="pf-v6-c-button--hamburger-icon--middle"
4925
+ d="M1,5 L9,5"
4926
+ />
4927
+ <path
4928
+ class="pf-v6-c-button--hamburger-icon--arrow"
4929
+ d="M1,5 L1,5 L1,5"
4930
+ />
4931
+ <path
4932
+ class="pf-v6-c-button--hamburger-icon--bottom"
4933
+ d="M9,9 L1,9"
4934
+ />
4935
+ </svg>
4765
4936
  </span>
4766
4937
  </button>
4767
4938
  </span>
@@ -4869,7 +5040,7 @@ wrapperTag: div
4869
5040
  </div>
4870
5041
  <div class="pf-v6-c-toolbar__item">
4871
5042
  <button
4872
- class="pf-v6-c-menu-toggle pf-m-plain"
5043
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
4873
5044
  type="button"
4874
5045
  aria-expanded="false"
4875
5046
  aria-label="Settings"
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.3.0-prerelease.9",
4
+ "version": "6.3.0",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,11 +47,11 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.9.4",
50
+ "@patternfly/documentation-framework": "6.11.2",
51
51
  "@patternfly/patternfly-a11y": "5.1.0",
52
- "@patternfly/react-code-editor": "6.2.1",
53
- "@patternfly/react-core": "6.2.1",
54
- "@patternfly/react-table": "6.2.1",
52
+ "@patternfly/react-code-editor": "6.2.2",
53
+ "@patternfly/react-core": "6.2.2",
54
+ "@patternfly/react-table": "6.2.2",
55
55
  "@starptech/prettyhtml": "^0.10.0",
56
56
  "backstopjs": "^6.3.23",
57
57
  "cheerio": "^1.0.0-rc.12",
package/patternfly-base-no-globals.css CHANGED
@@ -44,19 +44,53 @@
44
44
  }
45
45
 
46
46
  .pf-v6-m-no-motion {
47
- --pf-t--global--delay--400: 0ms !important;
48
- --pf-t--global--delay--300: 0ms !important;
49
- --pf-t--global--delay--200: 0ms !important;
50
- --pf-t--global--delay--100: 0ms !important;
51
- --pf-t--global--duration--600: 0ms !important;
52
- --pf-t--global--duration--500: 0ms !important;
53
- --pf-t--global--duration--400: 0ms !important;
54
- --pf-t--global--duration--300: 0ms !important;
55
- --pf-t--global--duration--200: 0ms !important;
56
- --pf-t--global--duration--100: 0ms !important;
57
- --pf-t--global--duration--50: 0ms !important;
47
+ --pf-t--global--delay--400: 1ms !important;
48
+ --pf-t--global--delay--300: 1ms !important;
49
+ --pf-t--global--delay--200: 1ms !important;
50
+ --pf-t--global--delay--100: 1ms !important;
51
+ --pf-t--global--duration--600: 1ms !important;
52
+ --pf-t--global--duration--500: 1ms !important;
53
+ --pf-t--global--duration--400: 1ms !important;
54
+ --pf-t--global--duration--300: 1ms !important;
55
+ --pf-t--global--duration--200: 1ms !important;
56
+ --pf-t--global--duration--100: 1ms !important;
57
+ --pf-t--global--duration--50: 1ms !important;
58
58
  }
59
59
 
60
+ :root {
61
+ --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
62
+ --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
63
+ }
64
+
65
+ @property --pf-v6-global--danger-jiggle--TranslateX {
66
+ syntax: "<length>";
67
+ inherits: false;
68
+ initial-value: 0;
69
+ }
70
+ @keyframes pf-v6-global-danger-jiggle-motion {
71
+ 33% {
72
+ --pf-v6-global--danger-jiggle--TranslateX: -2px;
73
+ }
74
+ 66% {
75
+ --pf-v6-global--danger-jiggle--TranslateX: 3px;
76
+ }
77
+ }
78
+ @keyframes pf-v6-global-fade-in {
79
+ from {
80
+ opacity: 0;
81
+ }
82
+ to {
83
+ opacity: 1;
84
+ }
85
+ }
86
+ @keyframes pf-v6-global-fade-out {
87
+ from {
88
+ opacity: 1;
89
+ }
90
+ to {
91
+ opacity: 0;
92
+ }
93
+ }
60
94
  @font-face {
61
95
  font-family: "Red Hat Text";
62
96
  font-style: normal;
package/patternfly-base.css CHANGED
@@ -180,19 +180,53 @@ button) {
180
180
  }
181
181
 
182
182
  .pf-v6-m-no-motion {
183
- --pf-t--global--delay--400: 0ms !important;
184
- --pf-t--global--delay--300: 0ms !important;
185
- --pf-t--global--delay--200: 0ms !important;
186
- --pf-t--global--delay--100: 0ms !important;
187
- --pf-t--global--duration--600: 0ms !important;
188
- --pf-t--global--duration--500: 0ms !important;
189
- --pf-t--global--duration--400: 0ms !important;
190
- --pf-t--global--duration--300: 0ms !important;
191
- --pf-t--global--duration--200: 0ms !important;
192
- --pf-t--global--duration--100: 0ms !important;
193
- --pf-t--global--duration--50: 0ms !important;
183
+ --pf-t--global--delay--400: 1ms !important;
184
+ --pf-t--global--delay--300: 1ms !important;
185
+ --pf-t--global--delay--200: 1ms !important;
186
+ --pf-t--global--delay--100: 1ms !important;
187
+ --pf-t--global--duration--600: 1ms !important;
188
+ --pf-t--global--duration--500: 1ms !important;
189
+ --pf-t--global--duration--400: 1ms !important;
190
+ --pf-t--global--duration--300: 1ms !important;
191
+ --pf-t--global--duration--200: 1ms !important;
192
+ --pf-t--global--duration--100: 1ms !important;
193
+ --pf-t--global--duration--50: 1ms !important;
194
194
  }
195
195
 
196
+ :root {
197
+ --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
198
+ --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
199
+ }
200
+
201
+ @property --pf-v6-global--danger-jiggle--TranslateX {
202
+ syntax: "<length>";
203
+ inherits: false;
204
+ initial-value: 0;
205
+ }
206
+ @keyframes pf-v6-global-danger-jiggle-motion {
207
+ 33% {
208
+ --pf-v6-global--danger-jiggle--TranslateX: -2px;
209
+ }
210
+ 66% {
211
+ --pf-v6-global--danger-jiggle--TranslateX: 3px;
212
+ }
213
+ }
214
+ @keyframes pf-v6-global-fade-in {
215
+ from {
216
+ opacity: 0;
217
+ }
218
+ to {
219
+ opacity: 1;
220
+ }
221
+ }
222
+ @keyframes pf-v6-global-fade-out {
223
+ from {
224
+ opacity: 1;
225
+ }
226
+ to {
227
+ opacity: 0;
228
+ }
229
+ }
196
230
  @font-face {
197
231
  font-family: "Red Hat Text";
198
232
  font-style: normal;