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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/css/components/ActionList/action-list.css +1 -0
  3. package/css/components/Card/card.css +1 -0
  4. package/css/components/Check/check.css +10 -3
  5. package/css/components/DescriptionList/description-list.css +6 -6
  6. package/css/components/DragDrop/drag-drop.css +1 -0
  7. package/css/components/FormControl/form-control.css +2 -1
  8. package/css/components/Masthead/masthead.css +17 -9
  9. package/css/components/Masthead/masthead.d.ts +2 -0
  10. package/css/components/Masthead/masthead.js +2 -0
  11. package/css/components/Masthead/masthead.mjs +2 -0
  12. package/css/components/Menu/menu.css +31 -126
  13. package/css/components/Menu/menu.d.ts +1 -0
  14. package/css/components/Menu/menu.js +1 -0
  15. package/css/components/Menu/menu.mjs +1 -0
  16. package/css/components/MenuToggle/menu-toggle.css +20 -6
  17. package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
  18. package/css/components/MenuToggle/menu-toggle.js +1 -0
  19. package/css/components/MenuToggle/menu-toggle.mjs +1 -0
  20. package/css/components/ModalBox/modal-box.css +11 -7
  21. package/css/components/Nav/nav.css +64 -110
  22. package/css/components/Nav/nav.d.ts +3 -3
  23. package/css/components/Nav/nav.js +3 -3
  24. package/css/components/Nav/nav.mjs +3 -3
  25. package/css/components/Page/page.css +9 -17
  26. package/css/components/Radio/radio.css +12 -5
  27. package/css/components/Table/table-grid.css +30 -35
  28. package/css/components/Table/table-scrollable.css +14 -6
  29. package/css/components/Table/table-tree-view.css +5 -5
  30. package/css/components/Table/table.css +90 -254
  31. package/css/components/Table/table.d.ts +3 -4
  32. package/css/components/Table/table.js +3 -4
  33. package/css/components/Table/table.mjs +3 -4
  34. package/css/components/TextInputGroup/text-input-group.css +42 -42
  35. package/css/components/Toolbar/toolbar.css +66 -2
  36. package/css/components/Toolbar/toolbar.d.ts +1 -1
  37. package/css/components/Toolbar/toolbar.js +1 -1
  38. package/css/components/Toolbar/toolbar.mjs +1 -1
  39. package/css/docs/components/Brand/examples/Brand.css +3 -3
  40. package/css/docs/components/Brand/examples/Brand.d.ts +1 -1
  41. package/css/docs/components/Brand/examples/Brand.js +1 -1
  42. package/css/docs/components/Brand/examples/Brand.mjs +1 -1
  43. package/css/docs/components/Button/examples/Button.css +2 -2
  44. package/css/docs/components/Button/examples/Button.d.ts +1 -1
  45. package/css/docs/components/Button/examples/Button.js +1 -1
  46. package/css/docs/components/Button/examples/Button.mjs +1 -1
  47. package/css/docs/components/DragDrop/examples/DragDrop.css +3 -3
  48. package/css/docs/components/DragDrop/examples/DragDrop.d.ts +2 -2
  49. package/css/docs/components/DragDrop/examples/DragDrop.js +2 -2
  50. package/css/docs/components/DragDrop/examples/DragDrop.mjs +2 -2
  51. package/css/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  52. package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +1 -1
  53. package/css/docs/components/Dropdown/deprecated/Dropdown.js +1 -1
  54. package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +1 -1
  55. package/css/docs/components/Label/examples/Label.css +4 -4
  56. package/css/docs/components/Label/examples/Label.d.ts +1 -1
  57. package/css/docs/components/Label/examples/Label.js +1 -1
  58. package/css/docs/components/Label/examples/Label.mjs +1 -1
  59. package/css/docs/components/LogViewer/examples/LogViewer.css +2 -2
  60. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +1 -1
  61. package/css/docs/components/LogViewer/examples/LogViewer.js +1 -1
  62. package/css/docs/components/LogViewer/examples/LogViewer.mjs +1 -1
  63. package/css/docs/components/Menu/examples/Menu.css +2 -2
  64. package/css/docs/components/Menu/examples/Menu.d.ts +3 -3
  65. package/css/docs/components/Menu/examples/Menu.js +3 -3
  66. package/css/docs/components/Menu/examples/Menu.mjs +3 -3
  67. package/css/docs/components/Nav/examples/Navigation.css +20 -3
  68. package/css/docs/components/Nav/examples/Navigation.d.ts +3 -2
  69. package/css/docs/components/Nav/examples/Navigation.js +3 -2
  70. package/css/docs/components/Nav/examples/Navigation.mjs +3 -2
  71. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -3
  72. package/css/docs/components/TextInputGroup/examples/TextInputGroup.d.ts +2 -2
  73. package/css/docs/components/TextInputGroup/examples/TextInputGroup.js +2 -2
  74. package/css/docs/components/TextInputGroup/examples/TextInputGroup.mjs +2 -2
  75. package/package.json +3 -3
package/css/docs/components/Menu/examples/Menu.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import './Menu.css';
2
2
  declare const _default: {
3
- "v5CBreadcrumbDropdown": "pf-v5-c-breadcrumb__dropdown",
4
- "v5CMenu": "pf-v5-c-menu",
5
- "v5CMenuBreadcrumb": "pf-v5-c-menu__breadcrumb"
3
+ "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
4
+ "menu": "pf-v6-c-menu",
5
+ "menuBreadcrumb": "pf-v6-c-menu__breadcrumb"
6
6
  };
7
7
  export default _default;
package/css/docs/components/Menu/examples/Menu.js CHANGED
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./Menu.css');
4
4
  exports.default = {
5
- "v5CBreadcrumbDropdown": "pf-v5-c-breadcrumb__dropdown",
6
- "v5CMenu": "pf-v5-c-menu",
7
- "v5CMenuBreadcrumb": "pf-v5-c-menu__breadcrumb"
5
+ "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
6
+ "menu": "pf-v6-c-menu",
7
+ "menuBreadcrumb": "pf-v6-c-menu__breadcrumb"
8
8
  };
package/css/docs/components/Menu/examples/Menu.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import './Menu.css';
2
2
  export default {
3
- "v5CBreadcrumbDropdown": "pf-v5-c-breadcrumb__dropdown",
4
- "v5CMenu": "pf-v5-c-menu",
5
- "v5CMenuBreadcrumb": "pf-v5-c-menu__breadcrumb"
3
+ "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
4
+ "menu": "pf-v6-c-menu",
5
+ "menuBreadcrumb": "pf-v6-c-menu__breadcrumb"
6
6
  };
package/css/docs/components/Nav/examples/Navigation.css CHANGED
@@ -1,5 +1,5 @@
1
- #ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header-nav,
2
- #ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header-nav {
1
+ #ws-core-c-navigation-horizontal-in-masthead .pf-v6-c-page__header-nav,
2
+ #ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v6-c-page__header-nav {
3
3
  grid-row: 1;
4
4
  }
5
5
 
@@ -12,8 +12,25 @@
12
12
  position: relative;
13
13
  }
14
14
 
15
- #ws-core-c-navigation-nav-with-flyout .pf-v5-c-menu.pf-m-flyout.pf-m-nav {
15
+ #ws-core-c-navigation-nav-with-flyout .pf-v6-c-menu.pf-m-flyout.pf-m-nav {
16
16
  position: absolute;
17
17
  inset-block-start: 168px;
18
18
  inset-inline-start: 256px;
19
19
  }
20
+
21
+ #ws-core-c-navigation-horizontal .ws-preview-html,
22
+ #ws-core-c-navigation-horizontal-overflow .ws-preview-html {
23
+ padding: var(--pf-t--global--spacer--md);
24
+ }
25
+
26
+ .ws-core-c-navigation .ws-preview-html {
27
+ background: var(--pf-v6-c-page__sidebar--BackgroundColor); /* use sidebar background for vertical nav examples */
28
+ }
29
+
30
+ [id^="ws-core-c-navigation-horizontal"] .ws-preview-html {
31
+ background: var(--pf-v6-c-masthead--BackgroundColor); /* use masthead background for horizontal nav examples */
32
+ }
33
+
34
+ [id^="ws-core-c-navigation-horizontal-subnav"] .ws-preview-html {
35
+ background: transparent; /* reset background for horizontal subnav examples */
36
+ }
package/css/docs/components/Nav/examples/Navigation.d.ts CHANGED
@@ -1,11 +1,12 @@
1
1
  import './Navigation.css';
2
2
  declare const _default: {
3
+ "menu": "pf-v6-c-menu",
3
4
  "modifiers": {
4
5
  "flyout": "pf-m-flyout",
5
6
  "nav": "pf-m-nav"
6
7
  },
7
- "v5CMenu": "pf-v5-c-menu",
8
- "v5CPageHeaderNav": "pf-v5-c-page__header-nav",
8
+ "pageHeaderNav": "pf-v6-c-page__header-nav",
9
+ "wsCoreCNavigation": "ws-core-c-navigation",
9
10
  "wsPreviewHtml": "ws-preview-html"
10
11
  };
11
12
  export default _default;
package/css/docs/components/Nav/examples/Navigation.js CHANGED
@@ -2,11 +2,12 @@
2
2
  exports.__esModule = true;
3
3
  require('./Navigation.css');
4
4
  exports.default = {
5
+ "menu": "pf-v6-c-menu",
5
6
  "modifiers": {
6
7
  "flyout": "pf-m-flyout",
7
8
  "nav": "pf-m-nav"
8
9
  },
9
- "v5CMenu": "pf-v5-c-menu",
10
- "v5CPageHeaderNav": "pf-v5-c-page__header-nav",
10
+ "pageHeaderNav": "pf-v6-c-page__header-nav",
11
+ "wsCoreCNavigation": "ws-core-c-navigation",
11
12
  "wsPreviewHtml": "ws-preview-html"
12
13
  };
package/css/docs/components/Nav/examples/Navigation.mjs CHANGED
@@ -1,10 +1,11 @@
1
1
  import './Navigation.css';
2
2
  export default {
3
+ "menu": "pf-v6-c-menu",
3
4
  "modifiers": {
4
5
  "flyout": "pf-m-flyout",
5
6
  "nav": "pf-m-nav"
6
7
  },
7
- "v5CMenu": "pf-v5-c-menu",
8
- "v5CPageHeaderNav": "pf-v5-c-page__header-nav",
8
+ "pageHeaderNav": "pf-v6-c-page__header-nav",
9
+ "wsCoreCNavigation": "ws-core-c-navigation",
9
10
  "wsPreviewHtml": "ws-preview-html"
10
11
  };
package/css/docs/components/TextInputGroup/examples/TextInputGroup.css CHANGED
@@ -2,11 +2,12 @@
2
2
  position: relative;
3
3
  }
4
4
 
5
- .ws-example-wrapper .pf-v5-c-menu,
6
- .ws-example-wrapper .pf-v5-c-panel {
5
+ .ws-example-wrapper .pf-v6-c-menu,
6
+ .ws-example-wrapper .pf-v6-c-panel {
7
7
  position: absolute;
8
- inset-block-start: 40px;
8
+ inset-block-start: 40px;
9
9
  width: 100%;
10
+ z-index: var(--pf-t--global--Zindex--2xl);
10
11
  }
11
12
 
12
13
  #ws-core-c-text-input-group-search-input-group-advanced-search-expanded-with-autocomplete {
package/css/docs/components/TextInputGroup/examples/TextInputGroup.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import './TextInputGroup.css';
2
2
  declare const _default: {
3
- "v5CMenu": "pf-v5-c-menu",
4
- "v5CPanel": "pf-v5-c-panel",
3
+ "menu": "pf-v6-c-menu",
4
+ "panel": "pf-v6-c-panel",
5
5
  "wsExampleWrapper": "ws-example-wrapper"
6
6
  };
7
7
  export default _default;
package/css/docs/components/TextInputGroup/examples/TextInputGroup.js CHANGED
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./TextInputGroup.css');
4
4
  exports.default = {
5
- "v5CMenu": "pf-v5-c-menu",
6
- "v5CPanel": "pf-v5-c-panel",
5
+ "menu": "pf-v6-c-menu",
6
+ "panel": "pf-v6-c-panel",
7
7
  "wsExampleWrapper": "ws-example-wrapper"
8
8
  };
package/css/docs/components/TextInputGroup/examples/TextInputGroup.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import './TextInputGroup.css';
2
2
  export default {
3
- "v5CMenu": "pf-v5-c-menu",
4
- "v5CPanel": "pf-v5-c-panel",
3
+ "menu": "pf-v6-c-menu",
4
+ "panel": "pf-v6-c-panel",
5
5
  "wsExampleWrapper": "ws-example-wrapper"
6
6
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.0.0-alpha.15",
3
+ "version": "6.0.0-alpha.17",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.0.0-alpha.91",
22
+ "@patternfly/patternfly": "6.0.0-alpha.100",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^11.1.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.7.4"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "296ac2be2f24ef201a347384c1561a311d0c8c54"
32
+ "gitHead": "3214a349e6c5cced83a174611ce316a2c93b6d57"
33
33
  }