@patternfly/react-styles 5.0.0-alpha.5 → 5.0.0-alpha.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (89) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/assets/images/pfbg-icon.svg +1 -0
  3. package/css/components/AboutModalBox/about-modal-box.css +15 -45
  4. package/css/components/AboutModalBox/about-modal-box.d.ts +0 -1
  5. package/css/components/AboutModalBox/about-modal-box.js +0 -1
  6. package/css/components/AboutModalBox/about-modal-box.mjs +0 -1
  7. package/css/components/Alert/alert.css +14 -5
  8. package/css/components/Alert/alert.d.ts +1 -0
  9. package/css/components/Alert/alert.js +1 -0
  10. package/css/components/Alert/alert.mjs +1 -0
  11. package/css/components/BackgroundImage/background-image.css +8 -35
  12. package/css/components/BackgroundImage/background-image.d.ts +1 -2
  13. package/css/components/BackgroundImage/background-image.js +1 -2
  14. package/css/components/BackgroundImage/background-image.mjs +1 -2
  15. package/css/components/Banner/banner.css +0 -38
  16. package/css/components/Banner/banner.d.ts +0 -1
  17. package/css/components/Banner/banner.js +0 -1
  18. package/css/components/Banner/banner.mjs +0 -1
  19. package/css/components/ContextSelector/context-selector.css +8 -5
  20. package/css/components/Dropdown/dropdown.css +14 -15
  21. package/css/components/Icon/icon.css +3 -3
  22. package/css/components/Icon/icon.d.ts +1 -1
  23. package/css/components/Icon/icon.js +1 -1
  24. package/css/components/Icon/icon.mjs +1 -1
  25. package/css/components/Label/label.css +6 -6
  26. package/css/components/LogViewer/log-viewer.css +0 -38
  27. package/css/components/LogViewer/log-viewer.d.ts +0 -2
  28. package/css/components/LogViewer/log-viewer.js +0 -2
  29. package/css/components/LogViewer/log-viewer.mjs +0 -2
  30. package/css/components/Login/login.css +9 -49
  31. package/css/components/Login/login.d.ts +0 -2
  32. package/css/components/Login/login.js +0 -2
  33. package/css/components/Login/login.mjs +0 -2
  34. package/css/components/Masthead/masthead.css +0 -38
  35. package/css/components/Masthead/masthead.d.ts +0 -1
  36. package/css/components/Masthead/masthead.js +0 -1
  37. package/css/components/Masthead/masthead.mjs +0 -1
  38. package/css/components/ModalBox/modal-box.css +3 -3
  39. package/css/components/ModalBox/modal-box.d.ts +1 -1
  40. package/css/components/ModalBox/modal-box.js +1 -1
  41. package/css/components/ModalBox/modal-box.mjs +1 -1
  42. package/css/components/NotificationDrawer/notification-drawer.css +5 -5
  43. package/css/components/NotificationDrawer/notification-drawer.d.ts +1 -1
  44. package/css/components/NotificationDrawer/notification-drawer.js +1 -1
  45. package/css/components/NotificationDrawer/notification-drawer.mjs +1 -1
  46. package/css/components/OptionsMenu/options-menu.css +8 -5
  47. package/css/components/Page/page.css +30 -51
  48. package/css/components/Page/page.d.ts +4 -3
  49. package/css/components/Page/page.js +4 -3
  50. package/css/components/Page/page.mjs +4 -3
  51. package/css/components/Popover/popover.css +6 -6
  52. package/css/components/Popover/popover.d.ts +1 -1
  53. package/css/components/Popover/popover.js +1 -1
  54. package/css/components/Popover/popover.mjs +1 -1
  55. package/css/components/Wizard/wizard.css +0 -38
  56. package/css/components/Wizard/wizard.d.ts +0 -2
  57. package/css/components/Wizard/wizard.js +0 -2
  58. package/css/components/Wizard/wizard.mjs +0 -2
  59. package/css/docs/components/Page/examples/Page.css +7 -1
  60. package/css/utilities/Text/text.css +48 -48
  61. package/css/utilities/Text/text.d.ts +18 -18
  62. package/css/utilities/Text/text.js +18 -18
  63. package/css/utilities/Text/text.mjs +18 -18
  64. package/package.json +3 -3
  65. package/css/components/Topology/topology-components.css +0 -832
  66. package/css/components/Topology/topology-components.d.ts +0 -67
  67. package/css/components/Topology/topology-components.js +0 -68
  68. package/css/components/Topology/topology-components.mjs +0 -66
  69. package/css/components/Topology/topology-controlbar.css +0 -22
  70. package/css/components/Topology/topology-controlbar.d.ts +0 -11
  71. package/css/components/Topology/topology-controlbar.js +0 -12
  72. package/css/components/Topology/topology-controlbar.mjs +0 -10
  73. package/css/components/Topology/topology-pipelines.css +0 -554
  74. package/css/components/Topology/topology-pipelines.d.ts +0 -30
  75. package/css/components/Topology/topology-pipelines.js +0 -31
  76. package/css/components/Topology/topology-pipelines.mjs +0 -29
  77. package/css/components/Topology/topology-side-bar.css +0 -73
  78. package/css/components/Topology/topology-side-bar.d.ts +0 -14
  79. package/css/components/Topology/topology-side-bar.js +0 -15
  80. package/css/components/Topology/topology-side-bar.mjs +0 -13
  81. package/css/components/Topology/topology-view.css +0 -13
  82. package/css/components/Topology/topology-view.d.ts +0 -6
  83. package/css/components/Topology/topology-view.js +0 -7
  84. package/css/components/Topology/topology-view.mjs +0 -5
  85. package/src/css/components/Topology/topology-components.css +0 -832
  86. package/src/css/components/Topology/topology-controlbar.css +0 -22
  87. package/src/css/components/Topology/topology-pipelines.css +0 -554
  88. package/src/css/components/Topology/topology-side-bar.css +0 -73
  89. package/src/css/components/Topology/topology-view.css +0 -13
@@ -1,73 +0,0 @@
1
- .pf-topology-container__with-sidebar {
2
- position: relative;
3
- }
4
-
5
- .pf-topology-side-bar {
6
- position: absolute;
7
- top: 0;
8
- right: 0;
9
- width: 0;
10
- max-width: 100%;
11
- height: 100%;
12
- background-color: var(--pf-global--BackgroundColor--100);
13
- overflow-x: hidden;
14
- opacity: 0;
15
- z-index: 5;
16
- -webkit-transition: opacity 0.15s linear, transform 0.15s linear;
17
- -o-transition: opacity 0.15s linear, transform 0.15s linear;
18
- transition: opacity 0.15s linear, transform 0.15s linear;
19
- }
20
- .pf-topology-side-bar.in {
21
- opacity: 1;
22
- }
23
- .pf-topology-side-bar.shown {
24
- width: 100%;
25
- }
26
- .pf-topology-side-bar__dismiss.pf-c-button {
27
- position: absolute;
28
- top: calc(2rem - 0.375rem + 0.0625rem);
29
- right: 1rem;
30
- }
31
- .pf-topology-side-bar:not(.in) {
32
- -webkit-transform: translate3d(-25%, 0, 0);
33
- transform: translate3d(25%, 0, 0);
34
- }
35
-
36
- .pf-topology-resizable-side-bar {
37
- width: 100%;
38
- height: 100%;
39
- background-color: var(--pf-global--BackgroundColor--100);
40
- overflow-x: hidden;
41
- }
42
-
43
- .pf-topology-side-bar > .pf-topology-side-bar__dismiss + * {
44
- margin-right: 2rem;
45
- }
46
- .pf-topology-side-bar > .pf-topology-side-bar__header + * {
47
- margin-top: 1.5rem;
48
- }
49
-
50
- @media (min-width: 768px) {
51
- .pf-topology-container__with-sidebar {
52
- overflow-x: hidden;
53
- background-color: var(--pf-global--Color--light-200) !important;
54
- }
55
- .pf-topology-container__with-sidebar .pf-topology-content {
56
- -webkit-transition: width 0.15s linear;
57
- -o-transition: width 0.15s linear;
58
- transition: width 0.15s linear;
59
- position: absolute;
60
- left: 0;
61
- min-width: 100%;
62
- }
63
- .pf-topology-container__with-sidebar.pf-topology-container__with-sidebar--open .pf-topology-content {
64
- width: 180px;
65
- min-width: calc(100% - 550px);
66
- }
67
-
68
- .pf-topology-side-bar.shown {
69
- box-shadow: var(--pf-global--BoxShadow--md);
70
- width: calc(100% - 180px);
71
- max-width: 550px;
72
- }
73
- }
@@ -1,14 +0,0 @@
1
- import './topology-side-bar.css';
2
- declare const _default: {
3
- "button": "pf-c-button",
4
- "in": "in",
5
- "shown": "shown",
6
- "topologyContainerWithSidebar": "pf-topology-container__with-sidebar",
7
- "topologyContainerWithSidebarOpen": "pf-topology-container__with-sidebar--open",
8
- "topologyContent": "pf-topology-content",
9
- "topologyResizableSideBar": "pf-topology-resizable-side-bar",
10
- "topologySideBar": "pf-topology-side-bar",
11
- "topologySideBarDismiss": "pf-topology-side-bar__dismiss",
12
- "topologySideBarHeader": "pf-topology-side-bar__header"
13
- };
14
- export default _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./topology-side-bar.css');
4
- exports.default = {
5
- "button": "pf-c-button",
6
- "in": "in",
7
- "shown": "shown",
8
- "topologyContainerWithSidebar": "pf-topology-container__with-sidebar",
9
- "topologyContainerWithSidebarOpen": "pf-topology-container__with-sidebar--open",
10
- "topologyContent": "pf-topology-content",
11
- "topologyResizableSideBar": "pf-topology-resizable-side-bar",
12
- "topologySideBar": "pf-topology-side-bar",
13
- "topologySideBarDismiss": "pf-topology-side-bar__dismiss",
14
- "topologySideBarHeader": "pf-topology-side-bar__header"
15
- };
@@ -1,13 +0,0 @@
1
- import './topology-side-bar.css';
2
- export default {
3
- "button": "pf-c-button",
4
- "in": "in",
5
- "shown": "shown",
6
- "topologyContainerWithSidebar": "pf-topology-container__with-sidebar",
7
- "topologyContainerWithSidebarOpen": "pf-topology-container__with-sidebar--open",
8
- "topologyContent": "pf-topology-content",
9
- "topologyResizableSideBar": "pf-topology-resizable-side-bar",
10
- "topologySideBar": "pf-topology-side-bar",
11
- "topologySideBarDismiss": "pf-topology-side-bar__dismiss",
12
- "topologySideBarHeader": "pf-topology-side-bar__header"
13
- };
@@ -1,13 +0,0 @@
1
- .pf-topology-content {
2
- background-color: var(--pf-global--Color--light-200);
3
- position: relative;
4
- display: flex;
5
- justify-content: center;
6
- align-items: center;
7
- width: 100%;
8
- height: 100%;
9
- }
10
-
11
- .pf-topology-container {
12
- flex: 1;
13
- }
@@ -1,6 +0,0 @@
1
- import './topology-view.css';
2
- declare const _default: {
3
- "topologyContainer": "pf-topology-container",
4
- "topologyContent": "pf-topology-content"
5
- };
6
- export default _default;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./topology-view.css');
4
- exports.default = {
5
- "topologyContainer": "pf-topology-container",
6
- "topologyContent": "pf-topology-content"
7
- };
@@ -1,5 +0,0 @@
1
- import './topology-view.css';
2
- export default {
3
- "topologyContainer": "pf-topology-container",
4
- "topologyContent": "pf-topology-content"
5
- };