@patternfly/patternfly 5.0.0-alpha.58 → 5.0.0-alpha.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/layouts/Level/level.css +3 -3
  2. package/layouts/Level/level.scss +3 -3
  3. package/layouts/Split/split.css +3 -3
  4. package/layouts/Split/split.scss +3 -3
  5. package/layouts/Stack/stack.css +3 -3
  6. package/layouts/Stack/stack.scss +3 -3
  7. package/package.json +1 -1
  8. package/patternfly-no-globals.css +9 -9
  9. package/patternfly.css +9 -9
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/layouts/Level/level.css CHANGED
@@ -1,10 +1,10 @@
1
1
  .pf-v5-l-level {
2
- --pf-v5-l-level--m-gutter--MarginRight: var(--pf-v5-global--gutter);
2
+ --pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
3
3
  display: flex;
4
4
  flex-wrap: wrap;
5
5
  align-items: center;
6
6
  justify-content: space-between;
7
7
  }
8
- .pf-v5-l-level.pf-m-gutter > *:not(:last-child) {
9
- margin-right: var(--pf-v5-l-level--m-gutter--MarginRight);
8
+ .pf-v5-l-level.pf-m-gutter {
9
+ gap: var(--pf-v5-l-level--m-gutter--Gap);
10
10
  }
package/layouts/Level/level.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  .#{$level} {
2
- --#{$level}--m-gutter--MarginRight: var(--#{$pf-global}--gutter);
2
+ --#{$level}--m-gutter--Gap: var(--#{$pf-global}--gutter);
3
3
 
4
4
  display: flex;
5
5
  flex-wrap: wrap;
6
6
  align-items: center;
7
7
  justify-content: space-between;
8
8
 
9
- &.pf-m-gutter > *:not(:last-child) {
10
- margin-right: var(--#{$level}--m-gutter--MarginRight);
9
+ &.pf-m-gutter {
10
+ gap: var(--#{$level}--m-gutter--Gap);
11
11
  }
12
12
  }
package/layouts/Split/split.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .pf-v5-l-split {
2
- --pf-v5-l-stack--m-gutter--MarginRight: var(--pf-v5-global--gutter);
2
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
3
3
  display: flex;
4
4
  padding: 0;
5
5
  margin: 0;
@@ -12,6 +12,6 @@
12
12
  flex-grow: 1;
13
13
  }
14
14
 
15
- .pf-v5-l-split.pf-m-gutter > *:not(:last-child) {
16
- margin-right: var(--pf-v5-l-stack--m-gutter--MarginRight);
15
+ .pf-v5-l-split.pf-m-gutter {
16
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
17
17
  }
package/layouts/Split/split.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .#{$split} {
2
- --#{$stack}--m-gutter--MarginRight: var(--#{$pf-global}--gutter);
2
+ --#{$stack}--m-gutter--Gap: var(--#{$pf-global}--gutter);
3
3
 
4
4
  display: flex;
5
5
  padding: 0;
@@ -14,6 +14,6 @@
14
14
  flex-grow: 1;
15
15
  }
16
16
 
17
- .#{$split}.pf-m-gutter > *:not(:last-child) {
18
- margin-right: var(--#{$stack}--m-gutter--MarginRight);
17
+ .#{$split}.pf-m-gutter {
18
+ gap: var(--#{$stack}--m-gutter--Gap);
19
19
  }
package/layouts/Stack/stack.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .pf-v5-l-stack {
2
- --pf-v5-l-stack--m-gutter--MarginBottom: var(--pf-v5-global--gutter);
2
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  height: 100%;
@@ -9,6 +9,6 @@
9
9
  flex-grow: 1;
10
10
  }
11
11
 
12
- .pf-v5-l-stack.pf-m-gutter > *:not(:last-child) {
13
- margin-bottom: var(--pf-v5-l-stack--m-gutter--MarginBottom);
12
+ .pf-v5-l-stack.pf-m-gutter {
13
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
14
14
  }
package/layouts/Stack/stack.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .#{$stack} {
2
- --#{$stack}--m-gutter--MarginBottom: var(--#{$pf-global}--gutter);
2
+ --#{$stack}--m-gutter--Gap: var(--#{$pf-global}--gutter);
3
3
 
4
4
  display: flex;
5
5
  flex-direction: column;
@@ -10,6 +10,6 @@
10
10
  flex-grow: 1;
11
11
  }
12
12
 
13
- .#{$stack}.pf-m-gutter > *:not(:last-child) {
14
- margin-bottom: var(--#{$stack}--m-gutter--MarginBottom);
13
+ .#{$stack}.pf-m-gutter {
14
+ gap: var(--#{$stack}--m-gutter--Gap);
15
15
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.0.0-alpha.58",
4
+ "version": "5.0.0-alpha.59",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -34207,18 +34207,18 @@ label.pf-v5-c-tree-view__node-text {
34207
34207
  }
34208
34208
 
34209
34209
  .pf-v5-l-level {
34210
- --pf-v5-l-level--m-gutter--MarginRight: var(--pf-v5-global--gutter);
34210
+ --pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
34211
34211
  display: flex;
34212
34212
  flex-wrap: wrap;
34213
34213
  align-items: center;
34214
34214
  justify-content: space-between;
34215
34215
  }
34216
- .pf-v5-l-level.pf-m-gutter > *:not(:last-child) {
34217
- margin-right: var(--pf-v5-l-level--m-gutter--MarginRight);
34216
+ .pf-v5-l-level.pf-m-gutter {
34217
+ gap: var(--pf-v5-l-level--m-gutter--Gap);
34218
34218
  }
34219
34219
 
34220
34220
  .pf-v5-l-split {
34221
- --pf-v5-l-stack--m-gutter--MarginRight: var(--pf-v5-global--gutter);
34221
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
34222
34222
  display: flex;
34223
34223
  padding: 0;
34224
34224
  margin: 0;
@@ -34231,12 +34231,12 @@ label.pf-v5-c-tree-view__node-text {
34231
34231
  flex-grow: 1;
34232
34232
  }
34233
34233
 
34234
- .pf-v5-l-split.pf-m-gutter > *:not(:last-child) {
34235
- margin-right: var(--pf-v5-l-stack--m-gutter--MarginRight);
34234
+ .pf-v5-l-split.pf-m-gutter {
34235
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
34236
34236
  }
34237
34237
 
34238
34238
  .pf-v5-l-stack {
34239
- --pf-v5-l-stack--m-gutter--MarginBottom: var(--pf-v5-global--gutter);
34239
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
34240
34240
  display: flex;
34241
34241
  flex-direction: column;
34242
34242
  height: 100%;
@@ -34246,6 +34246,6 @@ label.pf-v5-c-tree-view__node-text {
34246
34246
  flex-grow: 1;
34247
34247
  }
34248
34248
 
34249
- .pf-v5-l-stack.pf-m-gutter > *:not(:last-child) {
34250
- margin-bottom: var(--pf-v5-l-stack--m-gutter--MarginBottom);
34249
+ .pf-v5-l-stack.pf-m-gutter {
34250
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
34251
34251
  }
package/patternfly.css CHANGED
@@ -34324,18 +34324,18 @@ label.pf-v5-c-tree-view__node-text {
34324
34324
  }
34325
34325
 
34326
34326
  .pf-v5-l-level {
34327
- --pf-v5-l-level--m-gutter--MarginRight: var(--pf-v5-global--gutter);
34327
+ --pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
34328
34328
  display: flex;
34329
34329
  flex-wrap: wrap;
34330
34330
  align-items: center;
34331
34331
  justify-content: space-between;
34332
34332
  }
34333
- .pf-v5-l-level.pf-m-gutter > *:not(:last-child) {
34334
- margin-right: var(--pf-v5-l-level--m-gutter--MarginRight);
34333
+ .pf-v5-l-level.pf-m-gutter {
34334
+ gap: var(--pf-v5-l-level--m-gutter--Gap);
34335
34335
  }
34336
34336
 
34337
34337
  .pf-v5-l-split {
34338
- --pf-v5-l-stack--m-gutter--MarginRight: var(--pf-v5-global--gutter);
34338
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
34339
34339
  display: flex;
34340
34340
  padding: 0;
34341
34341
  margin: 0;
@@ -34348,12 +34348,12 @@ label.pf-v5-c-tree-view__node-text {
34348
34348
  flex-grow: 1;
34349
34349
  }
34350
34350
 
34351
- .pf-v5-l-split.pf-m-gutter > *:not(:last-child) {
34352
- margin-right: var(--pf-v5-l-stack--m-gutter--MarginRight);
34351
+ .pf-v5-l-split.pf-m-gutter {
34352
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
34353
34353
  }
34354
34354
 
34355
34355
  .pf-v5-l-stack {
34356
- --pf-v5-l-stack--m-gutter--MarginBottom: var(--pf-v5-global--gutter);
34356
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
34357
34357
  display: flex;
34358
34358
  flex-direction: column;
34359
34359
  height: 100%;
@@ -34363,6 +34363,6 @@ label.pf-v5-c-tree-view__node-text {
34363
34363
  flex-grow: 1;
34364
34364
  }
34365
34365
 
34366
- .pf-v5-l-stack.pf-m-gutter > *:not(:last-child) {
34367
- margin-bottom: var(--pf-v5-l-stack--m-gutter--MarginBottom);
34366
+ .pf-v5-l-stack.pf-m-gutter {
34367
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
34368
34368
  }