@patternfly/react-styles 6.0.0-prerelease.1 → 6.0.0-prerelease.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +18 -13
  3. package/css/components/Accordion/accordion.css +4 -3
  4. package/css/components/ActionList/action-list.css +2 -1
  5. package/css/components/Alert/alert-group.css +2 -1
  6. package/css/components/Alert/alert.css +5 -3
  7. package/css/components/Avatar/avatar.css +2 -1
  8. package/css/components/BackToTop/back-to-top.css +4 -2
  9. package/css/components/Backdrop/backdrop.css +2 -1
  10. package/css/components/BackgroundImage/background-image.css +2 -1
  11. package/css/components/Badge/badge.css +2 -1
  12. package/css/components/Banner/banner.css +4 -2
  13. package/css/components/Brand/brand.css +2 -1
  14. package/css/components/Breadcrumb/breadcrumb.css +2 -1
  15. package/css/components/Button/button.css +4 -3
  16. package/css/components/CalendarMonth/calendar-month.css +3 -2
  17. package/css/components/Card/card.css +6 -4
  18. package/css/components/Check/check.css +3 -2
  19. package/css/components/ClipboardCopy/clipboard-copy.css +5 -7
  20. package/css/components/CodeBlock/code-block.css +2 -1
  21. package/css/components/CodeEditor/code-editor.css +3 -2
  22. package/css/components/Content/content.css +2 -1
  23. package/css/components/DataList/data-list.css +6 -3
  24. package/css/components/DatePicker/date-picker.css +2 -1
  25. package/css/components/DescriptionList/description-list.css +20 -13
  26. package/css/components/Divider/divider.css +2 -1
  27. package/css/components/DragDrop/drag-drop.css +4 -2
  28. package/css/components/Drawer/drawer.css +7 -4
  29. package/css/components/DualListSelector/dual-list-selector.css +6 -4
  30. package/css/components/EmptyState/empty-state.css +2 -1
  31. package/css/components/ExpandableSection/expandable-section.css +2 -1
  32. package/css/components/FileUpload/file-upload.css +3 -2
  33. package/css/components/Form/form.css +14 -18
  34. package/css/components/FormControl/form-control.css +4 -3
  35. package/css/components/HelperText/helper-text.css +2 -1
  36. package/css/components/Hint/hint.css +2 -1
  37. package/css/components/Icon/icon.css +2 -1
  38. package/css/components/InlineEdit/inline-edit.css +2 -1
  39. package/css/components/InputGroup/input-group.css +3 -2
  40. package/css/components/JumpLinks/jump-links.css +5 -3
  41. package/css/components/Label/label-group.css +2 -1
  42. package/css/components/Label/label.css +3 -2
  43. package/css/components/List/list.css +2 -1
  44. package/css/components/Login/login.css +18 -9
  45. package/css/components/Masthead/masthead.css +2 -1
  46. package/css/components/Menu/menu.css +6 -5
  47. package/css/components/MenuToggle/menu-toggle.css +2 -1
  48. package/css/components/ModalBox/modal-box.css +4 -2
  49. package/css/components/MultipleFileUpload/multiple-file-upload.css +2 -1
  50. package/css/components/Nav/nav.css +2 -1
  51. package/css/components/NotificationDrawer/notification-drawer.css +2 -1
  52. package/css/components/NumberInput/number-input.css +2 -1
  53. package/css/components/OverflowMenu/overflow-menu.css +2 -1
  54. package/css/components/Page/page.css +7 -4
  55. package/css/components/Pagination/pagination.css +6 -3
  56. package/css/components/Panel/panel.css +2 -1
  57. package/css/components/Popover/popover.css +2 -1
  58. package/css/components/Progress/progress.css +2 -1
  59. package/css/components/ProgressStepper/progress-stepper.css +4 -2
  60. package/css/components/Radio/radio.css +2 -1
  61. package/css/components/Sidebar/sidebar.css +2 -1
  62. package/css/components/SimpleList/simple-list.css +2 -1
  63. package/css/components/Skeleton/skeleton.css +2 -1
  64. package/css/components/SkipToContent/skip-to-content.css +2 -1
  65. package/css/components/Slider/slider.css +2 -1
  66. package/css/components/Spinner/spinner.css +2 -1
  67. package/css/components/Switch/switch.css +2 -1
  68. package/css/components/TabContent/tab-content.css +2 -1
  69. package/css/components/Table/table-grid.css +2 -1
  70. package/css/components/Table/table-scrollable.css +2 -1
  71. package/css/components/Table/table-tree-view.css +2 -1
  72. package/css/components/Table/table.css +44 -42
  73. package/css/components/Table/table.d.ts +5 -5
  74. package/css/components/Table/table.js +5 -5
  75. package/css/components/Table/table.mjs +5 -5
  76. package/css/components/Tabs/tabs.css +2 -1
  77. package/css/components/TextInputGroup/text-input-group.css +2 -1
  78. package/css/components/Tile/tile.css +2 -1
  79. package/css/components/Timestamp/timestamp.css +2 -1
  80. package/css/components/Title/title.css +2 -1
  81. package/css/components/ToggleGroup/toggle-group.css +2 -1
  82. package/css/components/Toolbar/toolbar.css +5 -3
  83. package/css/components/Tooltip/tooltip.css +2 -1
  84. package/css/components/TreeView/tree-view.css +2 -1
  85. package/css/components/Truncate/truncate.css +2 -1
  86. package/css/components/Wizard/wizard.css +7 -4
  87. package/css/components/_index.css +337 -224
  88. package/css/components/_index.d.ts +1 -1
  89. package/css/components/_index.js +1 -1
  90. package/css/components/_index.mjs +1 -1
  91. package/css/layouts/Bullseye/bullseye.css +2 -1
  92. package/css/layouts/Flex/flex.css +2 -1
  93. package/css/layouts/Gallery/gallery.css +2 -1
  94. package/css/layouts/Grid/grid.css +2 -1
  95. package/css/layouts/Level/level.css +2 -1
  96. package/css/layouts/Split/split.css +2 -1
  97. package/css/layouts/Stack/stack.css +2 -1
  98. package/css/layouts/_index.css +14 -7
  99. package/css/utilities/Text/text.css +6 -6
  100. package/css/utilities/_index.css +6 -6
  101. package/package.json +3 -3
@@ -777,9 +777,9 @@ declare const _default: {
777
777
  "favorite": "pf-m-favorite",
778
778
  "borderRight": "pf-m-border-right",
779
779
  "borderLeft": "pf-m-border-left",
780
- "wrap": "pf-m-wrap",
781
780
  "noBorderRows": "pf-m-no-border-rows",
782
781
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
782
+ "wrap": "pf-m-wrap",
783
783
  "borderRow": "pf-m-border-row",
784
784
  "width_10": "pf-m-width-10",
785
785
  "width_15": "pf-m-width-15",
@@ -779,9 +779,9 @@ exports.default = {
779
779
  "favorite": "pf-m-favorite",
780
780
  "borderRight": "pf-m-border-right",
781
781
  "borderLeft": "pf-m-border-left",
782
- "wrap": "pf-m-wrap",
783
782
  "noBorderRows": "pf-m-no-border-rows",
784
783
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
784
+ "wrap": "pf-m-wrap",
785
785
  "borderRow": "pf-m-border-row",
786
786
  "width_10": "pf-m-width-10",
787
787
  "width_15": "pf-m-width-15",
@@ -777,9 +777,9 @@ export default {
777
777
  "favorite": "pf-m-favorite",
778
778
  "borderRight": "pf-m-border-right",
779
779
  "borderLeft": "pf-m-border-left",
780
- "wrap": "pf-m-wrap",
781
780
  "noBorderRows": "pf-m-no-border-rows",
782
781
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
782
+ "wrap": "pf-m-wrap",
783
783
  "borderRow": "pf-m-border-row",
784
784
  "width_10": "pf-m-width-10",
785
785
  "width_15": "pf-m-width-15",
@@ -1,4 +1,5 @@
1
- :where(:root, .pf-v6-l-bullseye) {
1
+ :root,
2
+ .pf-v6-l-bullseye {
2
3
  --pf-v6-l-bullseye--Padding: 0;
3
4
  }
4
5
 
@@ -1,4 +1,5 @@
1
- :where(:root, .pf-v6-l-flex) {
1
+ :root,
2
+ .pf-v6-l-flex {
2
3
  --pf-v6-l-flex--Display: flex;
3
4
  --pf-v6-l-flex--FlexWrap: wrap;
4
5
  --pf-v6-l-flex--AlignItems: baseline;
@@ -1,4 +1,5 @@
1
- :where(:root, .pf-v6-l-gallery) {
1
+ :root,
2
+ .pf-v6-l-gallery {
2
3
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
3
4
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
4
5
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -1,4 +1,5 @@
1
- :where(:root, .pf-v6-l-grid) {
1
+ :root,
2
+ .pf-v6-l-grid {
2
3
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
3
4
  --pf-v6-l-grid__item--GridColumnStart: auto;
4
5
  --pf-v6-l-grid__item--GridColumnEnd: span 12;
@@ -1,4 +1,5 @@
1
- :where(:root, .pf-v6-l-level) {
1
+ :root,
2
+ .pf-v6-l-level {
2
3
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
3
4
  }
4
5
 
@@ -1,4 +1,5 @@
1
- :where(:root, .pf-v6-l-split) {
1
+ :root,
2
+ .pf-v6-l-split {
2
3
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
3
4
  }
4
5
 
@@ -1,4 +1,5 @@
1
- :where(:root, .pf-v6-l-stack) {
1
+ :root,
2
+ .pf-v6-l-stack {
2
3
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
3
4
  }
4
5
 
@@ -1,4 +1,5 @@
1
- :where(:root, .pf-v6-l-bullseye) {
1
+ :root,
2
+ .pf-v6-l-bullseye {
2
3
  --pf-v6-l-bullseye--Padding: 0;
3
4
  }
4
5
 
@@ -11,7 +12,8 @@
11
12
  margin: 0;
12
13
  }
13
14
 
14
- :where(:root, .pf-v6-l-flex) {
15
+ :root,
16
+ .pf-v6-l-flex {
15
17
  --pf-v6-l-flex--Display: flex;
16
18
  --pf-v6-l-flex--FlexWrap: wrap;
17
19
  --pf-v6-l-flex--AlignItems: baseline;
@@ -2392,7 +2394,8 @@
2392
2394
  }
2393
2395
  }
2394
2396
 
2395
- :where(:root, .pf-v6-l-gallery) {
2397
+ :root,
2398
+ .pf-v6-l-gallery {
2396
2399
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
2397
2400
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
2398
2401
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -2463,7 +2466,8 @@
2463
2466
  }
2464
2467
  }
2465
2468
 
2466
- :where(:root, .pf-v6-l-grid) {
2469
+ :root,
2470
+ .pf-v6-l-grid {
2467
2471
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
2468
2472
  --pf-v6-l-grid__item--GridColumnStart: auto;
2469
2473
  --pf-v6-l-grid__item--GridColumnEnd: span 12;
@@ -3400,7 +3404,8 @@
3400
3404
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
3401
3405
  }
3402
3406
 
3403
- :where(:root, .pf-v6-l-level) {
3407
+ :root,
3408
+ .pf-v6-l-level {
3404
3409
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
3405
3410
  }
3406
3411
 
@@ -3414,7 +3419,8 @@
3414
3419
  gap: var(--pf-v6-l-level--m-gutter--Gap);
3415
3420
  }
3416
3421
 
3417
- :where(:root, .pf-v6-l-split) {
3422
+ :root,
3423
+ .pf-v6-l-split {
3418
3424
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
3419
3425
  }
3420
3426
 
@@ -3435,7 +3441,8 @@
3435
3441
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
3436
3442
  }
3437
3443
 
3438
- :where(:root, .pf-v6-l-stack) {
3444
+ :root,
3445
+ .pf-v6-l-stack {
3439
3446
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
3440
3447
  }
3441
3448
 
@@ -31,7 +31,7 @@
31
31
  }
32
32
 
33
33
  .pf-v6-u-font-size-2xl {
34
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
34
+ font-size: var(--pf-t--global--font--size--2xl) !important;
35
35
  }
36
36
 
37
37
  .pf-v6-u-font-size-3xl {
@@ -59,7 +59,7 @@
59
59
  font-size: var(--pf-t--global--font--size--xl) !important;
60
60
  }
61
61
  .pf-v6-u-font-size-2xl-on-sm {
62
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
62
+ font-size: var(--pf-t--global--font--size--2xl) !important;
63
63
  }
64
64
  .pf-v6-u-font-size-3xl-on-sm {
65
65
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -85,7 +85,7 @@
85
85
  font-size: var(--pf-t--global--font--size--xl) !important;
86
86
  }
87
87
  .pf-v6-u-font-size-2xl-on-md {
88
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
88
+ font-size: var(--pf-t--global--font--size--2xl) !important;
89
89
  }
90
90
  .pf-v6-u-font-size-3xl-on-md {
91
91
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -111,7 +111,7 @@
111
111
  font-size: var(--pf-t--global--font--size--xl) !important;
112
112
  }
113
113
  .pf-v6-u-font-size-2xl-on-lg {
114
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
114
+ font-size: var(--pf-t--global--font--size--2xl) !important;
115
115
  }
116
116
  .pf-v6-u-font-size-3xl-on-lg {
117
117
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -137,7 +137,7 @@
137
137
  font-size: var(--pf-t--global--font--size--xl) !important;
138
138
  }
139
139
  .pf-v6-u-font-size-2xl-on-xl {
140
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
140
+ font-size: var(--pf-t--global--font--size--2xl) !important;
141
141
  }
142
142
  .pf-v6-u-font-size-3xl-on-xl {
143
143
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -163,7 +163,7 @@
163
163
  font-size: var(--pf-t--global--font--size--xl) !important;
164
164
  }
165
165
  .pf-v6-u-font-size-2xl-on-2xl {
166
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
166
+ font-size: var(--pf-t--global--font--size--2xl) !important;
167
167
  }
168
168
  .pf-v6-u-font-size-3xl-on-2xl {
169
169
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7008,7 +7008,7 @@
7008
7008
  }
7009
7009
 
7010
7010
  .pf-v6-u-font-size-2xl {
7011
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7011
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7012
7012
  }
7013
7013
 
7014
7014
  .pf-v6-u-font-size-3xl {
@@ -7036,7 +7036,7 @@
7036
7036
  font-size: var(--pf-t--global--font--size--xl) !important;
7037
7037
  }
7038
7038
  .pf-v6-u-font-size-2xl-on-sm {
7039
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7039
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7040
7040
  }
7041
7041
  .pf-v6-u-font-size-3xl-on-sm {
7042
7042
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7062,7 +7062,7 @@
7062
7062
  font-size: var(--pf-t--global--font--size--xl) !important;
7063
7063
  }
7064
7064
  .pf-v6-u-font-size-2xl-on-md {
7065
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7065
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7066
7066
  }
7067
7067
  .pf-v6-u-font-size-3xl-on-md {
7068
7068
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7088,7 +7088,7 @@
7088
7088
  font-size: var(--pf-t--global--font--size--xl) !important;
7089
7089
  }
7090
7090
  .pf-v6-u-font-size-2xl-on-lg {
7091
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7091
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7092
7092
  }
7093
7093
  .pf-v6-u-font-size-3xl-on-lg {
7094
7094
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7114,7 +7114,7 @@
7114
7114
  font-size: var(--pf-t--global--font--size--xl) !important;
7115
7115
  }
7116
7116
  .pf-v6-u-font-size-2xl-on-xl {
7117
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7117
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7118
7118
  }
7119
7119
  .pf-v6-u-font-size-3xl-on-xl {
7120
7120
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7140,7 +7140,7 @@
7140
7140
  font-size: var(--pf-t--global--font--size--xl) !important;
7141
7141
  }
7142
7142
  .pf-v6-u-font-size-2xl-on-2xl {
7143
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7143
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7144
7144
  }
7145
7145
  .pf-v6-u-font-size-3xl-on-2xl {
7146
7146
  font-size: var(--pf-t--global--font--size--3xl) !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.0.0-prerelease.1",
3
+ "version": "6.0.0-prerelease.3",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.0.0-alpha.226",
22
+ "@patternfly/patternfly": "6.0.0-prerelease.5",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.2.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "a2d8b200096bfd32dc19df52ac084fd68ae0b26f"
27
+ "gitHead": "6596740214197dac0874222e5d6e91d3bda2b459"
28
28
  }