@patternfly/react-styles 6.0.0-alpha.25 → 6.0.0-alpha.27

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/assets/images/pf-background.svg +21 -21
  3. package/css/components/ActionList/action-list.css +4 -4
  4. package/css/components/Alert/alert-group.css +2 -1
  5. package/css/components/Banner/banner.css +10 -10
  6. package/css/components/Banner/banner.d.ts +2 -2
  7. package/css/components/Banner/banner.js +2 -2
  8. package/css/components/Banner/banner.mjs +2 -2
  9. package/css/components/Brand/brand.css +4 -1
  10. package/css/components/Button/button.css +33 -14
  11. package/css/components/CalendarMonth/calendar-month.css +1 -1
  12. package/css/components/Card/card.css +11 -1
  13. package/css/components/ClipboardCopy/clipboard-copy.css +11 -19
  14. package/css/components/ClipboardCopy/clipboard-copy.d.ts +2 -1
  15. package/css/components/ClipboardCopy/clipboard-copy.js +2 -1
  16. package/css/components/ClipboardCopy/clipboard-copy.mjs +2 -1
  17. package/css/components/JumpLinks/jump-links.css +4 -14
  18. package/css/components/JumpLinks/jump-links.d.ts +0 -1
  19. package/css/components/JumpLinks/jump-links.js +0 -1
  20. package/css/components/JumpLinks/jump-links.mjs +0 -1
  21. package/css/components/Label/label.css +34 -34
  22. package/css/components/Label/label.d.ts +2 -2
  23. package/css/components/Label/label.js +2 -2
  24. package/css/components/Label/label.mjs +2 -2
  25. package/css/components/List/list.css +4 -1
  26. package/css/components/LogViewer/log-viewer.css +4 -1
  27. package/css/components/Menu/menu.css +11 -0
  28. package/css/components/MenuToggle/menu-toggle.css +7 -0
  29. package/css/components/Nav/nav.css +1 -0
  30. package/css/components/Page/page.css +38 -54
  31. package/css/components/Pagination/pagination.css +6 -3
  32. package/css/components/Panel/panel.css +17 -14
  33. package/css/components/Popover/popover.css +4 -1
  34. package/css/components/Table/table-grid.css +1 -1
  35. package/css/components/Table/table.css +10 -3
  36. package/css/components/TextInputGroup/text-input-group.css +20 -18
  37. package/css/components/Toolbar/toolbar.css +1 -0
  38. package/css/components/Truncate/truncate.css +1 -1
  39. package/css/components/_index.css +239 -196
  40. package/css/components/_index.d.ts +2 -2
  41. package/css/components/_index.js +2 -2
  42. package/css/components/_index.mjs +2 -2
  43. package/css/docs/components/Page/examples/Page.css +5 -9
  44. package/css/docs/components/Page/examples/Page.d.ts +2 -0
  45. package/css/docs/components/Page/examples/Page.js +2 -0
  46. package/css/docs/components/Page/examples/Page.mjs +2 -0
  47. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
  48. package/css/docs/components/Truncate/examples/Truncate.css +0 -1
  49. package/package.json +3 -3
  50. package/css/docs/components/Pagination/examples/Pagination.css +0 -3
  51. package/css/docs/components/Pagination/examples/Pagination.d.ts +0 -3
  52. package/css/docs/components/Pagination/examples/Pagination.js +0 -4
  53. package/css/docs/components/Pagination/examples/Pagination.mjs +0 -2
@@ -378,9 +378,9 @@ declare const _default: {
378
378
  "red": "pf-m-red",
379
379
  "orangered": "pf-m-orangered",
380
380
  "orange": "pf-m-orange",
381
- "gold": "pf-m-gold",
381
+ "yellow": "pf-m-yellow",
382
382
  "green": "pf-m-green",
383
- "cyan": "pf-m-cyan",
383
+ "teal": "pf-m-teal",
384
384
  "blue": "pf-m-blue",
385
385
  "purple": "pf-m-purple",
386
386
  "sticky": "pf-m-sticky",
@@ -380,9 +380,9 @@ exports.default = {
380
380
  "red": "pf-m-red",
381
381
  "orangered": "pf-m-orangered",
382
382
  "orange": "pf-m-orange",
383
- "gold": "pf-m-gold",
383
+ "yellow": "pf-m-yellow",
384
384
  "green": "pf-m-green",
385
- "cyan": "pf-m-cyan",
385
+ "teal": "pf-m-teal",
386
386
  "blue": "pf-m-blue",
387
387
  "purple": "pf-m-purple",
388
388
  "sticky": "pf-m-sticky",
@@ -378,9 +378,9 @@ export default {
378
378
  "red": "pf-m-red",
379
379
  "orangered": "pf-m-orangered",
380
380
  "orange": "pf-m-orange",
381
- "gold": "pf-m-gold",
381
+ "yellow": "pf-m-yellow",
382
382
  "green": "pf-m-green",
383
- "cyan": "pf-m-cyan",
383
+ "teal": "pf-m-teal",
384
384
  "blue": "pf-m-blue",
385
385
  "purple": "pf-m-purple",
386
386
  "sticky": "pf-m-sticky",
@@ -1,9 +1,5 @@
1
- #ws-core-c-page-with-or-without-fill .ws-preview-html,
2
- #ws-core-c-page-multiple-sidebar-body-elements-padding-and-fill .ws-preview-html {
3
- height: 500px;
4
- }
5
-
6
- #ws-core-c-page-multiple-sidebar-body-elements .ws-preview-html,
7
- #ws-core-c-page-using-flex-layout .ws-preview-html {
8
- height: 100%;
9
- }
1
+ /* Because the page component has height:100dvh, override it just for the embedded examples */
2
+ .ws-mdx-content-content [id^=ws-core-c-page-] .ws-preview-html .pf-v6-c-page {
3
+ height: min-content;
4
+ min-height: 30em;
5
+ }
@@ -1,5 +1,7 @@
1
1
  import './Page.css';
2
2
  declare const _default: {
3
+ "page": "pf-v6-c-page",
4
+ "wsMdxContentContent": "ws-mdx-content-content",
3
5
  "wsPreviewHtml": "ws-preview-html"
4
6
  };
5
7
  export default _default;
@@ -2,5 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./Page.css');
4
4
  exports.default = {
5
+ "page": "pf-v6-c-page",
6
+ "wsMdxContentContent": "ws-mdx-content-content",
5
7
  "wsPreviewHtml": "ws-preview-html"
6
8
  };
@@ -1,4 +1,6 @@
1
1
  import './Page.css';
2
2
  export default {
3
+ "page": "pf-v6-c-page",
4
+ "wsMdxContentContent": "ws-mdx-content-content",
3
5
  "wsPreviewHtml": "ws-preview-html"
4
6
  };
@@ -13,3 +13,7 @@
13
13
  #ws-core-c-text-input-group-search-input-group-advanced-search-expanded-with-autocomplete {
14
14
  height: 540px;
15
15
  }
16
+
17
+ #ws-core-c-text-input-group-plain {
18
+ border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
19
+ }
@@ -2,7 +2,6 @@
2
2
  width: 320px;
3
3
  resize: horizontal;
4
4
  overflow: auto;
5
- min-width: 161px;
6
5
  max-width: 100%;
7
6
  padding: var(--pf-t--global--spacer--sm);
8
7
  border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--default);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.0.0-alpha.25",
3
+ "version": "6.0.0-alpha.27",
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.150",
22
+ "@patternfly/patternfly": "6.0.0-alpha.166",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.2.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "0df6094898bc94f9b0881e1ab97e6d0941df90af"
27
+ "gitHead": "625adc6f7459977f551a18d9a690bff56aea3f18"
28
28
  }
@@ -1,3 +0,0 @@
1
- #ws-core-c-pagination-top-expanded {
2
- height: 220px;
3
- }
@@ -1,3 +0,0 @@
1
- import './Pagination.css';
2
- declare const _default: {};
3
- export default _default;
@@ -1,4 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./Pagination.css');
4
- exports.default = {};
@@ -1,2 +0,0 @@
1
- import './Pagination.css';
2
- export default {};