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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (114) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/assets/images/img_avatar-dark.svg +22 -16
  3. package/css/assets/images/img_avatar-light.svg +25 -18
  4. package/css/components/Alert/alert-group.css +55 -4
  5. package/css/components/Alert/alert-group.d.ts +5 -1
  6. package/css/components/Alert/alert-group.js +5 -1
  7. package/css/components/Alert/alert-group.mjs +5 -1
  8. package/css/components/Alert/alert.css +5 -14
  9. package/css/components/Button/button.css +11 -7
  10. package/css/components/Card/card.css +7 -7
  11. package/css/components/Card/card.d.ts +1 -0
  12. package/css/components/Card/card.js +1 -0
  13. package/css/components/Card/card.mjs +1 -0
  14. package/css/components/ClipboardCopy/clipboard-copy.css +2 -2
  15. package/css/components/Content/content.css +19 -43
  16. package/css/components/DataList/data-list.css +2 -2
  17. package/css/components/Drawer/drawer.css +6 -6
  18. package/css/components/EmptyState/empty-state.css +3 -3
  19. package/css/components/Form/form.css +58 -1
  20. package/css/components/Form/form.d.ts +1 -1
  21. package/css/components/Form/form.js +1 -1
  22. package/css/components/Form/form.mjs +1 -1
  23. package/css/components/Hint/hint.css +1 -7
  24. package/css/components/Icon/icon.css +4 -4
  25. package/css/components/InlineEdit/inline-edit.css +2 -2
  26. package/css/components/JumpLinks/jump-links.css +0 -7
  27. package/css/components/JumpLinks/jump-links.d.ts +0 -1
  28. package/css/components/JumpLinks/jump-links.js +0 -1
  29. package/css/components/JumpLinks/jump-links.mjs +0 -1
  30. package/css/components/Label/label.css +6 -6
  31. package/css/components/List/list.css +33 -40
  32. package/css/components/MenuToggle/menu-toggle.css +6 -34
  33. package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
  34. package/css/components/MenuToggle/menu-toggle.js +0 -1
  35. package/css/components/MenuToggle/menu-toggle.mjs +0 -1
  36. package/css/components/ModalBox/modal-box.css +2 -0
  37. package/css/components/NotificationDrawer/notification-drawer.css +6 -7
  38. package/css/components/NotificationDrawer/notification-drawer.d.ts +1 -0
  39. package/css/components/NotificationDrawer/notification-drawer.js +1 -0
  40. package/css/components/NotificationDrawer/notification-drawer.mjs +1 -0
  41. package/css/components/NumberInput/number-input.css +0 -1
  42. package/css/components/Page/page.css +7 -1
  43. package/css/components/Page/page.d.ts +1 -0
  44. package/css/components/Page/page.js +1 -0
  45. package/css/components/Page/page.mjs +1 -0
  46. package/css/components/Popover/popover.css +3 -5
  47. package/css/components/Switch/switch.css +0 -6
  48. package/css/components/Switch/switch.d.ts +1 -3
  49. package/css/components/Switch/switch.js +1 -3
  50. package/css/components/Switch/switch.mjs +1 -3
  51. package/css/components/Table/table-grid.css +31 -100
  52. package/css/components/Table/table-grid.d.ts +2 -1
  53. package/css/components/Table/table-grid.js +2 -1
  54. package/css/components/Table/table-grid.mjs +2 -1
  55. package/css/components/Table/table-tree-view.css +20 -0
  56. package/css/components/Table/table-tree-view.d.ts +1 -0
  57. package/css/components/Table/table-tree-view.js +1 -0
  58. package/css/components/Table/table-tree-view.mjs +1 -0
  59. package/css/components/Tabs/tabs.css +1 -18
  60. package/css/components/Tabs/tabs.d.ts +1 -2
  61. package/css/components/Tabs/tabs.js +1 -2
  62. package/css/components/Tabs/tabs.mjs +1 -2
  63. package/css/components/TextInputGroup/text-input-group.css +67 -15
  64. package/css/components/TextInputGroup/text-input-group.d.ts +4 -0
  65. package/css/components/TextInputGroup/text-input-group.js +4 -0
  66. package/css/components/TextInputGroup/text-input-group.mjs +4 -0
  67. package/css/components/Toolbar/toolbar.css +298 -1323
  68. package/css/components/Toolbar/toolbar.d.ts +5 -113
  69. package/css/components/Toolbar/toolbar.js +5 -113
  70. package/css/components/Toolbar/toolbar.mjs +5 -113
  71. package/css/components/Truncate/truncate.css +1 -1
  72. package/css/components/Wizard/wizard.css +24 -9
  73. package/css/components/Wizard/wizard.d.ts +1 -0
  74. package/css/components/Wizard/wizard.js +1 -0
  75. package/css/components/Wizard/wizard.mjs +1 -0
  76. package/css/components/_index.css +669 -1841
  77. package/css/components/_index.d.ts +9 -131
  78. package/css/components/_index.js +9 -131
  79. package/css/components/_index.mjs +9 -131
  80. package/css/docs/components/Toolbar/examples/Toolbar.css +10 -4
  81. package/css/docs/demos/Page/examples/Page.css +11 -0
  82. package/css/docs/demos/Page/examples/Page.d.ts +9 -0
  83. package/css/docs/demos/Page/examples/Page.js +10 -0
  84. package/css/docs/demos/Page/examples/Page.mjs +8 -0
  85. package/css/docs/demos/Toolbar/examples/Toolbar.css +9 -1
  86. package/package.json +3 -3
  87. package/css/components/LogViewer/log-viewer.css +0 -176
  88. package/css/components/LogViewer/log-viewer.d.ts +0 -25
  89. package/css/components/LogViewer/log-viewer.js +0 -26
  90. package/css/components/LogViewer/log-viewer.mjs +0 -24
  91. package/css/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  92. package/css/docs/components/AppLauncher/deprecated/application-launcher.d.ts +0 -3
  93. package/css/docs/components/AppLauncher/deprecated/application-launcher.js +0 -4
  94. package/css/docs/components/AppLauncher/deprecated/application-launcher.mjs +0 -2
  95. package/css/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  96. package/css/docs/components/ContextSelector/deprecated/context-selector.d.ts +0 -3
  97. package/css/docs/components/ContextSelector/deprecated/context-selector.js +0 -4
  98. package/css/docs/components/ContextSelector/deprecated/context-selector.mjs +0 -2
  99. package/css/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  100. package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +0 -6
  101. package/css/docs/components/Dropdown/deprecated/Dropdown.js +0 -7
  102. package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +0 -5
  103. package/css/docs/components/LogViewer/examples/LogViewer.css +0 -24
  104. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +0 -8
  105. package/css/docs/components/LogViewer/examples/LogViewer.js +0 -9
  106. package/css/docs/components/LogViewer/examples/LogViewer.mjs +0 -7
  107. package/css/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  108. package/css/docs/components/OptionsMenu/deprecated/options-menu.d.ts +0 -3
  109. package/css/docs/components/OptionsMenu/deprecated/options-menu.js +0 -4
  110. package/css/docs/components/OptionsMenu/deprecated/options-menu.mjs +0 -2
  111. package/css/docs/components/Select/deprecated/Select.css +0 -56
  112. package/css/docs/components/Select/deprecated/Select.d.ts +0 -3
  113. package/css/docs/components/Select/deprecated/Select.js +0 -4
  114. package/css/docs/components/Select/deprecated/Select.mjs +0 -2
@@ -1,25 +0,0 @@
1
- import './log-viewer.css';
2
- declare const _default: {
3
- "logViewer": "pf-v6-c-log-viewer",
4
- "logViewerHeader": "pf-v6-c-log-viewer__header",
5
- "logViewerIndex": "pf-v6-c-log-viewer__index",
6
- "logViewerList": "pf-v6-c-log-viewer__list",
7
- "logViewerListItem": "pf-v6-c-log-viewer__list-item",
8
- "logViewerMain": "pf-v6-c-log-viewer__main",
9
- "logViewerScrollContainer": "pf-v6-c-log-viewer__scroll-container",
10
- "logViewerString": "pf-v6-c-log-viewer__string",
11
- "logViewerText": "pf-v6-c-log-viewer__text",
12
- "logViewerTimestamp": "pf-v6-c-log-viewer__timestamp",
13
- "modifiers": {
14
- "dark": "pf-m-dark",
15
- "wrapText": "pf-m-wrap-text",
16
- "nowrap": "pf-m-nowrap",
17
- "lineNumbers": "pf-m-line-numbers",
18
- "lineNumberChars": "pf-m-line-number-chars",
19
- "match": "pf-m-match",
20
- "current": "pf-m-current"
21
- },
22
- "toolbar": "pf-v6-c-toolbar",
23
- "toolbarContentSection": "pf-v6-c-toolbar__content-section"
24
- };
25
- export default _default;
@@ -1,26 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./log-viewer.css');
4
- exports.default = {
5
- "logViewer": "pf-v6-c-log-viewer",
6
- "logViewerHeader": "pf-v6-c-log-viewer__header",
7
- "logViewerIndex": "pf-v6-c-log-viewer__index",
8
- "logViewerList": "pf-v6-c-log-viewer__list",
9
- "logViewerListItem": "pf-v6-c-log-viewer__list-item",
10
- "logViewerMain": "pf-v6-c-log-viewer__main",
11
- "logViewerScrollContainer": "pf-v6-c-log-viewer__scroll-container",
12
- "logViewerString": "pf-v6-c-log-viewer__string",
13
- "logViewerText": "pf-v6-c-log-viewer__text",
14
- "logViewerTimestamp": "pf-v6-c-log-viewer__timestamp",
15
- "modifiers": {
16
- "dark": "pf-m-dark",
17
- "wrapText": "pf-m-wrap-text",
18
- "nowrap": "pf-m-nowrap",
19
- "lineNumbers": "pf-m-line-numbers",
20
- "lineNumberChars": "pf-m-line-number-chars",
21
- "match": "pf-m-match",
22
- "current": "pf-m-current"
23
- },
24
- "toolbar": "pf-v6-c-toolbar",
25
- "toolbarContentSection": "pf-v6-c-toolbar__content-section"
26
- };
@@ -1,24 +0,0 @@
1
- import './log-viewer.css';
2
- export default {
3
- "logViewer": "pf-v6-c-log-viewer",
4
- "logViewerHeader": "pf-v6-c-log-viewer__header",
5
- "logViewerIndex": "pf-v6-c-log-viewer__index",
6
- "logViewerList": "pf-v6-c-log-viewer__list",
7
- "logViewerListItem": "pf-v6-c-log-viewer__list-item",
8
- "logViewerMain": "pf-v6-c-log-viewer__main",
9
- "logViewerScrollContainer": "pf-v6-c-log-viewer__scroll-container",
10
- "logViewerString": "pf-v6-c-log-viewer__string",
11
- "logViewerText": "pf-v6-c-log-viewer__text",
12
- "logViewerTimestamp": "pf-v6-c-log-viewer__timestamp",
13
- "modifiers": {
14
- "dark": "pf-m-dark",
15
- "wrapText": "pf-m-wrap-text",
16
- "nowrap": "pf-m-nowrap",
17
- "lineNumbers": "pf-m-line-numbers",
18
- "lineNumberChars": "pf-m-line-number-chars",
19
- "match": "pf-m-match",
20
- "current": "pf-m-current"
21
- },
22
- "toolbar": "pf-v6-c-toolbar",
23
- "toolbarContentSection": "pf-v6-c-toolbar__content-section"
24
- };
@@ -1,25 +0,0 @@
1
- #ws-html-deprecated-c-application-launcher-aligned-right,
2
- #ws-html-deprecated-c-application-launcher-aligned-top,
3
- #ws-html-deprecated-c-application-launcher-expanded {
4
- min-height: 216px;
5
- }
6
-
7
- #ws-html-deprecated-c-application-launcher-aligned-right {
8
- display: flex;
9
- justify-content: flex-end;
10
- }
11
-
12
- #ws-html-deprecated-c-application-launcher-aligned-top {
13
- display: flex;
14
- align-items: flex-end;
15
- }
16
-
17
- #ws-html-deprecated-c-application-launcher-with-sections-and-dividers-between-sections,
18
- #ws-html-deprecated-c-application-launcher-with-sections-and-dividers-between-items,
19
- #ws-html-deprecated-c-application-launcher-with-sections-dividers-icons-and-external-links {
20
- min-height: 424px;
21
- }
22
-
23
- #ws-html-deprecated-c-application-launcher-favorites {
24
- min-height: 540px;
25
- }
@@ -1,3 +0,0 @@
1
- import './application-launcher.css';
2
- declare const _default: {};
3
- export default _default;
@@ -1,4 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./application-launcher.css');
4
- exports.default = {};
@@ -1,2 +0,0 @@
1
- import './application-launcher.css';
2
- export default {};
@@ -1,7 +0,0 @@
1
- #ws-html-deprecated-c-context-selector-basic, #ws-html-deprecated-c-context-selector-plain-with-text {
2
- min-height: 380px;
3
- }
4
-
5
- #ws-html-deprecated-c-context-selector-with-footer {
6
- min-height: 420px;
7
- }
@@ -1,3 +0,0 @@
1
- import './context-selector.css';
2
- declare const _default: {};
3
- export default _default;
@@ -1,4 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./context-selector.css');
4
- exports.default = {};
@@ -1,2 +0,0 @@
1
- import './context-selector.css';
2
- export default {};
@@ -1,64 +0,0 @@
1
- #ws-html-deprecated-c-dropdown-badge-toggle,
2
- #ws-html-deprecated-c-dropdown-badge-drillup-toggle,
3
- #ws-html-deprecated-c-dropdown-expanded,
4
- #ws-html-deprecated-c-dropdown-kebab,
5
- #ws-html-deprecated-c-dropdown-kebab-align-right,
6
- #ws-html-deprecated-c-dropdown-align-right,
7
- #ws-html-deprecated-c-dropdown-align-on-different-breakpoint,
8
- #ws-html-deprecated-c-dropdown-align-top,
9
- #ws-html-deprecated-c-dropdown-primary-toggle,
10
- #ws-html-deprecated-c-dropdown-secondary-toggle,
11
- #ws-html-deprecated-c-dropdown-menu-item-icons,
12
- #ws-html-deprecated-c-dropdown-aria-disabled-items,
13
- #ws-html-deprecated-c-dropdown-plain-with-text {
14
- min-height: 310px;
15
- }
16
-
17
- #ws-html-deprecated-c-dropdown-kebab-align-right,
18
- #ws-html-deprecated-c-dropdown-align-right {
19
- display: flex;
20
- justify-content: flex-end;
21
- }
22
-
23
- #ws-html-deprecated-c-dropdown-align-on-different-breakpoint {
24
- display: flex;
25
- justify-content: center;
26
- }
27
-
28
- #ws-html-deprecated-c-dropdown-align-top {
29
- display: flex;
30
- align-items: flex-end;
31
- }
32
-
33
- #ws-html-deprecated-c-dropdown-with-groups,
34
- #ws-html-deprecated-c-dropdown-with-groups-and-dividers-between-groups {
35
- min-height: 440px;
36
- }
37
-
38
- #ws-html-deprecated-c-dropdown-with-groups-and-dividers-between-items {
39
- min-height: 460px;
40
- }
41
-
42
- #ws-html-deprecated-c-dropdown-dropdown-with-image-and-text .ws-preview-html {
43
- min-height: 19rem;
44
- }
45
-
46
- #ws-html-deprecated-c-dropdown-split-button-checkbox,
47
- #ws-html-deprecated-c-dropdown-split-button-action,
48
- #ws-html-deprecated-c-dropdown-split-button-primary-checkbox,
49
- #ws-html-deprecated-c-dropdown-split-button-primary-action,
50
- #ws-html-deprecated-c-dropdown-split-button-secondary-action {
51
- min-height: 210px;
52
- }
53
-
54
- [id^="ws-html-deprecated-c-dropdown-split-button"] .pf-v6-c-dropdown:not(:last-child) {
55
- margin-inline-end: 4px;
56
- }
57
-
58
- #ws-html-deprecated-c-dropdown-panel {
59
- min-height: 130px;
60
- }
61
-
62
- #ws-html-deprecated-c-dropdown-dropdown-with-description {
63
- min-height: 400px;
64
- }
@@ -1,6 +0,0 @@
1
- import './Dropdown.css';
2
- declare const _default: {
3
- "dropdown": "pf-v6-c-dropdown",
4
- "wsPreviewHtml": "ws-preview-html"
5
- };
6
- export default _default;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./Dropdown.css');
4
- exports.default = {
5
- "dropdown": "pf-v6-c-dropdown",
6
- "wsPreviewHtml": "ws-preview-html"
7
- };
@@ -1,5 +0,0 @@
1
- import './Dropdown.css';
2
- export default {
3
- "dropdown": "pf-v6-c-dropdown",
4
- "wsPreviewHtml": "ws-preview-html"
5
- };
@@ -1,24 +0,0 @@
1
- #ws-core-e-log-viewer-with-popover-open .ws-preview-html {
2
- position: relative;
3
- }
4
-
5
- #ws-core-e-log-viewer-with-popover-open .pf-v6-c-popover {
6
- display: none;
7
- position: absolute;
8
- z-index: 9999;
9
- inset-block-start: 52px;
10
- inset-inline-end: 78px;
11
- }
12
-
13
- @media screen and (min-width: 992px) {
14
- #ws-core-e-log-viewer-with-popover-open .pf-v6-c-popover {
15
- display: block;
16
- }
17
- }
18
-
19
- .pf-v6-c-log-viewer .pf-v6-c-menu {
20
- position: absolute;
21
- z-index: 9999;
22
- inset-block-start: 100%;
23
- min-width: max-content;
24
- }
@@ -1,8 +0,0 @@
1
- import './LogViewer.css';
2
- declare const _default: {
3
- "logViewer": "pf-v6-c-log-viewer",
4
- "menu": "pf-v6-c-menu",
5
- "popover": "pf-v6-c-popover",
6
- "wsPreviewHtml": "ws-preview-html"
7
- };
8
- export default _default;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./LogViewer.css');
4
- exports.default = {
5
- "logViewer": "pf-v6-c-log-viewer",
6
- "menu": "pf-v6-c-menu",
7
- "popover": "pf-v6-c-popover",
8
- "wsPreviewHtml": "ws-preview-html"
9
- };
@@ -1,7 +0,0 @@
1
- import './LogViewer.css';
2
- export default {
3
- "logViewer": "pf-v6-c-log-viewer",
4
- "menu": "pf-v6-c-menu",
5
- "popover": "pf-v6-c-popover",
6
- "wsPreviewHtml": "ws-preview-html"
7
- };
@@ -1,25 +0,0 @@
1
- #ws-html-deprecated-c-options-menu-single-option,
2
- #ws-html-deprecated-c-options-menu-plain,
3
- #ws-html-deprecated-c-options-menu-align-right,
4
- #ws-html-deprecated-c-options-menu-align-top {
5
- min-height: 215px;
6
- }
7
-
8
- #ws-html-deprecated-c-options-menu-multiple-options {
9
- min-height: 350px;
10
- }
11
-
12
- #ws-html-deprecated-c-options-menu-plain-with-text {
13
- min-height: 280px;
14
- }
15
-
16
- #ws-html-deprecated-c-options-menu-align-top {
17
- display: flex;
18
- align-items: flex-end;
19
- }
20
-
21
- #ws-html-deprecated-c-options-menu-with-groups,
22
- #ws-html-deprecated-c-options-menu-with-groups-and-dividers-between-groups,
23
- #ws-html-deprecated-c-options-menu-with-groups-and-dividers-between-items {
24
- min-height: 450px;
25
- }
@@ -1,3 +0,0 @@
1
- import './options-menu.css';
2
- declare const _default: {};
3
- export default _default;
@@ -1,4 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./options-menu.css');
4
- exports.default = {};
@@ -1,2 +0,0 @@
1
- import './options-menu.css';
2
- export default {};
@@ -1,56 +0,0 @@
1
- #ws-html-deprecated-c-select-single-with-top-expanded,
2
- #ws-html-deprecated-c-select-single-expanded,
3
- #ws-html-deprecated-c-select-single-expanded-and-selected,
4
- #ws-html-deprecated-c-select-single-with-typeahead-expanded-and-selected,
5
- #ws-html-deprecated-c-select-plain-toggle-expanded,
6
- #ws-html-deprecated-c-select-view-more-menu-item,
7
- #ws-html-deprecated-c-select-loading-menu-item,
8
- #ws-html-deprecated-c-select-placeholder-expanded,
9
- #ws-html-deprecated-c-select-placeholder-item-disabled,
10
- #ws-html-deprecated-c-select-placeholder-item-enabled,
11
- #ws-html-deprecated-c-select-multi-with-typeahead-invalid {
12
- min-height: 330px;
13
- }
14
-
15
- #ws-html-deprecated-c-select-single-with-top-expanded {
16
- display: flex;
17
- align-items: flex-end;
18
- width: 100%;
19
- }
20
-
21
- #ws-html-deprecated-c-select-single-with-typeahead-expanded,
22
- #ws-html-deprecated-c-select-multi-with-typeahead-chip-group-collapsed {
23
- min-height: 210px;
24
- }
25
-
26
- #ws-html-deprecated-c-select-checkbox-expanded,
27
- #ws-html-deprecated-c-select-checkbox-expanded-without-badge,
28
- #ws-html-deprecated-c-select-checkbox-with-counts {
29
- min-height: 270px;
30
- }
31
-
32
- #ws-html-deprecated-c-select-multi-with-typeahead-chip-group-expanded,
33
- #ws-html-deprecated-c-select-menu-footer,
34
- #ws-html-deprecated-c-select-checkbox-item-description {
35
- min-height: 365px;
36
- }
37
-
38
- #ws-html-deprecated-c-select-checkbox-expanded-and-selected-with-groups {
39
- min-height: 460px;
40
- }
41
-
42
- #ws-html-deprecated-c-select-checkbox-expanded-and-selected-with-groups-and-filter {
43
- min-height: 530px;
44
- }
45
-
46
- #ws-html-deprecated-c-select-panel-menu {
47
- min-height: 120px;
48
- }
49
-
50
- #ws-html-deprecated-c-select-item-description {
51
- min-height: 400px;
52
- }
53
-
54
- #ws-html-deprecated-c-select-menu-item-favorites {
55
- min-height: 650px;
56
- }
@@ -1,3 +0,0 @@
1
- import './Select.css';
2
- declare const _default: {};
3
- export default _default;
@@ -1,4 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./Select.css');
4
- exports.default = {};
@@ -1,2 +0,0 @@
1
- import './Select.css';
2
- export default {};