@patternfly/patternfly 4.179.2 → 4.179.3

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 (15) hide show
  1. package/components/Select/select.css +3 -2
  2. package/components/Select/select.scss +4 -2
  3. package/docs/components/LogViewer/examples/LogViewer.md +567 -198
  4. package/docs/components/Menu/examples/Menu.md +1848 -955
  5. package/docs/components/Nav/examples/Navigation.md +563 -231
  6. package/docs/demos/ContextSelector/examples/ContextSelector.md +351 -105
  7. package/docs/demos/Masthead/examples/Masthead.md +198 -70
  8. package/docs/demos/Page/examples/Page.md +693 -245
  9. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  10. package/docs/demos/Table/examples/Table.md +1287 -455
  11. package/package.json +1 -1
  12. package/patternfly-no-reset.css +3 -2
  13. package/patternfly.css +3 -2
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
package/components/Select/select.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --pf-c-select__toggle--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
24
24
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
25
25
  --pf-c-select__toggle--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
26
- --pf-c-select__toggle--before--BorderWidth: var(--pf-c-select__toggle--before--BorderTopWidth) var(--pf-c-select__toggle--before--BorderRightWidth) var(--pf-c-select__toggle--before--BorderBottomWidth) var(--pf-c-select__toggle--before--BorderLeftWidth);
26
+ --pf-c-select__toggle--before--BorderWidth: initial;
27
27
  --pf-c-select__toggle--before--BorderTopColor: var(--pf-global--BorderColor--300);
28
28
  --pf-c-select__toggle--before--BorderRightColor: var(--pf-global--BorderColor--300);
29
29
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--200);
@@ -234,6 +234,7 @@
234
234
  border: 0;
235
235
  }
236
236
  .pf-c-select__toggle::before {
237
+ --pf-c-select__toggle--before--BorderWidth-base: var(--pf-c-select__toggle--before--BorderTopWidth) var(--pf-c-select__toggle--before--BorderRightWidth) var(--pf-c-select__toggle--before--BorderBottomWidth) var(--pf-c-select__toggle--before--BorderLeftWidth);
237
238
  position: absolute;
238
239
  top: 0;
239
240
  right: 0;
@@ -242,7 +243,7 @@
242
243
  content: "";
243
244
  border-color: var(--pf-c-select__toggle--before--BorderTopColor) var(--pf-c-select__toggle--before--BorderRightColor) var(--pf-c-select__toggle--before--BorderBottomColor) var(--pf-c-select__toggle--before--BorderLeftColor);
244
245
  border-style: solid;
245
- border-width: var(--pf-c-select__toggle--before--BorderWidth);
246
+ border-width: var(--pf-c-select__toggle--before--BorderWidth, var(--pf-c-select__toggle--before--BorderWidth-base));
246
247
  }
247
248
  .pf-c-select__toggle:hover {
248
249
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--hover--before--BorderBottomColor);
package/components/Select/select.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  --pf-c-select__toggle--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
16
16
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
17
17
  --pf-c-select__toggle--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
18
- --pf-c-select__toggle--before--BorderWidth: var(--pf-c-select__toggle--before--BorderTopWidth) var(--pf-c-select__toggle--before--BorderRightWidth) var(--pf-c-select__toggle--before--BorderBottomWidth) var(--pf-c-select__toggle--before--BorderLeftWidth); // remove at breaking change
18
+ --pf-c-select__toggle--before--BorderWidth: initial; // remove at breaking change
19
19
  --pf-c-select__toggle--before--BorderTopColor: var(--pf-global--BorderColor--300);
20
20
  --pf-c-select__toggle--before--BorderRightColor: var(--pf-global--BorderColor--300);
21
21
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--200);
@@ -292,6 +292,8 @@
292
292
  }
293
293
 
294
294
  &::before {
295
+ --pf-c-select__toggle--before--BorderWidth-base: var(--pf-c-select__toggle--before--BorderTopWidth) var(--pf-c-select__toggle--before--BorderRightWidth) var(--pf-c-select__toggle--before--BorderBottomWidth) var(--pf-c-select__toggle--before--BorderLeftWidth); // remove at breaking change
296
+
295
297
  position: absolute;
296
298
  top: 0;
297
299
  right: 0;
@@ -300,7 +302,7 @@
300
302
  content: "";
301
303
  border-color: var(--pf-c-select__toggle--before--BorderTopColor) var(--pf-c-select__toggle--before--BorderRightColor) var(--pf-c-select__toggle--before--BorderBottomColor) var(--pf-c-select__toggle--before--BorderLeftColor);
302
304
  border-style: solid;
303
- border-width: var(--pf-c-select__toggle--before--BorderWidth);
305
+ border-width: var(--pf-c-select__toggle--before--BorderWidth, var(--pf-c-select__toggle--before--BorderWidth-base));
304
306
  }
305
307
 
306
308
  &:hover {