@salesforce/ui-bundle-template-app-angular-template-b2x 11.60.0 → 11.62.0

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/components/ui/date-range-picker/date-range-picker.scss

@@ -1,33 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-
-@use '../field-size' as field-size;
-
-/*
- * Form-field-specific structural styling. Height comes from the `size` input
- * (see field-size.scss); colour comes from the --mat-sys-* remap (styles.css).
- * Here we only: give the outline our design-token radius, emit the size
- * classes, and collapse the empty hint/error subscript row.
- */
-@include field-size.sizes;
-
-:host {
-	display: block;
-	/*
-	 * Allow the host to shrink below the mat-form-field's intrinsic width when
-	 * used as a flex item, so the row doesn't overflow its container.
-	 */
-	min-width: 0;
-}
-
-.mat-mdc-form-field {
-	--mdc-outlined-text-field-container-shape: var(--radius-md);
-	font-size: 0.875rem; /* text-sm, matches the React inputs */
-}
-
-.mat-mdc-form-field-subscript-wrapper {
-	display: none;
-}

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/components/ui/input/input.scss

@@ -1,35 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-
-@use '../field-size' as field-size;
-
-/*
- * Form-field-specific structural styling. Height comes from the `size` input
- * (see field-size.scss); colour comes from the --mat-sys-* remap (styles.css).
- * Here we only: give the outline our design-token radius, emit the size
- * classes, and collapse the empty hint/error subscript row.
- */
-@include field-size.sizes;
-
-:host {
-	display: block;
-	/*
-	 * Allow the host to shrink below the mat-form-field's intrinsic width when
-	 * used as a flex item (e.g. two side-by-side inputs in a numeric/date
-	 * range). Without this, the default `min-width: auto` on a flex item keeps
-	 * each field at its content width and the row overflows its container.
-	 */
-	min-width: 0;
-}
-
-.mat-mdc-form-field {
-	--mdc-outlined-text-field-container-shape: var(--radius-md);
-	font-size: 0.875rem; /* text-sm, matches the React inputs */
-}
-
-.mat-mdc-form-field-subscript-wrapper {
-	display: none;
-}

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/components/ui/label/label.html

@@ -1,3 +0,0 @@
-<label [attr.for]="for()" class="text-sm leading-none font-medium select-none">
-	<ng-content />
-</label>

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/components/ui/select/select.scss

@@ -1,35 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-
-@use '../field-size' as field-size;
-
-/*
- * Form-field-specific structural styling. Height comes from the `size` input
- * (see field-size.scss); colour comes from the --mat-sys-* remap (styles.css).
- * Here we only: give the outline our design-token radius, emit the size
- * classes, and collapse the empty hint/error subscript row.
- */
-@include field-size.sizes;
-
-:host {
-	display: block;
-	/*
-	 * Allow the host to shrink below the mat-form-field's intrinsic width when
-	 * used as a flex item (e.g. the operator select beside a date picker in a
-	 * date filter row). Without this, the default `min-width: auto` on a flex
-	 * item keeps each field at its content width and the row overflows.
-	 */
-	min-width: 0;
-}
-
-.mat-mdc-form-field {
-	--mdc-outlined-text-field-container-shape: var(--radius-md);
-	font-size: 0.875rem; /* text-sm, matches the React inputs */
-}
-
-.mat-mdc-form-field-subscript-wrapper {
-	display: none;
-}

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/components/ui/separator/separator.html

@@ -1 +0,0 @@
-<mat-divider role="presentation" [vertical]="isVertical()" [inset]="inset()" />

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/components/ui/separator/separator.scss

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-
-/*
- * Material's `mat-divider` draws a full-height border for the vertical variant,
- * so its element must fill the host. The host itself carries `self-stretch`
- * (see component `hostClass`) to take the flex row's height; here we make the
- * inner divider fill that height. Horizontal needs nothing extra — the divider
- * is already `display:block; width:100%`.
- */
-:host {
-	// A vertical divider is a zero-width line; keep it out of flex growth math.
-	&[data-orientation='vertical'] {
-		display: flex;
-	}
-}
-
-.mat-divider-vertical {
-	height: 100%;
-}

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/components/ui/skeleton/skeleton.html

@@ -1 +0,0 @@
-<ng-content />

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/components/ui/skeleton/skeleton.scss

@@ -1,28 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-
-/*
- * The skeleton is a block by default so call sites only need to supply a width
- * and height (`h-4 w-32`) — no `block` utility to repeat. The pulse lives here
- * (rather than Tailwind's `animate-pulse`) so it can be switched off for users
- * who ask for reduced motion.
- */
-:host {
-	display: block;
-	animation: app-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-@keyframes app-skeleton-pulse {
-	50% {
-		opacity: 0.5;
-	}
-}
-
-@media (prefers-reduced-motion: reduce) {
-	:host {
-		animation: none;
-	}
-}

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/features/authentication/submit-button/submit-button.scss

@@ -1,17 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-
-// Material lays the button's projected content out inside `.mdc-button__label`.
-// Make it a flex row so the spinner and the loading label sit on the same line,
-// vertically centred. Scoped under `:host` (via `::ng-deep`) so the override
-// only reaches this submit button's inner `matButton`, never other buttons.
-:host ::ng-deep .mdc-button__label {
-	display: flex;
-
-	> app-spinner {
-		margin: auto 1rem;
-	}
-}

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/pages/account-detail/account-detail-page.scss

@@ -1,7 +0,0 @@
-:host ::ng-deep .mat-expansion-panel {
-	box-shadow: none !important;
-}
-
-:host ::ng-deep .mat-expansion-panel-header:hover {
-	background-color: transparent !important;
-}

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/pages/home/home-page.html

@@ -1,18 +0,0 @@
-<div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
-	<div class="flex items-center gap-6 mb-6">
-		<h1 class="text-2xl font-bold">Account Search</h1>
-		<app-button appearance="outlined" size="sm" (clicked)="browseAll()"
-			>Browse All Accounts</app-button
-		>
-	</div>
-	<form class="flex gap-2 items-center" (submit)="onSubmit($event)">
-		<app-input
-			class="flex-1"
-			type="text"
-			placeholder="Search by name, phone, or industry..."
-			label="Search"
-			[(value)]="term"
-		/>
-		<app-button type="submit">Search</app-button>
-	</form>
-</div>

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/pages/home/home-page.ts

@@ -1,47 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-import { ChangeDetectionStrategy, Component, inject, signal } from "@angular/core";
-import { Router } from "@angular/router";
-// Base-app UI wrappers, inherited (not recreated) by this feature. Post-compose
-// they land at uiBundles/<target>/src/app/components/ui/{button,input}/..., three levels
-// up from this page folder (app/features/account-search/ -> app/components/ui/).
-import { ButtonComponent } from "../../components/ui/button/button";
-import { InputComponent } from "../../components/ui/input/input";
-
-/**
- * Account-search landing page. Mirrors the React `Home` page: a single search
- * box plus a "Browse All Accounts" shortcut. Submitting navigates to the
- * `accounts` list, carrying the typed term as the `q` query param so the search
- * page's {@link ObjectSearchStateService} seeds the multi-field search filter.
- *
- * This is intentionally NOT the state-service-driven `app-search-bar` — Home
- * has no search state of its own; it just routes into the search page.
- */
-@Component({
-	selector: "app-home-page",
-	changeDetection: ChangeDetectionStrategy.OnPush,
-	imports: [ButtonComponent, InputComponent],
-	templateUrl: "./home-page.html",
-})
-export class HomePageComponent {
-	private readonly router = inject(Router);
-
-	/** Bound to the search input; forwarded as `?q=` on submit. */
-	protected readonly term = signal<string>("");
-
-	/** Navigate to the search page, seeding the search term when present. */
-	protected onSubmit(event: Event): void {
-		event.preventDefault();
-		this.browseAll(this.term() || undefined);
-	}
-
-	/** Go to the accounts list, optionally with a seeded search term. */
-	protected browseAll(q?: string): void {
-		void this.router.navigate(["/accounts"], {
-			queryParams: q ? { q } : {},
-		});
-	}
-}

package/dist/force-app/main/default/uiBundles/angularextapp/src/theme.scss

@@ -1,39 +0,0 @@
-// Copyright (c) 2026, Salesforce, Inc.,
-// All rights reserved.
-// For full license text, see the LICENSE.txt file
-
-// Angular Material M3 theme.
-// See https://material.angular.dev/guide/theming.
-//
-// This replaces the prebuilt azure-blue theme so we can set a negative
-// `density` — the standard, system-driven way to get the compact control
-// heights the React reference uses (no hardcoded pixel heights anywhere).
-//
-// Colour is intentionally NOT finalised here: the shadcn design tokens are
-// applied on top by remapping `--mat-sys-*` in styles.css, which loads after
-// this file. The palette below only seeds Material's base system variables.
-@use '@angular/material' as mat;
-
-html {
-	@include mat.theme(
-		(
-			color: (
-				theme-type: light,
-				primary: mat.$azure-palette,
-				tertiary: mat.$blue-palette,
-			),
-			// Font family reads Tailwind's system stack (`--font-sans`, the same
-			// default the React reference uses) instead of Material's Roboto, so
-			// Material components and Tailwind-styled text share one font. Tailwind
-			// is the single source of the family; the typescale sizes/weights stay
-			// Material's own.
-			typography: (
-					plain-family: var(--font-sans),
-					brand-family: var(--font-sans),
-				),
-			// Compact density (scale 0 to -5). Drives control heights via
-			// Material's own tokens instead of hardcoded px.
-			density: -2,
-		)
-	);
-}