Merge d462f0d into 3d7ce5a

Author: bennypowers

.changeset/remove-base-icon.md

@@ -0,0 +1,4 @@
+---
+"@patternfly/elements": major
+---
+`<pf-icon>`: Removed `BaseIcon` class. Reimplement (recommended) or extend `PfIcon`.

elements/package.json

@@ -30,7 +30,6 @@
     "./pf-clipboard-copy/pf-clipboard-copy.js": "./pf-clipboard-copy/pf-clipboard-copy.js",
     "./pf-code-block/BaseCodeBlock.js": "./pf-code-block/BaseCodeBlock.js",
     "./pf-code-block/pf-code-block.js": "./pf-code-block/pf-code-block.js",
-    "./pf-icon/BaseIcon.js": "./pf-icon/BaseIcon.js",
     "./pf-icon/pf-icon.js": "./pf-icon/pf-icon.js",
     "./pf-icon/icons/*": "./pf-icon/icons/*",
     "./pf-jump-links/pf-jump-links-item.js": "./pf-jump-links/pf-jump-links-item.js",

elements/pf-icon/BaseIcon.css

@@ -1,3 +1,25 @@
+:host {
+  position: relative;
+  display:  inline-block;
+  line-height:  0;
+  height: fit-content !important;
+  width: fit-content !important;
+}
+
+#container {
+  display: grid;
+  grid-template: 1fr / 1fr;
+  place-content: center;
+}
+
+#container.content ::slotted(*) {
+  display: none;
+}
+
+svg {
+  fill: currentcolor;
+}
+
 :host([size=sm]) #container { --_size: var(--pf-global--icon--FontSize--sm, 10px); }
 :host([size=md]) #container { --_size: var(--pf-global--icon--FontSize--md, 18px); }
 :host([size=lg]) #container { --_size: var(--pf-global--icon--FontSize--lg, 24px); }