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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (92) hide show
  1. package/CHANGELOG.md +6 -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 +7 -7
  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/Page/page.css +16 -149
  30. package/css/components/Page/page.d.ts +0 -2
  31. package/css/components/Page/page.js +0 -2
  32. package/css/components/Page/page.mjs +0 -2
  33. package/css/components/Pagination/pagination.css +8 -8
  34. package/css/components/ProgressStepper/progress-stepper.css +14 -13
  35. package/css/components/Sidebar/sidebar.css +8 -8
  36. package/css/components/SimpleList/simple-list.css +1 -1
  37. package/css/components/TabContent/tab-content.css +1 -1
  38. package/css/components/Table/table-grid.css +14 -20
  39. package/css/components/Table/table-tree-view.css +44 -54
  40. package/css/components/Table/table-tree-view.d.ts +1 -3
  41. package/css/components/Table/table-tree-view.js +1 -3
  42. package/css/components/Table/table-tree-view.mjs +1 -3
  43. package/css/components/Table/table.css +5 -5
  44. package/css/components/Tabs/tabs.css +11 -11
  45. package/css/components/Timestamp/timestamp.css +8 -17
  46. package/css/components/ToggleGroup/toggle-group.css +2 -2
  47. package/css/components/Toolbar/toolbar.css +30 -29
  48. package/css/components/Wizard/wizard.css +6 -6
  49. package/css/components/_index.css +434 -575
  50. package/css/components/_index.d.ts +1 -3
  51. package/css/components/_index.js +1 -3
  52. package/css/components/_index.mjs +1 -3
  53. package/css/layouts/Flex/flex.css +35 -35
  54. package/css/layouts/Gallery/gallery.css +10 -10
  55. package/css/layouts/Grid/grid.css +15 -15
  56. package/css/layouts/_index.css +60 -60
  57. package/css/utilities/Accessibility/accessibility.css +15 -15
  58. package/css/utilities/Alignment/alignment.css +5 -5
  59. package/css/utilities/BackgroundColor/background-color.css +5 -5
  60. package/css/utilities/Display/display.css +5 -5
  61. package/css/utilities/Flex/flex.css +50 -50
  62. package/css/utilities/Float/float.css +5 -5
  63. package/css/utilities/Sizing/sizing.css +30 -30
  64. package/css/utilities/Spacing/spacing.css +700 -700
  65. package/css/utilities/Text/text.css +20 -20
  66. package/css/utilities/_index.css +835 -835
  67. package/package.json +3 -3
  68. package/css/components/Consoles/AccessConsoles.css +0 -14
  69. package/css/components/Consoles/AccessConsoles.d.ts +0 -6
  70. package/css/components/Consoles/AccessConsoles.js +0 -7
  71. package/css/components/Consoles/AccessConsoles.mjs +0 -5
  72. package/css/components/Consoles/DesktopViewer.css +0 -6
  73. package/css/components/Consoles/DesktopViewer.d.ts +0 -5
  74. package/css/components/Consoles/DesktopViewer.js +0 -6
  75. package/css/components/Consoles/DesktopViewer.mjs +0 -4
  76. package/css/components/Consoles/SerialConsole.css +0 -11
  77. package/css/components/Consoles/SerialConsole.d.ts +0 -6
  78. package/css/components/Consoles/SerialConsole.js +0 -7
  79. package/css/components/Consoles/SerialConsole.mjs +0 -5
  80. package/css/components/Consoles/VncConsole.css +0 -10
  81. package/css/components/Consoles/VncConsole.d.ts +0 -6
  82. package/css/components/Consoles/VncConsole.js +0 -7
  83. package/css/components/Consoles/VncConsole.mjs +0 -5
  84. package/css/components/Consoles/xterm.css +0 -171
  85. package/css/components/Consoles/xterm.d.ts +0 -26
  86. package/css/components/Consoles/xterm.js +0 -27
  87. package/css/components/Consoles/xterm.mjs +0 -25
  88. package/src/css/components/Consoles/AccessConsoles.css +0 -14
  89. package/src/css/components/Consoles/DesktopViewer.css +0 -6
  90. package/src/css/components/Consoles/SerialConsole.css +0 -11
  91. package/src/css/components/Consoles/VncConsole.css +0 -10
  92. 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
  }