@salesforce/templates 66.13.7 → 66.13.8

package/lib/templates/uiBundles/angularbasic/src/app/components/ui/date-picker/date-picker.scss

@@ -1,36 +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 pickers in a date-range filter,
-	 * or a picker beside an operator select). 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/lib/templates/uiBundles/angularbasic/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/lib/templates/uiBundles/angularbasic/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/lib/templates/uiBundles/angularbasic/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/lib/templates/uiBundles/angularbasic/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/lib/templates/uiBundles/angularbasic/src/app/components/ui/separator/separator.html

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

package/lib/templates/uiBundles/angularbasic/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/lib/templates/uiBundles/angularbasic/src/app/components/ui/skeleton/skeleton.html

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

package/lib/templates/uiBundles/angularbasic/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/lib/templates/uiBundles/angularbasic/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,
-		)
-	);
-}