@patternfly/react-styles 6.0.0-alpha.30 → 6.0.0-alpha.32

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 (96) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +11 -11
  3. package/css/components/Accordion/accordion.css +2 -0
  4. package/css/components/Avatar/avatar.css +40 -40
  5. package/css/components/BackToTop/back-to-top.css +1 -1
  6. package/css/components/Banner/banner.css +1 -1
  7. package/css/components/Brand/brand.css +10 -10
  8. package/css/components/Breadcrumb/breadcrumb.css +9 -6
  9. package/css/components/Button/button.css +16 -7
  10. package/css/components/Card/card.css +1 -1
  11. package/css/components/Content/content.css +12 -9
  12. package/css/components/DataList/data-list-grid.css +19 -19
  13. package/css/components/DataList/data-list.css +37 -41
  14. package/css/components/DescriptionList/description-list-order.css +5 -5
  15. package/css/components/DescriptionList/description-list.css +26 -31
  16. package/css/components/Divider/divider.css +20 -20
  17. package/css/components/Drawer/drawer.css +12 -12
  18. package/css/components/Form/form.css +6 -6
  19. package/css/components/JumpLinks/jump-links.css +6 -6
  20. package/css/components/Label/label.css +18 -17
  21. package/css/components/Login/login.css +13 -13
  22. package/css/components/Masthead/masthead.css +201 -103
  23. package/css/components/Menu/menu.css +10 -10
  24. package/css/components/MenuToggle/menu-toggle.css +6 -0
  25. package/css/components/MenuToggle/menu-toggle.d.ts +2 -1
  26. package/css/components/MenuToggle/menu-toggle.js +2 -1
  27. package/css/components/MenuToggle/menu-toggle.mjs +2 -1
  28. package/css/components/ModalBox/modal-box.css +2 -2
  29. package/css/components/Nav/nav.css +5 -4
  30. package/css/components/Nav/nav.d.ts +1 -1
  31. package/css/components/Nav/nav.js +1 -1
  32. package/css/components/Nav/nav.mjs +1 -1
  33. package/css/components/Page/page.css +47 -166
  34. package/css/components/Page/page.d.ts +0 -2
  35. package/css/components/Page/page.js +0 -2
  36. package/css/components/Page/page.mjs +0 -2
  37. package/css/components/Pagination/pagination.css +8 -8
  38. package/css/components/ProgressStepper/progress-stepper.css +14 -13
  39. package/css/components/Sidebar/sidebar.css +8 -8
  40. package/css/components/SimpleList/simple-list.css +1 -1
  41. package/css/components/TabContent/tab-content.css +1 -1
  42. package/css/components/Table/table-grid.css +14 -20
  43. package/css/components/Table/table-tree-view.css +44 -54
  44. package/css/components/Table/table-tree-view.d.ts +1 -3
  45. package/css/components/Table/table-tree-view.js +1 -3
  46. package/css/components/Table/table-tree-view.mjs +1 -3
  47. package/css/components/Table/table.css +5 -5
  48. package/css/components/Tabs/tabs.css +11 -11
  49. package/css/components/Timestamp/timestamp.css +8 -17
  50. package/css/components/ToggleGroup/toggle-group.css +2 -2
  51. package/css/components/Toolbar/toolbar.css +30 -29
  52. package/css/components/Wizard/wizard.css +6 -6
  53. package/css/components/_index.css +664 -692
  54. package/css/components/_index.d.ts +2 -3
  55. package/css/components/_index.js +2 -3
  56. package/css/components/_index.mjs +2 -3
  57. package/css/layouts/Flex/flex.css +35 -35
  58. package/css/layouts/Gallery/gallery.css +10 -10
  59. package/css/layouts/Grid/grid.css +15 -15
  60. package/css/layouts/_index.css +60 -60
  61. package/css/utilities/Accessibility/accessibility.css +15 -15
  62. package/css/utilities/Alignment/alignment.css +5 -5
  63. package/css/utilities/BackgroundColor/background-color.css +5 -5
  64. package/css/utilities/Display/display.css +5 -5
  65. package/css/utilities/Flex/flex.css +50 -50
  66. package/css/utilities/Float/float.css +5 -5
  67. package/css/utilities/Sizing/sizing.css +30 -30
  68. package/css/utilities/Spacing/spacing.css +700 -700
  69. package/css/utilities/Text/text.css +20 -20
  70. package/css/utilities/_index.css +835 -835
  71. package/package.json +3 -3
  72. package/css/components/Consoles/AccessConsoles.css +0 -14
  73. package/css/components/Consoles/AccessConsoles.d.ts +0 -6
  74. package/css/components/Consoles/AccessConsoles.js +0 -7
  75. package/css/components/Consoles/AccessConsoles.mjs +0 -5
  76. package/css/components/Consoles/DesktopViewer.css +0 -6
  77. package/css/components/Consoles/DesktopViewer.d.ts +0 -5
  78. package/css/components/Consoles/DesktopViewer.js +0 -6
  79. package/css/components/Consoles/DesktopViewer.mjs +0 -4
  80. package/css/components/Consoles/SerialConsole.css +0 -11
  81. package/css/components/Consoles/SerialConsole.d.ts +0 -6
  82. package/css/components/Consoles/SerialConsole.js +0 -7
  83. package/css/components/Consoles/SerialConsole.mjs +0 -5
  84. package/css/components/Consoles/VncConsole.css +0 -10
  85. package/css/components/Consoles/VncConsole.d.ts +0 -6
  86. package/css/components/Consoles/VncConsole.js +0 -7
  87. package/css/components/Consoles/VncConsole.mjs +0 -5
  88. package/css/components/Consoles/xterm.css +0 -171
  89. package/css/components/Consoles/xterm.d.ts +0 -26
  90. package/css/components/Consoles/xterm.js +0 -27
  91. package/css/components/Consoles/xterm.mjs +0 -25
  92. package/src/css/components/Consoles/AccessConsoles.css +0 -14
  93. package/src/css/components/Consoles/DesktopViewer.css +0 -6
  94. package/src/css/components/Consoles/SerialConsole.css +0 -11
  95. package/src/css/components/Consoles/VncConsole.css +0 -10
  96. package/src/css/components/Consoles/xterm.css +0 -171
package/css/utilities/Text/text.css CHANGED
@@ -42,7 +42,7 @@
42
42
  font-size: var(--pf-t--global--font--size--4xl) !important;
43
43
  }
44
44
 
45
- @media screen and (min-width: 576px) {
45
+ @media screen and (min-width: 36rem) {
46
46
  .pf-v6-u-font-size-xs-on-sm {
47
47
  font-size: var(--pf-t--global--font--size--xs) !important;
48
48
  }
@@ -68,7 +68,7 @@
68
68
  font-size: var(--pf-t--global--font--size--4xl) !important;
69
69
  }
70
70
  }
71
- @media screen and (min-width: 768px) {
71
+ @media screen and (min-width: 48rem) {
72
72
  .pf-v6-u-font-size-xs-on-md {
73
73
  font-size: var(--pf-t--global--font--size--xs) !important;
74
74
  }
@@ -94,7 +94,7 @@
94
94
  font-size: var(--pf-t--global--font--size--4xl) !important;
95
95
  }
96
96
  }
97
- @media screen and (min-width: 992px) {
97
+ @media screen and (min-width: 62rem) {
98
98
  .pf-v6-u-font-size-xs-on-lg {
99
99
  font-size: var(--pf-t--global--font--size--xs) !important;
100
100
  }
@@ -120,7 +120,7 @@
120
120
  font-size: var(--pf-t--global--font--size--4xl) !important;
121
121
  }
122
122
  }
123
- @media screen and (min-width: 1200px) {
123
+ @media screen and (min-width: 75rem) {
124
124
  .pf-v6-u-font-size-xs-on-xl {
125
125
  font-size: var(--pf-t--global--font--size--xs) !important;
126
126
  }
@@ -146,7 +146,7 @@
146
146
  font-size: var(--pf-t--global--font--size--4xl) !important;
147
147
  }
148
148
  }
149
- @media screen and (min-width: 1450px) {
149
+ @media screen and (min-width: 90.625rem) {
150
150
  .pf-v6-u-font-size-xs-on-2xl {
151
151
  font-size: var(--pf-t--global--font--size--xs) !important;
152
152
  }
@@ -180,7 +180,7 @@
180
180
  font-weight: var(--pf-t--global--font--weight--body--bold) !important;
181
181
  }
182
182
 
183
- @media screen and (min-width: 576px) {
183
+ @media screen and (min-width: 36rem) {
184
184
  .pf-v6-u-font-weight-normal-on-sm {
185
185
  font-weight: var(--pf-t--global--font--weight--body--default) !important;
186
186
  }
@@ -188,7 +188,7 @@
188
188
  font-weight: var(--pf-t--global--font--weight--body--bold) !important;
189
189
  }
190
190
  }
191
- @media screen and (min-width: 768px) {
191
+ @media screen and (min-width: 48rem) {
192
192
  .pf-v6-u-font-weight-normal-on-md {
193
193
  font-weight: var(--pf-t--global--font--weight--body--default) !important;
194
194
  }
@@ -196,7 +196,7 @@
196
196
  font-weight: var(--pf-t--global--font--weight--body--bold) !important;
197
197
  }
198
198
  }
199
- @media screen and (min-width: 992px) {
199
+ @media screen and (min-width: 62rem) {
200
200
  .pf-v6-u-font-weight-normal-on-lg {
201
201
  font-weight: var(--pf-t--global--font--weight--body--default) !important;
202
202
  }
@@ -204,7 +204,7 @@
204
204
  font-weight: var(--pf-t--global--font--weight--body--bold) !important;
205
205
  }
206
206
  }
207
- @media screen and (min-width: 1200px) {
207
+ @media screen and (min-width: 75rem) {
208
208
  .pf-v6-u-font-weight-normal-on-xl {
209
209
  font-weight: var(--pf-t--global--font--weight--body--default) !important;
210
210
  }
@@ -212,7 +212,7 @@
212
212
  font-weight: var(--pf-t--global--font--weight--body--bold) !important;
213
213
  }
214
214
  }
215
- @media screen and (min-width: 1450px) {
215
+ @media screen and (min-width: 90.625rem) {
216
216
  .pf-v6-u-font-weight-normal-on-2xl {
217
217
  font-weight: var(--pf-t--global--font--weight--body--default) !important;
218
218
  }
@@ -332,7 +332,7 @@
332
332
  color: var(--pf-t--global--icon--color--status--custom--default) !important;
333
333
  }
334
334
 
335
- @media screen and (min-width: 576px) {
335
+ @media screen and (min-width: 36rem) {
336
336
  .pf-v6-u-text-color-brand-on-sm {
337
337
  color: var(--pf-t--global--text--color--brand--default) !important;
338
338
  }
@@ -418,7 +418,7 @@
418
418
  color: var(--pf-t--global--icon--color--status--custom--default) !important;
419
419
  }
420
420
  }
421
- @media screen and (min-width: 768px) {
421
+ @media screen and (min-width: 48rem) {
422
422
  .pf-v6-u-text-color-brand-on-md {
423
423
  color: var(--pf-t--global--text--color--brand--default) !important;
424
424
  }
@@ -504,7 +504,7 @@
504
504
  color: var(--pf-t--global--icon--color--status--custom--default) !important;
505
505
  }
506
506
  }
507
- @media screen and (min-width: 992px) {
507
+ @media screen and (min-width: 62rem) {
508
508
  .pf-v6-u-text-color-brand-on-lg {
509
509
  color: var(--pf-t--global--text--color--brand--default) !important;
510
510
  }
@@ -590,7 +590,7 @@
590
590
  color: var(--pf-t--global--icon--color--status--custom--default) !important;
591
591
  }
592
592
  }
593
- @media screen and (min-width: 1200px) {
593
+ @media screen and (min-width: 75rem) {
594
594
  .pf-v6-u-text-color-brand-on-xl {
595
595
  color: var(--pf-t--global--text--color--brand--default) !important;
596
596
  }
@@ -676,7 +676,7 @@
676
676
  color: var(--pf-t--global--icon--color--status--custom--default) !important;
677
677
  }
678
678
  }
679
- @media screen and (min-width: 1450px) {
679
+ @media screen and (min-width: 90.625rem) {
680
680
  .pf-v6-u-text-color-brand-on-2xl {
681
681
  color: var(--pf-t--global--text--color--brand--default) !important;
682
682
  }
@@ -774,7 +774,7 @@
774
774
  white-space: normal !important;
775
775
  }
776
776
 
777
- @media screen and (min-width: 576px) {
777
+ @media screen and (min-width: 36rem) {
778
778
  .pf-v6-u-text-break-word-on-sm {
779
779
  word-break: break-word !important;
780
780
  }
@@ -785,7 +785,7 @@
785
785
  white-space: normal !important;
786
786
  }
787
787
  }
788
- @media screen and (min-width: 768px) {
788
+ @media screen and (min-width: 48rem) {
789
789
  .pf-v6-u-text-break-word-on-md {
790
790
  word-break: break-word !important;
791
791
  }
@@ -796,7 +796,7 @@
796
796
  white-space: normal !important;
797
797
  }
798
798
  }
799
- @media screen and (min-width: 992px) {
799
+ @media screen and (min-width: 62rem) {
800
800
  .pf-v6-u-text-break-word-on-lg {
801
801
  word-break: break-word !important;
802
802
  }
@@ -807,7 +807,7 @@
807
807
  white-space: normal !important;
808
808
  }
809
809
  }
810
- @media screen and (min-width: 1200px) {
810
+ @media screen and (min-width: 75rem) {
811
811
  .pf-v6-u-text-break-word-on-xl {
812
812
  word-break: break-word !important;
813
813
  }
@@ -818,7 +818,7 @@
818
818
  white-space: normal !important;
819
819
  }
820
820
  }
821
- @media screen and (min-width: 1450px) {
821
+ @media screen and (min-width: 90.625rem) {
822
822
  .pf-v6-u-text-break-word-on-2xl {
823
823
  word-break: break-word !important;
824
824
  }