@patternfly/react-styles 5.0.0-alpha.6 → 5.0.0-alpha.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/Card/card.css +95 -29
  3. package/css/components/Card/card.d.ts +8 -1
  4. package/css/components/Card/card.js +8 -1
  5. package/css/components/Card/card.mjs +8 -1
  6. package/css/components/DataList/data-list.css +34 -29
  7. package/css/components/DataList/data-list.d.ts +1 -1
  8. package/css/components/DataList/data-list.js +1 -1
  9. package/css/components/DataList/data-list.mjs +1 -1
  10. package/css/components/Form/form.css +2 -0
  11. package/css/components/Spinner/spinner.css +0 -129
  12. package/css/components/Spinner/spinner.d.ts +1 -4
  13. package/css/components/Spinner/spinner.js +1 -4
  14. package/css/components/Spinner/spinner.mjs +1 -4
  15. package/css/components/Table/table.css +60 -63
  16. package/css/components/Table/table.d.ts +2 -2
  17. package/css/components/Table/table.js +2 -2
  18. package/css/components/Table/table.mjs +2 -2
  19. package/package.json +3 -3
  20. package/css/components/Topology/topology-components.css +0 -832
  21. package/css/components/Topology/topology-components.d.ts +0 -67
  22. package/css/components/Topology/topology-components.js +0 -68
  23. package/css/components/Topology/topology-components.mjs +0 -66
  24. package/css/components/Topology/topology-controlbar.css +0 -22
  25. package/css/components/Topology/topology-controlbar.d.ts +0 -11
  26. package/css/components/Topology/topology-controlbar.js +0 -12
  27. package/css/components/Topology/topology-controlbar.mjs +0 -10
  28. package/css/components/Topology/topology-pipelines.css +0 -554
  29. package/css/components/Topology/topology-pipelines.d.ts +0 -30
  30. package/css/components/Topology/topology-pipelines.js +0 -31
  31. package/css/components/Topology/topology-pipelines.mjs +0 -29
  32. package/css/components/Topology/topology-side-bar.css +0 -73
  33. package/css/components/Topology/topology-side-bar.d.ts +0 -14
  34. package/css/components/Topology/topology-side-bar.js +0 -15
  35. package/css/components/Topology/topology-side-bar.mjs +0 -13
  36. package/css/components/Topology/topology-view.css +0 -13
  37. package/css/components/Topology/topology-view.d.ts +0 -6
  38. package/css/components/Topology/topology-view.js +0 -7
  39. package/css/components/Topology/topology-view.mjs +0 -5
  40. package/src/css/components/Topology/topology-components.css +0 -832
  41. package/src/css/components/Topology/topology-controlbar.css +0 -22
  42. package/src/css/components/Topology/topology-pipelines.css +0 -554
  43. package/src/css/components/Topology/topology-side-bar.css +0 -73
  44. 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
- };