@patternfly/react-styles 6.0.0-alpha.17 → 6.0.0-alpha.18

Sign up to get free protection for your applications and to get access to all the features.
Files changed (129) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Check/check.css +2 -2
  3. package/css/components/Divider/divider.css +42 -42
  4. package/css/components/Drawer/drawer.css +5 -4
  5. package/css/components/Drawer/drawer.d.ts +1 -0
  6. package/css/components/Drawer/drawer.js +1 -0
  7. package/css/components/Drawer/drawer.mjs +1 -0
  8. package/css/components/Label/label.css +14 -0
  9. package/css/components/Label/label.d.ts +2 -1
  10. package/css/components/Label/label.js +2 -1
  11. package/css/components/Label/label.mjs +2 -1
  12. package/css/components/Masthead/masthead.css +70 -70
  13. package/css/components/MenuToggle/menu-toggle.css +24 -0
  14. package/css/components/MenuToggle/menu-toggle.d.ts +4 -0
  15. package/css/components/MenuToggle/menu-toggle.js +4 -0
  16. package/css/components/MenuToggle/menu-toggle.mjs +4 -0
  17. package/css/components/Nav/nav.css +3 -1
  18. package/css/components/Nav/nav.d.ts +1 -0
  19. package/css/components/Nav/nav.js +1 -0
  20. package/css/components/Nav/nav.mjs +1 -0
  21. package/css/components/Page/page.css +24 -23
  22. package/css/components/Page/page.d.ts +1 -0
  23. package/css/components/Page/page.js +1 -0
  24. package/css/components/Page/page.mjs +1 -0
  25. package/css/components/Pagination/pagination.css +30 -30
  26. package/css/components/Table/table-scrollable.css +12 -15
  27. package/css/components/Table/table-tree-view.css +0 -2
  28. package/css/components/Table/table.css +112 -86
  29. package/css/components/Table/table.d.ts +3 -1
  30. package/css/components/Table/table.js +3 -1
  31. package/css/components/Table/table.mjs +3 -1
  32. package/css/components/Tabs/tabs.css +90 -90
  33. package/css/components/Toolbar/toolbar.css +288 -288
  34. package/css/docs/components/Nav/examples/Navigation.css +2 -2
  35. package/css/docs/components/Table/examples/Table.css +6 -8
  36. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  37. package/css/docs/components/Table/examples/Table.js +1 -1
  38. package/css/docs/components/Table/examples/Table.mjs +1 -1
  39. package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  40. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  41. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  42. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  43. package/css/docs/layouts/Flex/examples/Flex.css +4 -4
  44. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  45. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  46. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  47. package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
  48. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  49. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  50. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  51. package/css/docs/layouts/Grid/examples/Grid.css +3 -3
  52. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  53. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  54. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  55. package/css/docs/layouts/Level/examples/Level.css +5 -5
  56. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  57. package/css/docs/layouts/Level/examples/Level.js +2 -2
  58. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  59. package/css/docs/layouts/Split/examples/Split.css +4 -4
  60. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  61. package/css/docs/layouts/Split/examples/Split.js +2 -2
  62. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  63. package/css/docs/layouts/Stack/examples/Stack.css +5 -5
  64. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  65. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  66. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  67. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  68. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  69. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  70. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  71. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  72. package/css/docs/utilities/Display/examples/Display.css +8 -8
  73. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  74. package/css/docs/utilities/Display/examples/Display.js +8 -8
  75. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  76. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  77. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  78. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  79. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  80. package/css/docs/utilities/Float/examples/Float.css +2 -2
  81. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  82. package/css/docs/utilities/Float/examples/Float.js +2 -2
  83. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  84. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  85. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  86. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  87. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  88. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  89. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  90. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  91. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  92. package/css/layouts/Bullseye/bullseye.css +5 -1
  93. package/css/layouts/Flex/flex.css +207 -203
  94. package/css/layouts/Gallery/gallery.css +6 -2
  95. package/css/layouts/Grid/grid.css +6 -2
  96. package/css/layouts/Level/level.css +5 -1
  97. package/css/layouts/Split/split.css +5 -1
  98. package/css/layouts/Stack/stack.css +5 -1
  99. package/css/utilities/Alignment/alignment.css +24 -24
  100. package/css/utilities/Alignment/alignment.d.ts +12 -12
  101. package/css/utilities/Alignment/alignment.js +12 -12
  102. package/css/utilities/Alignment/alignment.mjs +12 -12
  103. package/css/utilities/BackgroundColor/BackgroundColor.css +0 -100
  104. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +1 -2
  105. package/css/utilities/BackgroundColor/BackgroundColor.js +1 -2
  106. package/css/utilities/BackgroundColor/BackgroundColor.mjs +1 -2
  107. package/css/utilities/BoxShadow/box-shadow.css +15 -39
  108. package/css/utilities/BoxShadow/box-shadow.d.ts +1 -7
  109. package/css/utilities/BoxShadow/box-shadow.js +1 -7
  110. package/css/utilities/BoxShadow/box-shadow.mjs +1 -7
  111. package/css/utilities/Float/float.css +24 -24
  112. package/css/utilities/Float/float.d.ts +12 -12
  113. package/css/utilities/Float/float.js +12 -12
  114. package/css/utilities/Float/float.mjs +12 -12
  115. package/css/utilities/Sizing/sizing.css +28 -28
  116. package/css/utilities/Spacing/spacing.css +672 -672
  117. package/css/utilities/Text/text.css +0 -155
  118. package/css/utilities/Text/text.d.ts +0 -1
  119. package/css/utilities/Text/text.js +0 -1
  120. package/css/utilities/Text/text.mjs +0 -1
  121. package/package.json +3 -3
  122. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  123. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
  124. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
  125. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
  126. package/css/utilities/Text/themes/dark/text.css +0 -0
  127. package/css/utilities/Text/themes/dark/text.d.ts +0 -3
  128. package/css/utilities/Text/themes/dark/text.js +0 -4
  129. package/css/utilities/Text/themes/dark/text.mjs +0 -2
package/css/docs/utilities/Float/examples/Float.css CHANGED
@@ -1,5 +1,5 @@
1
- .ws-core-u-float .pf-v5-u-float-left,
2
- .ws-core-u-float .pf-v5-u-float-right {
1
+ .ws-core-u-float .pf-v6-u-float-inline-start,
2
+ .ws-core-u-float .pf-v6-u-float-inline-end {
3
3
  padding: .5rem !important;
4
4
  border: 2px dashed #393f44;
5
5
  }
package/css/docs/utilities/Float/examples/Float.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import './Float.css';
2
2
  declare const _default: {
3
- "v5UFloatLeft": "pf-v5-u-float-left",
4
- "v5UFloatRight": "pf-v5-u-float-right",
3
+ "floatInlineEnd": "pf-v6-u-float-inline-end",
4
+ "floatInlineStart": "pf-v6-u-float-inline-start",
5
5
  "wsCoreUFloat": "ws-core-u-float"
6
6
  };
7
7
  export default _default;
package/css/docs/utilities/Float/examples/Float.js CHANGED
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./Float.css');
4
4
  exports.default = {
5
- "v5UFloatLeft": "pf-v5-u-float-left",
6
- "v5UFloatRight": "pf-v5-u-float-right",
5
+ "floatInlineEnd": "pf-v6-u-float-inline-end",
6
+ "floatInlineStart": "pf-v6-u-float-inline-start",
7
7
  "wsCoreUFloat": "ws-core-u-float"
8
8
  };
package/css/docs/utilities/Float/examples/Float.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import './Float.css';
2
2
  export default {
3
- "v5UFloatLeft": "pf-v5-u-float-left",
4
- "v5UFloatRight": "pf-v5-u-float-right",
3
+ "floatInlineEnd": "pf-v6-u-float-inline-end",
4
+ "floatInlineStart": "pf-v6-u-float-inline-start",
5
5
  "wsCoreUFloat": "ws-core-u-float"
6
6
  };
package/css/docs/utilities/Sizing/examples/Sizing.css CHANGED
@@ -1,7 +1,7 @@
1
- .pf-v5-u-min-width,
2
- .pf-v5-u-max-width,
3
- .pf-v5-u-min-height,
4
- .pf-v5-u-max-height,
1
+ .pf-v6-u-min-width,
2
+ .pf-v6-u-max-width,
3
+ .pf-v6-u-min-height,
4
+ .pf-v6-u-max-height,
5
5
  .ws-example-u-sizing-item {
6
6
  padding: .5rem !important;
7
7
  border: 2px dashed #393f44;
package/css/docs/utilities/Sizing/examples/Sizing.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import './Sizing.css';
2
2
  declare const _default: {
3
- "v5UMaxHeight": "pf-v5-u-max-height",
4
- "v5UMaxWidth": "pf-v5-u-max-width",
5
- "v5UMinHeight": "pf-v5-u-min-height",
6
- "v5UMinWidth": "pf-v5-u-min-width",
3
+ "maxHeight": "pf-v6-u-max-height",
4
+ "maxWidth": "pf-v6-u-max-width",
5
+ "minHeight": "pf-v6-u-min-height",
6
+ "minWidth": "pf-v6-u-min-width",
7
7
  "wsExampleUSizingItem": "ws-example-u-sizing-item"
8
8
  };
9
9
  export default _default;
package/css/docs/utilities/Sizing/examples/Sizing.js CHANGED
@@ -2,9 +2,9 @@
2
2
  exports.__esModule = true;
3
3
  require('./Sizing.css');
4
4
  exports.default = {
5
- "v5UMaxHeight": "pf-v5-u-max-height",
6
- "v5UMaxWidth": "pf-v5-u-max-width",
7
- "v5UMinHeight": "pf-v5-u-min-height",
8
- "v5UMinWidth": "pf-v5-u-min-width",
5
+ "maxHeight": "pf-v6-u-max-height",
6
+ "maxWidth": "pf-v6-u-max-width",
7
+ "minHeight": "pf-v6-u-min-height",
8
+ "minWidth": "pf-v6-u-min-width",
9
9
  "wsExampleUSizingItem": "ws-example-u-sizing-item"
10
10
  };
package/css/docs/utilities/Sizing/examples/Sizing.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import './Sizing.css';
2
2
  export default {
3
- "v5UMaxHeight": "pf-v5-u-max-height",
4
- "v5UMaxWidth": "pf-v5-u-max-width",
5
- "v5UMinHeight": "pf-v5-u-min-height",
6
- "v5UMinWidth": "pf-v5-u-min-width",
3
+ "maxHeight": "pf-v6-u-max-height",
4
+ "maxWidth": "pf-v6-u-max-width",
5
+ "minHeight": "pf-v6-u-min-height",
6
+ "minWidth": "pf-v6-u-min-width",
7
7
  "wsExampleUSizingItem": "ws-example-u-sizing-item"
8
8
  };
package/css/docs/utilities/Spacing/examples/Spacing.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ws-core-u-spacing .ws-example-flex-item,
2
- .ws-core-u-spacing .pf-v5-u-display-flex {
2
+ .ws-core-u-spacing .pf-v6-u-display-flex {
3
3
  padding: .5rem;
4
4
  border: 2px dashed #393f44;
5
5
  }
package/css/docs/utilities/Spacing/examples/Spacing.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import './Spacing.css';
2
2
  declare const _default: {
3
- "v5UDisplayFlex": "pf-v5-u-display-flex",
3
+ "displayFlex": "pf-v6-u-display-flex",
4
4
  "wsCoreUSpacing": "ws-core-u-spacing",
5
5
  "wsExampleFlexItem": "ws-example-flex-item"
6
6
  };
package/css/docs/utilities/Spacing/examples/Spacing.js CHANGED
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./Spacing.css');
4
4
  exports.default = {
5
- "v5UDisplayFlex": "pf-v5-u-display-flex",
5
+ "displayFlex": "pf-v6-u-display-flex",
6
6
  "wsCoreUSpacing": "ws-core-u-spacing",
7
7
  "wsExampleFlexItem": "ws-example-flex-item"
8
8
  };
package/css/docs/utilities/Spacing/examples/Spacing.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import './Spacing.css';
2
2
  export default {
3
- "v5UDisplayFlex": "pf-v5-u-display-flex",
3
+ "displayFlex": "pf-v6-u-display-flex",
4
4
  "wsCoreUSpacing": "ws-core-u-spacing",
5
5
  "wsExampleFlexItem": "ws-example-flex-item"
6
6
  };
package/css/layouts/Bullseye/bullseye.css CHANGED
@@ -1,5 +1,9 @@
1
- .pf-v6-l-bullseye {
1
+ :where(:root),
2
+ :where(.pf-v6-l-bullseye) {
2
3
  --pf-v6-l-bullseye--Padding: 0;
4
+ }
5
+
6
+ .pf-v6-l-bullseye {
3
7
  display: flex;
4
8
  align-items: center;
5
9
  justify-content: center;