@3ddv/software-division-components 1.4.2 → 1.4.7

package/projects/software-division-components/src/generic/select/lib/index.ts

@@ -1,38 +0,0 @@
-import { NgModule } from '@angular/core';
-import { HlmSelect } from './hlm-select';
-import { HlmSelectContent } from './hlm-select-content';
-import { HlmSelectGroup } from './hlm-select-group';
-import { HlmSelectLabel } from './hlm-select-label';
-import { HlmSelectOption } from './hlm-select-option';
-import { HlmSelectScrollDown } from './hlm-select-scroll-down';
-import { HlmSelectScrollUp } from './hlm-select-scroll-up';
-import { HlmSelectTrigger } from './hlm-select-trigger';
-import { HlmSelectValue } from './hlm-select-value';
-
-export * from './hlm-select';
-export * from './hlm-select-content';
-export * from './hlm-select-group';
-export * from './hlm-select-label';
-export * from './hlm-select-option';
-export * from './hlm-select-scroll-down';
-export * from './hlm-select-scroll-up';
-export * from './hlm-select-trigger';
-export * from './hlm-select-value';
-
-export const HlmSelectImports = [
-  HlmSelectContent,
-  HlmSelectTrigger,
-  HlmSelectOption,
-  HlmSelectValue,
-  HlmSelect,
-  HlmSelectScrollUp,
-  HlmSelectScrollDown,
-  HlmSelectLabel,
-  HlmSelectGroup,
-] as const;
-
-@NgModule({
-  imports: [...HlmSelectImports],
-  exports: [...HlmSelectImports],
-})
-export class HlmSelectModule {}

package/projects/software-division-components/src/generic/select/select.component.css

@@ -1,65 +0,0 @@
-/* inline-block w-full */
-.select-root {
-  display: inline-block;
-  width: 100%;
-}
-
-/* shared between both triggers:
-   flex justify-between items-center rounded-full focus:outline-none focus:ring-2 focus:ring-accent
-   w-full overflow-hidden text-white text-xs text-center text-ellipsis whitespace-nowrap
-*/
-.select-trigger {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-radius: 25px !important; /* rounded-full */
-  outline: none; /* focus:outline-none */
-  width: 100%; /* w-full */
-  overflow: hidden; /* overflow-hidden */
-  color: #ffffff; /* text-white */
-  font-size: 0.75rem; /* text-xs */
-  text-align: center; /* text-center */
-  white-space: nowrap; /* whitespace-nowrap */
-  text-overflow: ellipsis; /* text-ellipsis */
-}
-
-/* focus:ring-2 focus:ring-accent */
-.select-trigger:focus,
-.select-trigger:focus-visible {
-  outline: none;
-  /* Replace --accent (or --ring-accent) with your theme token if different */
-  box-shadow: 0 0 0 2px var(--accent, var(--ring-accent, #0ea5e9));
-}
-
-/* FIRST trigger: lg:hidden + base flex */
-.select-trigger--sm {
-  display: flex; /* visible by default (mobile) */
-}
-
-/* SECOND trigger: hidden + lg:flex */
-.select-trigger--lg {
-  display: none; /* hidden on mobile */
-}
-
-/* lg breakpoint = 1024px (Tailwind's default) */
-@media (min-width: 1024px) {
-  /* lg:hidden */
-  .select-trigger--sm {
-    display: none;
-    /* the original also had lg:font-medium lg:text-sm, but it's hidden at lg */
-    font-weight: 500; /* lg:font-medium (has no effect since hidden) */
-    font-size: 0.875rem; /* lg:text-sm (has no effect since hidden) */
-  }
-
-  /* hidden lg:flex + lg:font-medium lg:text-sm */
-  .select-trigger--lg {
-    display: flex; /* lg:flex */
-    font-weight: 500; /* lg:font-medium */
-    font-size: 0.875rem; /* lg:text-sm */
-  }
-}
-
-/* content full-width toggle */
-.full-width {
-  width: 100%;
-}

package/projects/software-division-components/src/generic/select/select.component.html

@@ -1,19 +0,0 @@
-<hlm-select
-  class="select-root"
-  [value]="defaultValue()?.value"
-  [placeholder]="placeholder()"
-  (valueChange)="valueChange.emit($event)">
-  <hlm-select-trigger class="select-trigger select-trigger--sm" size="sm" [ngClass]="variantClasses">
-    <hlm-select-value [ngClass]="variantClasses" />
-  </hlm-select-trigger>
-
-  <hlm-select-trigger class="select-trigger select-trigger--lg" size="default" [ngClass]="variantClasses">
-    <hlm-select-value [ngClass]="variantClasses" />
-  </hlm-select-trigger>
-
-  <hlm-select-content [class]="fullWidth() ? 'full-width' : ''" [ngClass]="variantClasses">
-    @for (option of options(); track idx + option.label; let idx = $index) {
-      <hlm-option [ngClass]="variantClasses" [value]="option.value">{{ option.label }}</hlm-option>
-    }
-  </hlm-select-content>
-</hlm-select>

package/projects/software-division-components/src/generic/select/select.component.ts

@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
-import { BrnSelectImports } from '@spartan-ng/brain/select';
-import { HlmSelectImports } from './lib';
-import { SelectOptions } from './types';
-
-@Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  selector: 'sdc-select',
-  imports: [CommonModule, BrnSelectImports, HlmSelectImports],
-  templateUrl: './select.component.html',
-  styleUrls: ['./select.component.css'],
-})
-export class SelectComponent {
-  public placeholder = input('');
-  public variant = input('light');
-  public options = input.required<SelectOptions[]>();
-  public fullWidth = input(false);
-  public defaultValue = input<SelectOptions[][number]>();
-  public readonly valueChange = output<unknown>();
-
-  protected get variantClasses(): string {
-    return this.variant() === 'dark' ? 'bg-black text-white' : 'bg-white text-black';
-  }
-}

package/projects/software-division-components/src/generic/select/types.ts

@@ -1,4 +0,0 @@
-export interface SelectOptions {
-  label: string;
-  value: unknown;
-}

package/projects/software-division-components/src/private-exports.ts

@@ -1 +0,0 @@
-export { validateStylesForComponent } from './utils/';

package/projects/software-division-components/src/shared/apply-theme-variables/apply-theme-variables.ts

@@ -1,35 +0,0 @@
-import { ApplicationRef } from '@angular/core';
-import { filter, first } from 'rxjs';
-
-/** * Declares CSS variables globally based on the 'theme' and 'dvmStyles' property of the configuration. */
-export function applyGlobalCssVariables(appRef: ApplicationRef, theme: Record<string, string>): void {
-  // First application of the theme
-  applyGlobalCssVariablesToNodes(theme);
-
-  appRef.isStable
-    .pipe(
-      filter(stable => stable),
-      first()
-    )
-    // Second application of the theme when the application is stable
-    .subscribe(() => applyGlobalCssVariablesToNodes(theme));
-}
-
-function applyGlobalCssVariablesToNodes(theme: Record<string, string>) {
-  // Grab elements from the DOM
-  const documentElement = document.documentElement;
-  const root: HTMLElement | null = document.querySelector(':root');
-
-  if (root) {
-    // Get theme in a new object
-    const mergedStyles = Object.assign({}, theme);
-
-    for (const [key, value] of Object.entries(mergedStyles)) {
-      // For each of the styles, declare a new CSS variable on root element
-      if (typeof value === 'string') {
-        root.style.setProperty('--' + key, value);
-        documentElement.style.setProperty('--' + key, value);
-      }
-    }
-  }
-}

package/projects/software-division-components/src/shared/format-value.pipe.ts

@@ -1,23 +0,0 @@
-import { CurrencyPipe, DatePipe } from '@angular/common';
-import { inject, Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
-  pure: true,
-  standalone: true,
-  name: 'formatValue',
-})
-export class FormatValuePipe implements PipeTransform {
-  private currencyPipe = inject(CurrencyPipe);
-  private datePipe = inject(DatePipe);
-
-  public transform(value: string, pipe: any): string {
-    switch (pipe) {
-      case 'currency':
-        return this.currencyPipe.transform(value) ?? '';
-      case 'date':
-        return this.datePipe.transform(value) ?? '';
-      default:
-        return value ?? '';
-    }
-  }
-}

package/projects/software-division-components/src/shared/index.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/projects/software-division-components/src/shared/lib-provider/config-token.ts

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { NgSdComponentsConfig } from '../types';
-
-export const NG_SD_COMPONENTS_CONFIG = new InjectionToken<NgSdComponentsConfig>('NgSdComponentsConfig');

package/projects/software-division-components/src/shared/lib-provider/index.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/projects/software-division-components/src/shared/lib-provider/provide-sdc.ts

@@ -1,24 +0,0 @@
-import { CurrencyPipe, DatePipe } from '@angular/common';
-import { Provider } from '@angular/core';
-import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
-import { NgSdComponentsConfig } from '../types';
-import { NG_SD_COMPONENTS_CONFIG } from './config-token';
-
-/**
- * Provides all necessary dependencies for the library:
- * - Angular Pipes (`DatePipe`, `CurrencyPipe`)
- * - Animations
- * - CommonModule
- */
-export function provideSdc(config?: NgSdComponentsConfig): Provider[] {
-  // const preset = config?.theme === 'generic' ? GenericTheme : Aura;
-  // if config.theme is generic, pass a theme, otherwise, pass another theme
-  const providers = [
-    DatePipe,
-    CurrencyPipe,
-    { provide: NG_SD_COMPONENTS_CONFIG, useValue: config ?? 'generic' },
-    provideAnimationsAsync() as unknown as Provider,
-  ];
-
-  return [...providers];
-}

package/projects/software-division-components/src/shared/public-api.ts

@@ -1,6 +0,0 @@
-export * from './apply-theme-variables';
-export * from './format-value.pipe';
-export * from './lib-provider';
-export * from './screen-observer';
-export * from './theme-provider';
-export * from './types';

package/projects/software-division-components/src/shared/screen-observer/provide-screen-observer.ts

@@ -1,17 +0,0 @@
-// screen-helper.providers.ts
-import { InjectionToken, Provider } from '@angular/core';
-import { Size } from '../../types/sizes.type';
-import { ScreenObserver } from './screen-observer';
-
-export const SCREENS_TOKEN = new InjectionToken<Record<Size, string>>('SCREENS_TOKEN');
-
-export function provideScreenObserver(screens: Record<Size, string>): Provider[] {
-  return [
-    { provide: SCREENS_TOKEN, useValue: screens },
-    {
-      provide: ScreenObserver,
-      deps: [SCREENS_TOKEN],
-      useFactory: (cfg: Record<Size, string>) => new ScreenObserver(cfg),
-    },
-  ];
-}

package/projects/software-division-components/src/shared/screen-observer/screen-observer.ts

@@ -1,56 +0,0 @@
-import { computed, Signal, signal } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { fromEvent, startWith } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { Size, SIZE_ORDER } from '../../types/sizes.type';
-
-export class ScreenObserver {
-  // SIGNALS
-  private readonly _size = signal<Size>('md');
-
-  // CLASS PROPERTIES
-  private readonly breakpoints: Record<Size, number>;
-  public readonly size: Signal<Size> = this._size;
-  public readonly index!: Signal<number>;
-
-  public constructor(screens: Record<Partial<Size>, string>) {
-    this.breakpoints = Object.fromEntries(
-      Object.entries(screens).map(([k, v]) => [k, Number(v.replace('px', ''))])
-    ) as Record<Size, number>;
-
-    const resize$ = fromEvent(window, 'resize').pipe(
-      startWith(null),
-      map(() => this.getSize())
-    );
-
-    this.size = toSignal(resize$, { initialValue: this.getSize() });
-    this.index = computed(() => SIZE_ORDER.indexOf(this.size()));
-  }
-
-  public getSize(): Size {
-    const w = window.innerWidth;
-    if (w >= this.breakpoints?.['2xl']) return '2xl';
-    if (w >= this.breakpoints?.['xl']) return 'xl';
-    if (w >= this.breakpoints?.['lg']) return 'lg';
-    if (w >= this.breakpoints?.['md']) return 'md';
-    if (w >= this.breakpoints?.['sm']) return 'sm';
-    if (w >= this.breakpoints?.['xs']) return 'xs';
-    return 'xxs';
-  }
-
-  public isBiggerThan(screen: Size): boolean {
-    return window.innerWidth >= this.breakpoints?.[screen];
-  }
-
-  public isSmallerThan(screen: Size): boolean {
-    return window.innerWidth < this.breakpoints?.[screen];
-  }
-
-  public isBiggerThan$(screen: Size): boolean {
-    return this.index() >= SIZE_ORDER.indexOf(screen);
-  }
-
-  public isSmallerThan$(screen: Size): boolean {
-    return this.index() < SIZE_ORDER.indexOf(screen);
-  }
-}

package/projects/software-division-components/src/shared/screen-observer/sizable-base.ts

@@ -1,70 +0,0 @@
-import { computed, Directive, input } from '@angular/core';
-import { Size, SIZE_ORDER } from '../../types/sizes.type';
-
-@Directive()
-export abstract class SizableBase<TSupported extends Size> {
-  // Inputs shared by sizable components
-  public readonly size = input<Size>('md');
-  public readonly styleClass = input<string[]>([]);
-  public readonly className = input<string>('');
-
-  /** Component-specific config */
-  protected abstract readonly supportedSizes: readonly TSupported[];
-  protected abstract readonly fallbackSize: TSupported;
-
-  /** Floor any Size to the nearest supported size. */
-  protected normalizeSize = (s: Size): TSupported => {
-    const wantedIdx = SIZE_ORDER.indexOf(s);
-    if (wantedIdx === -1) return this.fallbackSize;
-    for (let i = wantedIdx; i >= 0; i--) {
-      const candidate = SIZE_ORDER[i];
-      if (this.supportedSizes.includes(candidate as TSupported)) {
-        return candidate as TSupported;
-      }
-    }
-    return this.fallbackSize;
-  };
-
-  /** Base validator: by default only allow universal size-* tokens. Subclasses widen this. */
-  protected validateStyleClass(classes: readonly string[]): string[] {
-    const allowedSizes = SIZE_ORDER.map(s => `size-${s}`);
-    return (classes ?? []).filter(c => allowedSizes.includes(c));
-  }
-
-  /** Validated styleClass as a signal; logs dropped tokens (same behavior you had). */
-  protected readonly _validatedStyleClass = computed(() => {
-    const classes = this.styleClass() ?? [];
-    const valid = this.validateStyleClass(classes);
-    if (valid.length !== classes.length) {
-      const invalid = classes.filter(c => !valid.includes(c));
-      if (invalid.length) {
-        console.warn(`${this.constructor.name}: Ignored invalid styleClass: ${invalid.join(', ')}`);
-      }
-    }
-    return valid;
-  });
-
-  /** Effective size: last size-* override wins; else normalized [size] input. */
-  protected readonly _effectiveSize = computed<TSupported>(() => {
-    const sc = this._validatedStyleClass();
-    const rawOverride = sc
-      .filter(c => c.startsWith('size-'))
-      .slice(-1)[0]
-      ?.replace(/^size-/, '') as Size | undefined;
-
-    if (rawOverride) return this.normalizeSize(rawOverride);
-    return this.normalizeSize(this.size());
-  });
-
-  /**
-   * Build final host classes:
-   * - keep ALL validated non-size tokens (align/orientation etc.) — nothing dropped
-   * - inject exactly one normalized `size-*` (matching your working code)
-   * - append `className` unchanged
-   */
-  protected buildHostClass(baseClasses: readonly string[]): string {
-    const nonSize = this._validatedStyleClass().filter(c => !c.startsWith('size-'));
-    const normalized = this._effectiveSize();
-    return [...baseClasses, `size-${normalized}`, ...nonSize, this.className()].filter(Boolean).join(' ');
-  }
-}

package/projects/software-division-components/src/shared/theme-provider/generic-theme.ts

@@ -1 +0,0 @@
-//

package/projects/software-division-components/src/shared/theme-provider/index.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/projects/software-division-components/src/shared/theme-provider/public-api.ts

@@ -1 +0,0 @@
-export * from './theme-provider.directive';

package/projects/software-division-components/src/shared/theme-provider/theme-provider.directive.ts

@@ -1,17 +0,0 @@
-import { Directive, HostBinding, Inject } from '@angular/core';
-import { NG_SD_COMPONENTS_CONFIG } from '../lib-provider/config-token';
-import { type NgSdComponentsConfig } from '../types';
-
-@Directive({
-  standalone: true,
-  selector: '[themeProvider]',
-})
-export class ThemeProviderDirective {
-  @HostBinding('class') class: string = '';
-  theme: string = '';
-
-  constructor(@Inject(NG_SD_COMPONENTS_CONFIG) private configuration: NgSdComponentsConfig) {
-    this.theme = this.configuration.theme;
-    this.class = `theme-${this.theme}`;
-  }
-}

package/projects/software-division-components/src/shared/themes/sdc.css

@@ -1,153 +0,0 @@
-:root {
-  /* Font Families */
-  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  --font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-
-  /* Font Sizes */
-  --text-xxs: 0.625rem; /* 8px - Small labels, captions */
-  --text-xs: 0.75rem; /* 12px - Small labels, captions */
-  --text-sm: 0.875rem; /* 14px - Table content, form labels */
-  --text-base: 1rem; /* 16px - Body text, buttons */
-  --text-lg: 1.125rem; /* 18px - Section headings */
-  --text-xl: 1.25rem; /* 20px - Page titles */
-  --text-2xl: 1.5rem; /* 24px - Main headings */
-
-  /* Font Weights */
-  --font-light: 300; /* Light text */
-  --font-regular: 400; /* Normal body text */
-  --font-medium: 500; /* Medium emphasis */
-  --font-semibold: 600; /* Section headings */
-  --font-bold: 700; /* Strong emphasis, buttons */
-
-  /* Line Heights */
-  --leading-tight: 1.25; /* Tight line height for headings */
-  --leading-normal: 1.5; /* Normal line height for body text */
-  --leading-relaxed: 1.625; /* Relaxed line height for readability */
-
-  /* Spacing Scale */
-  --space-0: 0; /* No spacing */
-  --space-px: 1px; /* 1px spacing */
-  --space-0_5: 0.125rem; /* 2px - Minimal spacing */
-  --space-1: 0.25rem; /* 4px - Very small spacing */
-  --space-1_5: 0.375rem; /* 6px - Small spacing */
-  --space-2: 0.5rem; /* 8px - Small padding/margin */
-  --space-2_5: 0.625rem; /* 10px - Button padding */
-  --space-3: 0.75rem; /* 12px - Form element spacing */
-  --space-3_5: 0.875rem; /* 14px - Medium spacing */
-  --space-4: 1rem; /* 16px - Standard spacing unit */
-  --space-5: 1.25rem; /* 20px - Section spacing */
-  --space-6: 1.5rem; /* 24px - Large spacing */
-  --space-7: 1.75rem; /* 28px - Extra spacing */
-  --space-8: 2rem; /* 32px - Large section spacing */
-  --space-10: 2.5rem; /* 40px - Very large spacing */
-  --space-12: 3rem; /* 48px - Header/footer spacing */
-  --space-16: 4rem; /* 64px - Major section dividers */
-  --space-20: 5rem; /* 80px - Large container spacing */
-  --space-24: 6rem; /* 96px - Extra large spacing */
-
-  /* Border Radius */
-  --radius-none: 0; /* No border radius */
-  --radius-sm: 0.125rem; /* 2px - Small radius */
-  --radius-default: 0.25rem; /* 4px - Default button/input radius */
-  --radius-md: 0.375rem; /* 6px - Medium radius for cards */
-  --radius-lg: 0.5rem; /* 8px - Large radius */
-  --radius-xl: 0.75rem; /* 12px - Extra large radius */
-  --radius-2xl: 1rem; /* 16px - Very large radius */
-  --radius-3xl: 1.5rem; /* 24px - Extra large radius */
-  --radius-full: 9999px; /* Full circular radius */
-
-  /* Border Widths */
-  --border-0: 0; /* No border */
-  --border-default: 1px; /* Default border width */
-  --border-2: 2px; /* Thick border */
-  --border-3: 3px; /* Thick border */
-  --border-4: 4px; /* Very thick border */
-  --border-6: 6px; /* Extra thick border */
-  --border-8: 8px; /* Extra thick border */
-
-  /* Neutral Colors */
-  --color-neutral-50: hsl(210 40% 98%); /* #f8fafc - Lightest background */
-  --color-neutral-100: hsl(210 40% 96%); /* #f1f5f9 - Light background, table headers */
-  --color-neutral-200: hsl(214 32% 91%); /* #e2e8f0 - Border colors, dividers */
-  --color-neutral-300: hsl(215 20% 83%); /* #cbd5e1 - Disabled states, subtle borders */
-  --color-neutral-400: hsl(215 16% 65%); /* #94a3b8 - Placeholder text, inactive elements */
-  --color-neutral-500: hsl(215 19% 47%); /* #64748b - Secondary text, icons */
-  --color-neutral-600: hsl(215 25% 35%); /* #475569 - Primary text color */
-  --color-neutral-700: hsl(215 28% 27%); /* #334155 - Dark text, headings */
-  --color-neutral-800: hsl(217 33% 17%); /* #1e293b - Very dark text */
-  --color-neutral-900: hsl(222 47% 11%); /* #0f172a - Darkest text, high contrast */
-  --color-pure-white: hsl(0 0% 100%); /* #ffffff - Pure white backgrounds */
-  --color-pure-black: hsl(0 0% 0%); /* #000000 - Pure black text */
-
-  /* Primary Colors - Club Brand */
-  --color-primary: hsl(29.01 100% 52.55%); /* #ff8c00 - Main Club brand color */
-  --color-primary-hover: hsl(29.01 100% 44%); /* #e67e00 - Darker orange for hover states */
-  --color-primary-active: hsl(29.01 100% 36%); /* #cc7000 - Even darker for active/pressed states */
-  --color-primary-50: hsl(29.01 100% 97%); /* #fff8f0 - Very light orange background */
-  --color-primary-100: hsl(29.01 100% 91%); /* #fff0d7 - Light orange background */
-  --color-primary-200: hsl(29.01 100% 84%); /* #ffe8c0 - Soft orange for highlights */
-
-  /* Secondary Colors - Navy Blue */
-  --color-secondary: hsl(218.73 72.48% 21.37%); /* #1a2b4a - Deep navy blue for secondary actions */
-  --color-secondary-hover: hsl(218.73 72.48% 28%); /* #2a3f6a - Lighter navy for hover */
-  --color-secondary-active: hsl(218.73 72.48% 35%); /* #3a538a - Active state navy */
-  --color-secondary-50: hsl(218.73 72.48% 97%); /* #f7f9fc - Very light blue background */
-  --color-secondary-100: hsl(218.73 72.48% 93%); /* #eef2f9 - Light blue background */
-  --color-secondary-200: hsl(218.73 72.48% 87%); /* #e0e7f3 - Soft blue for highlights */
-
-  /* Alternative Colors - Light Blue/Cyan */
-  --color-alternative: hsl(199 89% 48%); /* #0ea5e9 - Cyan blue for alternative actions */
-  --color-alternative-hover: hsl(198 93% 39%); /* #0284c7 - Darker cyan for hover */
-  --color-alternative-active: hsl(201 96% 32%); /* #0369a1 - Active state cyan */
-  --color-alternative-50: hsl(204 100% 97%); /* #f0f9ff - Very light cyan background */
-  --color-alternative-100: hsl(204 94% 94%); /* #e0f2fe - Light cyan background */
-
-  /* Success Colors */
-  --color-success: hsl(158 64% 52%); /* #10b981 - Green for completed transactions, success states */
-  --color-success-hover: hsl(160 84% 39%); /* #059669 - Darker green for hover */
-  --color-success-active: hsl(161 94% 30%); /* #047857 - Active state green */
-  --color-success-50: hsl(151 81% 96%); /* #ecfdf5 - Light success background */
-  --color-success-100: hsl(149 80% 90%); /* #d1fae5 - Success message backgrounds */
-
-  /* Warning Colors */
-  --color-warning: hsl(43 96% 56%); /* #f59e0b - Amber/orange for warnings, pending states */
-  --color-warning-hover: hsl(32 95% 44%); /* #d97706 - Darker amber for hover */
-  --color-warning-active: hsl(30 100% 34%); /* #b45309 - Active state amber */
-  --color-warning-50: hsl(48 100% 96%); /* #fffbeb - Light warning background */
-  --color-warning-100: hsl(48 96% 89%); /* #fef3c7 - Warning message backgrounds */
-
-  /* Danger Colors */
-  --color-danger: hsl(0 72% 51%); /* #ef4444 - Red for cancelled transactions, errors, delete actions */
-  --color-danger-hover: hsl(0 73% 41%); /* #dc2626 - Darker red for hover */
-  --color-danger-active: hsl(0 79% 30%); /* #b91c1c - Active state red */
-  --color-danger-50: hsl(0 86% 97%); /* #fef2f2 - Light error background */
-  --color-danger-100: hsl(0 93% 94%); /* #fee2e2 - Error message backgrounds */
-
-  /*
-  * -----------------------------------------------------------
-  * Spartan UI standard theme (Updated with SDC color mappings)
-  * -----------------------------------------------------------
-  */
-  --font-sans: 'Geist Sans', sans-serif;
-  --background: var(--color-pure-white);
-  --foreground: var(--color-neutral-600);
-  --card: var(--color-pure-white);
-  --card-foreground: var(--color-neutral-600);
-  --popover: var(--color-pure-white);
-  --popover-foreground: var(--color-neutral-600);
-  --primary: var(--color-primary);
-  --primary-foreground: var(--color-pure-white);
-  --secondary: var(--color-neutral-100);
-  --secondary-foreground: var(--color-neutral-600);
-  --muted: var(--color-neutral-50);
-  --muted-foreground: var(--color-neutral-500);
-  --accent: var(--color-primary-200);
-  --accent-foreground: var(--color-neutral-700);
-  --destructive: var(--color-danger);
-  --destructive-foreground: var(--color-pure-white);
-  --border: var(--color-neutral-200);
-  --input: var(--color-neutral-200);
-  --ring: var(--color-primary);
-  --radius: var(--radius-lg);
-  color-scheme: light;
-}

package/projects/software-division-components/src/types/sizes.type.ts

@@ -1,3 +0,0 @@
-export type Size = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-
-export const SIZE_ORDER: Size[] = ['xxs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'];

package/projects/software-division-components/src/utils/index.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/projects/software-division-components/src/utils/public-api.ts

@@ -1 +0,0 @@
-export * from './validate-styles-for-component';

package/projects/software-division-components/src/utils/validate-styles-for-component.ts

@@ -1,39 +0,0 @@
-function validateCssClass(value: string, componentName?: string): asserts value is string {
-  const regex = /^([a-zA-Z][a-zA-Z0-9-_]*)(\s[a-zA-Z][a-zA-Z0-9-_]*)*$/;
-  const isValidCssClass = regex.test(value);
-
-  if (!isValidCssClass) {
-    throw new Error(
-      `Invalid CSS class string passed as input to "styleClasses" input, found on ${componentName}.
-      Please make sure your input is a valid CSS class or a list of whitespace-separated classes.
-      The value provided was: ${value}`
-    );
-  }
-}
-
-export function validateStylesForComponent<T extends Record<string, string> | string>(
-  componentName: string
-): (styles: T) => T {
-  return (styles: T): T => {
-    // Styles will be an empty string if they are not defined
-    if (styles === '') {
-      return styles;
-    }
-
-    if (typeof styles === 'string') {
-      // Some components just have to style one element,
-      // so a string input is sufficient
-      validateCssClass(styles, componentName);
-    } else {
-      // While others require an object ot be able to style
-      // different parts of the component, which requires an object
-      // to target different parts of the components with different classes
-      const stylesValues = Object.values(styles);
-      for (const styleValue of stylesValues) {
-        validateCssClass(styleValue, componentName);
-      }
-    }
-
-    return styles;
-  };
-}