@patternfly/patternfly 5.0.0-alpha.27 → 5.0.0-alpha.28

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 (8) hide show
  1. package/components/Popover/popover.css +2 -0
  2. package/components/Popover/popover.scss +2 -0
  3. package/docs/components/Popover/examples/Popover.md +6 -19
  4. package/package.json +1 -1
  5. package/patternfly-no-reset.css +2 -0
  6. package/patternfly.css +2 -0
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Popover/popover.css CHANGED
@@ -43,6 +43,7 @@
43
43
  --pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
44
44
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
45
45
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
46
+ --pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
46
47
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
47
48
  position: relative;
48
49
  min-width: var(--pf-c-popover--MinWidth);
@@ -150,6 +151,7 @@
150
151
 
151
152
  .pf-c-popover__title-icon {
152
153
  margin-right: var(--pf-c-popover__title-icon--MarginRight);
154
+ font-size: var(--pf-c-popover__title-icon--FontSize);
153
155
  color: var(--pf-c-popover__title-icon--Color);
154
156
  }
155
157
 
package/components/Popover/popover.scss CHANGED
@@ -60,6 +60,7 @@
60
60
  // Title icon
61
61
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
62
62
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
63
+ --pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
63
64
 
64
65
  // Footer
65
66
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
@@ -219,6 +220,7 @@
219
220
 
220
221
  .pf-c-popover__title-icon {
221
222
  margin-right: var(--pf-c-popover__title-icon--MarginRight);
223
+ font-size: var(--pf-c-popover__title-icon--FontSize);
222
224
  color: var(--pf-c-popover__title-icon--Color);
223
225
  }
224
226
 
package/docs/components/Popover/examples/Popover.md CHANGED
@@ -356,7 +356,7 @@ cssPrefix: pf-c-popover
356
356
  </button>
357
357
  </div>
358
358
  <header class="pf-c-popover__header">
359
- <div class="pf-c-popover__title pf-m-icon" id="popover-icon-title-header">
359
+ <div class="pf-c-popover__title" id="popover-icon-title-header">
360
360
  <span class="pf-c-popover__title-icon">
361
361
  <i class="fas fa-fw fa-bullhorn" aria-hidden="true"></i>
362
362
  </span>
@@ -391,10 +391,7 @@ cssPrefix: pf-c-popover
391
391
  </button>
392
392
  </div>
393
393
  <header class="pf-c-popover__header">
394
- <div
395
- class="pf-c-popover__title pf-m-icon"
396
- id="popover-default-alert-header"
397
- >
394
+ <div class="pf-c-popover__title" id="popover-default-alert-header">
398
395
  <span class="pf-c-popover__title-icon">
399
396
  <i class="fas fa-fw fa-bell" aria-hidden="true"></i>
400
397
  </span>
@@ -435,7 +432,7 @@ cssPrefix: pf-c-popover
435
432
  </button>
436
433
  </div>
437
434
  <header class="pf-c-popover__header">
438
- <div class="pf-c-popover__title pf-m-icon" id="popover-info-alert-header">
435
+ <div class="pf-c-popover__title" id="popover-info-alert-header">
439
436
  <span class="pf-c-popover__title-icon">
440
437
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
441
438
  </span>
@@ -476,10 +473,7 @@ cssPrefix: pf-c-popover
476
473
  </button>
477
474
  </div>
478
475
  <header class="pf-c-popover__header">
479
- <div
480
- class="pf-c-popover__title pf-m-icon"
481
- id="popover-success-alert-header"
482
- >
476
+ <div class="pf-c-popover__title" id="popover-success-alert-header">
483
477
  <span class="pf-c-popover__title-icon">
484
478
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
485
479
  </span>
@@ -515,10 +509,7 @@ cssPrefix: pf-c-popover
515
509
  <div class="pf-c-popover__arrow"></div>
516
510
  <div class="pf-c-popover__content">
517
511
  <header class="pf-c-popover__header">
518
- <div
519
- class="pf-c-popover__title pf-m-icon"
520
- id="popover-warning-alert-header"
521
- >
512
+ <div class="pf-c-popover__title" id="popover-warning-alert-header">
522
513
  <span class="pf-c-popover__title-icon">
523
514
  <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
524
515
  </span>
@@ -559,10 +550,7 @@ cssPrefix: pf-c-popover
559
550
  </button>
560
551
  </div>
561
552
  <header class="pf-c-popover__header">
562
- <div
563
- class="pf-c-popover__title pf-m-icon"
564
- id="popover-danger-alert-header"
565
- >
553
+ <div class="pf-c-popover__title" id="popover-danger-alert-header">
566
554
  <span class="pf-c-popover__title-icon">
567
555
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
568
556
  </span>
@@ -624,7 +612,6 @@ A popover is used to provide contextual information for another component on cli
624
612
  | `.pf-m-bottom{-left/right}` | `.pf-c-popover` | Positions the popover to the bottom (or bottom left/bottom right) of the element. |
625
613
  | `.pf-m-no-padding` | `.pf-c-popover` | Removes the outer padding from the popover content. |
626
614
  | `.pf-m-width-auto` | `.pf-c-popover` | Allows popover width to be defined by the popover content. |
627
- | `.pf-m-icon` | `.pf-c-popover__title` | Modifies the title layout to accommodate an icon. |
628
615
  | `.pf-m-default` | `.pf-c-popover` | Modifies for the default alert state. |
629
616
  | `.pf-m-info` | `.pf-c-popover` | Modifies for the info alert state. |
630
617
  | `.pf-m-success` | `.pf-c-popover` | Modifies for the success alert state. |
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.27",
4
+ "version": "5.0.0-alpha.28",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -23007,6 +23007,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23007
23007
  --pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
23008
23008
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
23009
23009
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
23010
+ --pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
23010
23011
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
23011
23012
  position: relative;
23012
23013
  min-width: var(--pf-c-popover--MinWidth);
@@ -23114,6 +23115,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23114
23115
 
23115
23116
  .pf-c-popover__title-icon {
23116
23117
  margin-right: var(--pf-c-popover__title-icon--MarginRight);
23118
+ font-size: var(--pf-c-popover__title-icon--FontSize);
23117
23119
  color: var(--pf-c-popover__title-icon--Color);
23118
23120
  }
23119
23121
 
package/patternfly.css CHANGED
@@ -23130,6 +23130,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23130
23130
  --pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
23131
23131
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
23132
23132
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
23133
+ --pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
23133
23134
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
23134
23135
  position: relative;
23135
23136
  min-width: var(--pf-c-popover--MinWidth);
@@ -23237,6 +23238,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23237
23238
 
23238
23239
  .pf-c-popover__title-icon {
23239
23240
  margin-right: var(--pf-c-popover__title-icon--MarginRight);
23241
+ font-size: var(--pf-c-popover__title-icon--FontSize);
23240
23242
  color: var(--pf-c-popover__title-icon--Color);
23241
23243
  }
23242
23244