Skip to content

web: Remove Patternfly 4 base CSS stub #18618

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
GirlBossRush wants to merge 2 commits into
base: main
Choose a base branch
from
Open

web: Remove Patternfly 4 base CSS stub #18618

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c9427cd
web: Remove PFBase.
GirlBossRush Dec 4, 2025
d1d1d15
Remove stub.
GirlBossRush Dec 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 0 additions & 7 deletions web/bundler/style-loader-plugin/node.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,13 +76,6 @@ export function styleLoaderPlugin({
}
});

build.onLoad({ filter: /patternfly-base.css/ }, () => {
return {
contents: "",
loader: "text",
};
});

build.onResolve(...fontResolverArgs);

/**
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/AdminInterface/index.entrypoint.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,6 @@ import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFDrawer from "@patternfly/patternfly/components/Drawer/drawer.css";
import PFNav from "@patternfly/patternfly/components/Nav/nav.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

if (process.env.NODE_ENV === "development") {
await import("@goauthentik/esbuild-plugin-live-reload/client");
Expand Down Expand Up @@ -78,7 +77,7 @@ export class AdminInterface extends WithCapabilitiesConfig(WithSession(Authentic

static styles: CSSResult[] = [
// ---
PFBase,

PFPage,
PFButton,
PFDrawer,
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/DebugPage.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,10 @@ import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-admin-debug-page")
export class DebugPage extends AKElement {
static styles: CSSResult[] = [PFBase, PFCard, PFPage, PFGrid, PFButton];
static styles: CSSResult[] = [PFCard, PFPage, PFGrid, PFButton];

render(): TemplateResult {
return html`
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/admin-overview/AdminOverviewPage.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,14 +30,12 @@ import PFContent from "@patternfly/patternfly/components/Content/content.css";
import PFDivider from "@patternfly/patternfly/components/Divider/divider.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

const AdminOverviewBase = WithLicenseSummary(WithSession(AKElement));

@customElement("ak-admin-overview")
export class AdminOverviewPage extends AdminOverviewBase {
static styles: CSSResult[] = [
PFBase,
PFGrid,
PFPage,
PFContent,
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/admin-settings/AdminSettingsFooterLinks.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@ import { customElement, property, queryAll } from "lit/decorators.js";

import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
import PFInputGroup from "@patternfly/patternfly/components/InputGroup/input-group.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

export interface IFooterLinkInput {
footerLink: FooterLink;
Expand All @@ -25,7 +24,6 @@ const hasLegalScheme = (url: string) =>
@customElement("ak-admin-settings-footer-link")
export class FooterLinkInput extends AkControlElement<FooterLink> {
static styles = [
PFBase,
PFInputGroup,
PFFormControl,
css`
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/admin-settings/AdminSettingsPage.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,10 @@ import PFForm from "@patternfly/patternfly/components/Form/form.css";
import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-admin-settings")
export class AdminSettingsPage extends AKElement {
static styles = [
PFBase,
PFButton,
PFPage,
PFGrid,
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/applications/ApplicationViewPage.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,12 +37,10 @@ import PFList from "@patternfly/patternfly/components/List/list.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFFlex from "@patternfly/patternfly/layouts/Flex/flex.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-application-view")
export class ApplicationViewPage extends AKElement {
static styles: CSSResult[] = [
PFBase,
PFList,
PFBanner,
PFPage,
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/applications/ApplicationWizardHint.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,6 @@ import { styleMap } from "lit/directives/style-map.js";
import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFLabel from "@patternfly/patternfly/components/Label/label.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

const closeButtonIcon = html`<svg
fill="currentColor"
Expand All @@ -36,7 +35,6 @@ const closeButtonIcon = html`<svg
@customElement("ak-application-wizard-hint")
export class AkApplicationWizardHint extends AKElement implements ShowHintControllerHost {
static styles = [
PFBase,
PFButton,
PFPage,
PFLabel,
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/applications/wizard/ApplicationWizardFormStepStyles.styles.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,8 @@ import PFInputGroup from "@patternfly/patternfly/components/InputGroup/input-gro
import PFRadio from "@patternfly/patternfly/components/Radio/radio.css";
import PFSwitch from "@patternfly/patternfly/components/Switch/switch.css";
import PFWizard from "@patternfly/patternfly/components/Wizard/wizard.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

export const styles = [
PFBase,
PFCard,
PFButton,
PFForm,
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/applications/wizard/steps/bindings/ak-application-wizard-bindings-toolbar.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,10 @@ import { customElement, property } from "lit/decorators.js";

import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFToolbar from "@patternfly/patternfly/components/Toolbar/toolbar.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-application-wizard-bindings-toolbar")
export class ApplicationWizardBindingsToolbar extends AKElement {
static styles = [PFBase, PFButton, PFToolbar];
static styles = [PFButton, PFToolbar];

@property({ type: Boolean, attribute: "can-delete", reflect: true })
canDelete = false;
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/endpoints/connectors/ConnectorWizard.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,10 @@ import { CSSResult, html, TemplateResult } from "lit";
import { property, query } from "lit/decorators.js";

import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-endpoint-connector-wizard")
export class EndpointConnectorWizard extends AKElement {
static styles: CSSResult[] = [PFBase, PFButton];
static styles: CSSResult[] = [PFButton];

@property()
createText = msg("Create");
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/endpoints/connectors/agent/AgentConnectorSetup.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,6 @@ import { createRef, ref } from "lit/directives/ref.js";
import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFList from "@patternfly/patternfly/components/List/list.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-endpoints-connector-agent-setup")
export class AgentConnectorSetup extends AKElement {
Expand All @@ -37,7 +36,6 @@ export class AgentConnectorSetup extends AKElement {
#tokenSelectRef = createRef<SearchSelect<EnrollmentToken>>();

static styles: CSSResult[] = [
PFBase,
PFGrid,
PFButton,
PFList,
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/endpoints/connectors/agent/AgentConnectorViewPage.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,6 @@ import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-endpoints-connector-agent-view")
export class AgentConnectorViewPage extends AKElement {
Expand All @@ -39,7 +38,7 @@ export class AgentConnectorViewPage extends AKElement {
@state()
protected error?: APIError;

static styles: CSSResult[] = [PFBase, PFCard, PFPage, PFGrid, PFButton, PFDescriptionList];
static styles: CSSResult[] = [PFCard, PFPage, PFGrid, PFButton, PFDescriptionList];

protected fetchDevice(id: string) {
new EndpointsApi(DEFAULT_CONFIG)
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/endpoints/devices/DeviceViewPage.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,6 @@ import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-endpoints-device-view")
export class DeviceViewPage extends AKElement {
Expand All @@ -42,7 +41,7 @@ export class DeviceViewPage extends AKElement {
@state()
protected error?: APIError;

static styles: CSSResult[] = [PFBase, PFCard, PFPage, PFGrid, PFButton, PFDescriptionList];
static styles: CSSResult[] = [PFCard, PFPage, PFGrid, PFButton, PFDescriptionList];

protected fetchDevice(id: string) {
new EndpointsApi(DEFAULT_CONFIG)
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/enterprise/EnterpriseStatusCard.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,6 @@ import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";
import PFProgress from "@patternfly/patternfly/components/Progress/progress.css";
import PFSplit from "@patternfly/patternfly/layouts/Split/split.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-enterprise-status-card")
export class EnterpriseStatusCard extends AKElement {
Expand All @@ -21,7 +20,7 @@ export class EnterpriseStatusCard extends AKElement {
@state()
summary?: LicenseSummary;

static styles: CSSResult[] = [PFBase, PFDescriptionList, PFCard, PFSplit, PFProgress];
static styles: CSSResult[] = [PFDescriptionList, PFCard, PFSplit, PFProgress];

renderSummaryBadge() {
switch (this.summary?.status) {
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/events/EventMap.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,6 @@ import { css, CSSResult, html, PropertyValues, TemplateResult } from "lit";
import { customElement, property, query } from "lit/decorators.js";

import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";
import OL from "ol/ol.css";

@customElement("ak-map")
Expand Down Expand Up @@ -69,7 +68,6 @@ export class EventMap extends AKElement {
zoomPaddingPx = 100;

static styles: CSSResult[] = [
PFBase,
PFCard,
css`
.pf-c-card,
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/events/EventViewPage.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ import PFContent from "@patternfly/patternfly/components/Content/content.css";
import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-event-view")
export class EventViewPage extends AKElement {
Expand All @@ -32,7 +31,7 @@ export class EventViewPage extends AKElement {
@state()
event!: EventWithContext;

static styles: CSSResult[] = [PFBase, PFGrid, PFDescriptionList, PFPage, PFContent, PFCard];
static styles: CSSResult[] = [PFGrid, PFDescriptionList, PFPage, PFContent, PFCard];

fetchEvent(eventUuid: string) {
new EventsApi(DEFAULT_CONFIG).eventsEventsRetrieve({ eventUuid }).then((ev) => {
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/flows/FlowViewPage.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,6 @@ import PFContent from "@patternfly/patternfly/components/Content/content.css";
import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-flow-view")
export class FlowViewPage extends AKElement {
Expand All @@ -40,7 +39,6 @@ export class FlowViewPage extends AKElement {
flow!: Flow;

static styles: CSSResult[] = [
PFBase,
PFPage,
PFDescriptionList,
PFButton,
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/groups/GroupViewPage.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,6 @@ import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList
import PFList from "@patternfly/patternfly/components/List/list.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";
import PFDisplay from "@patternfly/patternfly/utilities/Display/display.css";
import PFSizing from "@patternfly/patternfly/utilities/Sizing/sizing.css";

Expand All @@ -53,7 +52,6 @@ export class GroupViewPage extends AKElement {
group?: Group;

static styles: CSSResult[] = [
PFBase,
PFPage,
PFButton,
PFDisplay,
Expand Down
2 changes: 0 additions & 2 deletions web/src/admin/outposts/OutpostHealth.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,13 @@ import { css, CSSResult, html, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators.js";

import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-outpost-health")
export class OutpostHealthElement extends AKElement {
@property({ attribute: false })
outpostHealth?: OutpostHealth;

static styles: CSSResult[] = [
PFBase,
PFDescriptionList,
css`
li {
Expand Down
6 changes: 1 addition & 5 deletions web/src/admin/outposts/OutpostHealthSimple.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,9 @@ import { PFColor } from "#elements/Label";
import { OutpostHealth, OutpostsApi } from "@goauthentik/api";

import { msg, str } from "@lit/localize";
import { CSSResult, html, TemplateResult } from "lit";
import { html, TemplateResult } from "lit";
import { customElement, property, state } from "lit/decorators.js";

import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-outpost-health-simple")
export class OutpostHealthSimpleElement extends AKElement {
@property()
Expand All @@ -29,8 +27,6 @@ export class OutpostHealthSimpleElement extends AKElement {
@property({ attribute: false })
showVersion = true;

static styles: CSSResult[] = [PFBase];

constructor() {
super();
window.addEventListener(EVENT_REFRESH, () => {
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/outposts/ServiceConnectionWizard.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,10 @@ import { CSSResult, html, TemplateResult } from "lit";
import { property, query } from "lit/decorators.js";

import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-service-connection-wizard")
export class ServiceConnectionWizard extends AKElement {
static styles: CSSResult[] = [PFBase, PFButton];
static styles: CSSResult[] = [PFButton];

@property()
createText = msg("Create");
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/policies/PolicyWizard.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,11 +27,10 @@ import { CSSResult, html, nothing, TemplateResult } from "lit";
import { property, query } from "lit/decorators.js";

import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-policy-wizard")
export class PolicyWizard extends AKElement {
static styles: CSSResult[] = [PFBase, PFButton];
static styles: CSSResult[] = [PFButton];

@property()
createText = msg("Create");
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/property-mappings/PropertyMappingWizard.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,10 @@ import { html, TemplateResult } from "lit";
import { property, query } from "lit/decorators.js";

import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-property-mapping-wizard")
export class PropertyMappingWizard extends AKElement {
static styles = [PFBase, PFButton];
static styles = [PFButton];

@property({ attribute: false })
mappingTypes: TypeCreate[] = [];
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/providers/ProviderWizard.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,11 +23,10 @@ import { CSSResult, html, TemplateResult } from "lit";
import { property, query } from "lit/decorators.js";

import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-provider-wizard")
export class ProviderWizard extends AKElement {
static styles: CSSResult[] = [PFBase, PFButton];
static styles: CSSResult[] = [PFButton];

@property()
createText = msg("Create");
Expand Down
3 changes: 1 addition & 2 deletions web/src/admin/providers/RelatedApplicationButton.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,10 @@ import { CSSResult, html, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators.js";

import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-provider-related-application")
export class RelatedApplicationButton extends AKElement {
static styles: CSSResult[] = [PFBase, PFButton];
static styles: CSSResult[] = [PFButton];

@property({ attribute: false })
provider?: Provider;
Expand Down
Loading
Loading