@patternfly/patternfly 4.160.0 → 4.162.1
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.
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Black.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BlackItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Light.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Bold.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Light.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Medium.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Bold.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Light.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2 +0 -0
- package/base/_common.scss +5 -1
- package/base/_fonts.scss +100 -0
- package/base/_globals.scss +0 -16
- package/base/_variables.scss +25 -1
- package/base/patternfly-common.css +4 -0
- package/base/patternfly-fonts.css +84 -0
- package/base/patternfly-globals.css +0 -14
- package/base/patternfly-variables.css +21 -0
- package/components/DataList/data-list.scss +1 -1
- package/components/DescriptionList/description-list.css +14 -0
- package/components/DescriptionList/description-list.scss +19 -0
- package/components/Table/table.css +14 -3
- package/components/Table/table.scss +16 -3
- package/components/_all.scss +88 -88
- package/docs/components/DescriptionList/examples/DescriptionList.md +174 -0
- package/docs/components/Table/examples/Table.md +1079 -925
- package/docs/demos/Table/examples/Table.md +100 -100
- package/package.json +7 -7
- package/patternfly-addons.scss +10 -10
- package/patternfly-base-no-reset.css +109 -0
- package/patternfly-base-no-reset.scss +1 -1
- package/patternfly-base.css +109 -14
- package/patternfly-no-reset.css +137 -3
- package/patternfly-no-reset.scss +1 -1
- package/patternfly.css +137 -17
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/patternfly.scss +1 -1
- package/sass-utilities/scss-variables.scss +6 -0
package/patternfly.css
CHANGED
|
@@ -304,6 +304,12 @@
|
|
|
304
304
|
--pf-global--FontFamily--sans-serif: "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
|
|
305
305
|
--pf-global--FontFamily--heading--sans-serif: "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
|
|
306
306
|
--pf-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
|
|
307
|
+
--pf-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
|
|
308
|
+
--pf-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
|
|
309
|
+
--pf-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
|
|
310
|
+
--pf-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
|
|
311
|
+
--pf-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
|
|
312
|
+
--pf-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
|
|
307
313
|
--pf-global--FontFamily--overpass--sans-serif: "overpass", overpass, "open sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
308
314
|
--pf-global--FontFamily--overpass--monospace: "overpass-mono", overpass-mono, "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
|
|
309
315
|
--pf-global--FontSize--4xl: 2.25rem;
|
|
@@ -340,6 +346,21 @@
|
|
|
340
346
|
--pf-global--FontWeight--bold: var(--pf-global--FontWeight--overpass--bold);
|
|
341
347
|
}
|
|
342
348
|
|
|
349
|
+
.pf-m-redhat-updated-font {
|
|
350
|
+
--pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhat-updated--sans-serif);
|
|
351
|
+
--pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhat-updated--heading--sans-serif);
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.pf-m-redhatmono-font {
|
|
355
|
+
--pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhat--monospace);
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.pf-m-redhatVF-font {
|
|
359
|
+
--pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhatVF--sans-serif);
|
|
360
|
+
--pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhatVF--heading--sans-serif);
|
|
361
|
+
--pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
|
|
362
|
+
}
|
|
363
|
+
|
|
343
364
|
@font-face {
|
|
344
365
|
font-family: "RedHatDisplay";
|
|
345
366
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
@@ -375,6 +396,90 @@
|
|
|
375
396
|
font-weight: 700;
|
|
376
397
|
text-rendering: optimizeLegibility;
|
|
377
398
|
}
|
|
399
|
+
@font-face {
|
|
400
|
+
font-family: "RedHatDisplayUpdated";
|
|
401
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
|
|
402
|
+
font-style: normal;
|
|
403
|
+
font-weight: 300;
|
|
404
|
+
text-rendering: optimizeLegibility;
|
|
405
|
+
}
|
|
406
|
+
@font-face {
|
|
407
|
+
font-family: "RedHatDisplayUpdated";
|
|
408
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
|
|
409
|
+
font-style: normal;
|
|
410
|
+
font-weight: 400;
|
|
411
|
+
text-rendering: optimizeLegibility;
|
|
412
|
+
}
|
|
413
|
+
@font-face {
|
|
414
|
+
font-family: "RedHatDisplayUpdated";
|
|
415
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
|
|
416
|
+
font-style: normal;
|
|
417
|
+
font-weight: 700;
|
|
418
|
+
text-rendering: optimizeLegibility;
|
|
419
|
+
}
|
|
420
|
+
@font-face {
|
|
421
|
+
font-family: "RedHatTextUpdated";
|
|
422
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
|
|
423
|
+
font-style: normal;
|
|
424
|
+
font-weight: 400;
|
|
425
|
+
text-rendering: optimizeLegibility;
|
|
426
|
+
}
|
|
427
|
+
@font-face {
|
|
428
|
+
font-family: "RedHatTextUpdated";
|
|
429
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
|
|
430
|
+
font-style: normal;
|
|
431
|
+
font-weight: 700;
|
|
432
|
+
text-rendering: optimizeLegibility;
|
|
433
|
+
}
|
|
434
|
+
@font-face {
|
|
435
|
+
font-family: "RedHatMono";
|
|
436
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
|
|
437
|
+
font-style: normal;
|
|
438
|
+
font-weight: 400;
|
|
439
|
+
font-display: fallback;
|
|
440
|
+
}
|
|
441
|
+
@font-face {
|
|
442
|
+
font-family: "RedHatDisplayVF";
|
|
443
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
|
|
444
|
+
font-style: normal;
|
|
445
|
+
font-weight: 300 900;
|
|
446
|
+
font-display: fallback;
|
|
447
|
+
}
|
|
448
|
+
@font-face {
|
|
449
|
+
font-family: "RedHatDisplayVF";
|
|
450
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
451
|
+
font-style: italic;
|
|
452
|
+
font-weight: 300 900;
|
|
453
|
+
font-display: fallback;
|
|
454
|
+
}
|
|
455
|
+
@font-face {
|
|
456
|
+
font-family: "RedHatTextVF";
|
|
457
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
|
|
458
|
+
font-style: normal;
|
|
459
|
+
font-weight: 400 500;
|
|
460
|
+
font-display: fallback;
|
|
461
|
+
}
|
|
462
|
+
@font-face {
|
|
463
|
+
font-family: "RedHatTextVF";
|
|
464
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
465
|
+
font-style: italic;
|
|
466
|
+
font-weight: 400 500;
|
|
467
|
+
font-display: fallback;
|
|
468
|
+
}
|
|
469
|
+
@font-face {
|
|
470
|
+
font-family: "RedHatMonoVF";
|
|
471
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
|
|
472
|
+
font-style: normal;
|
|
473
|
+
font-weight: 300 700;
|
|
474
|
+
font-display: fallback;
|
|
475
|
+
}
|
|
476
|
+
@font-face {
|
|
477
|
+
font-family: "RedHatMonoVF";
|
|
478
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
|
|
479
|
+
font-style: italic;
|
|
480
|
+
font-weight: 300 700;
|
|
481
|
+
font-display: fallback;
|
|
482
|
+
}
|
|
378
483
|
@font-face {
|
|
379
484
|
font-family: "overpass";
|
|
380
485
|
font-style: normal;
|
|
@@ -515,6 +620,10 @@ html {
|
|
|
515
620
|
border: 0;
|
|
516
621
|
}
|
|
517
622
|
|
|
623
|
+
.pf-m-tabular-nums {
|
|
624
|
+
font-variant-numeric: tabular-nums;
|
|
625
|
+
}
|
|
626
|
+
|
|
518
627
|
html,
|
|
519
628
|
body,
|
|
520
629
|
p,
|
|
@@ -633,20 +742,6 @@ a {
|
|
|
633
742
|
cursor: pointer;
|
|
634
743
|
}
|
|
635
744
|
|
|
636
|
-
button::-moz-focus-inner,
|
|
637
|
-
[type=button]::-moz-focus-inner,
|
|
638
|
-
[type=reset]::-moz-focus-inner,
|
|
639
|
-
[type=submit]::-moz-focus-inner {
|
|
640
|
-
padding: 0;
|
|
641
|
-
border-style: none;
|
|
642
|
-
}
|
|
643
|
-
button:-moz-focusring,
|
|
644
|
-
[type=button]:-moz-focusring,
|
|
645
|
-
[type=reset]:-moz-focusring,
|
|
646
|
-
[type=submit]:-moz-focusring {
|
|
647
|
-
outline: 1px dotted ButtonText;
|
|
648
|
-
}
|
|
649
|
-
|
|
650
745
|
.pf-m-overpass-font a {
|
|
651
746
|
font-weight: var(--pf-global--FontWeight--semi-bold);
|
|
652
747
|
}
|
|
@@ -9588,6 +9683,20 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9588
9683
|
.pf-c-description-list.pf-m-fluid {
|
|
9589
9684
|
--pf-c-description-list--m-horizontal__term--width: fit-content(20ch);
|
|
9590
9685
|
}
|
|
9686
|
+
.pf-c-description-list.pf-m-fill-columns {
|
|
9687
|
+
display: block;
|
|
9688
|
+
column-count: var(--pf-c-description-list--GridTemplateColumns--count);
|
|
9689
|
+
margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
|
|
9690
|
+
}
|
|
9691
|
+
.pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
|
|
9692
|
+
display: inline-grid;
|
|
9693
|
+
width: 100%;
|
|
9694
|
+
margin-bottom: var(--pf-c-description-list--RowGap);
|
|
9695
|
+
break-inside: avoid;
|
|
9696
|
+
page-break-inside: avoid;
|
|
9697
|
+
-webkit-column-break-inside: avoid;
|
|
9698
|
+
-moz-column-break-inside: avoid;
|
|
9699
|
+
}
|
|
9591
9700
|
|
|
9592
9701
|
.pf-c-description-list__group {
|
|
9593
9702
|
display: grid;
|
|
@@ -24007,9 +24116,14 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
24007
24116
|
outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
|
|
24008
24117
|
}
|
|
24009
24118
|
.pf-c-table thead.pf-m-nested-column-header th,
|
|
24010
|
-
.pf-c-table thead.pf-m-nested-column-header td
|
|
24119
|
+
.pf-c-table thead.pf-m-nested-column-header td,
|
|
24120
|
+
.pf-c-table thead.pf-m-nested-column-header input {
|
|
24011
24121
|
vertical-align: middle;
|
|
24012
24122
|
}
|
|
24123
|
+
.pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {
|
|
24124
|
+
display: flex;
|
|
24125
|
+
align-items: center;
|
|
24126
|
+
}
|
|
24013
24127
|
.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
|
|
24014
24128
|
.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
|
|
24015
24129
|
--pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
|
|
@@ -24042,7 +24156,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
24042
24156
|
background-color: transparent;
|
|
24043
24157
|
border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor);
|
|
24044
24158
|
}
|
|
24045
|
-
.pf-c-table tbody .pf-c-table__check
|
|
24159
|
+
.pf-c-table tbody .pf-c-table__check input {
|
|
24046
24160
|
margin-top: var(--pf-c-table__check--input--MarginTop);
|
|
24047
24161
|
vertical-align: top;
|
|
24048
24162
|
}
|
|
@@ -24329,9 +24443,15 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
24329
24443
|
.pf-c-table__check {
|
|
24330
24444
|
--pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
|
|
24331
24445
|
}
|
|
24332
|
-
.pf-c-table__check
|
|
24446
|
+
.pf-c-table__check label:not([disabled]),
|
|
24447
|
+
.pf-c-table__check input:not([disabled]) {
|
|
24333
24448
|
cursor: pointer;
|
|
24334
24449
|
}
|
|
24450
|
+
.pf-c-table__check label {
|
|
24451
|
+
display: block;
|
|
24452
|
+
padding: inherit;
|
|
24453
|
+
margin: calc(var(--pf-c-table--cell--PaddingTop) * -1) calc(var(--pf-c-table--cell--PaddingRight) * -1) calc(var(--pf-c-table--cell--PaddingBottom) * -1) calc(var(--pf-c-table--cell--PaddingLeft) * -1);
|
|
24454
|
+
}
|
|
24335
24455
|
|
|
24336
24456
|
.pf-c-table__favorite .pf-c-button {
|
|
24337
24457
|
--pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);
|