@3ddv/software-division-components 2.0.0 → 2.0.1

package/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/shared/types.ts

@@ -1,18 +0,0 @@
-export const SIZES = { xxs: 'xxs', xs: 'xs', sm: 'sm', md: 'md', lg: 'lg', xl: 'xl', '2xl': '2xl' } as const;
-
-export type Size = (typeof SIZES)[keyof typeof SIZES];
-
-/** Ordered array for size comparison logic */
-export const SIZE_ORDER: Size[] = ['xxs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'];
-
-export type NgPipes = 'none' | 'currency' | 'date';
-
-export type NgSdComponentsConfigValues = 'generic' | 'backoffice' | 'sdc';
-
-export interface NgSdComponentsConfig {
-  theme: NgSdComponentsConfigValues;
-}
-
-type Theme = 'backoffice' | 'sdc';
-
-export type ThemeClass = `theme-${Theme}`;

package/src/private-exports.ts

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

package/src/public-api.ts

@@ -1,20 +0,0 @@
-/**
- * MAIN ENTRY POINT (@3ddv/software-division-components)
- *
- * This file exports ONLY the configuration tokens, global providers, and shared utilities.
- *
- * UI Components and Feature Modules are NOT exported here. They must be imported via their secondary entry points:
- * - import { ... } from '@3ddv/software-division-components/generic/button';
- * - import { ... } from '@3ddv/software-division-components/backoffice/table';
- *
- * See libs/ticketing-598-software-division-components-npm/docs/entrypoint_strategy.md for details.
- */
-
-export type * from '@3ddv/software-division-components/shared';
-export {
-  ScreenObserver,
-  applyGlobalCssVariables,
-  provideScreenObserver,
-  provideSdc,
-  type SCREENS_TOKEN,
-} from '@3ddv/software-division-components/shared';

package/tsconfig.json

@@ -1,50 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "exclude": ["node_modules"],
-  "compilerOptions": {
-    "baseUrl": ".",
-    "rootDir": ".",
-    "outDir": "../../dist",
-    "paths": {
-      "@backoffice/*": ["./backoffice/*"],
-      "@utils/*": ["./utils"],
-      "@shared/*": ["./shared/*"],
-      "@dvm/*": ["./dvm/*"],
-      "@generic/*": ["./generic/*"],
-      "@3ddv/software-division-components/utils": ["./utils/public-api.ts"],
-      "@3ddv/software-division-components/shared": ["./shared/public-api.ts"],
-      "@3ddv/software-division-components/backoffice/checkbox": ["./backoffice/checkbox/public-api.ts"],
-      "@3ddv/software-division-components/backoffice/datepicker": ["./backoffice/datepicker/public-api.ts"],
-      "@3ddv/software-division-components/backoffice/input": ["./backoffice/input/public-api.ts"],
-      "@3ddv/software-division-components/backoffice/radio": ["./backoffice/radio/public-api.ts"],
-      "@3ddv/software-division-components/backoffice/table": ["./backoffice/table/public-api.ts"],
-      "@3ddv/software-division-components/generic/select": ["./generic/select/public-api.ts"],
-      "@3ddv/software-division-components/generic/add-digital-wallet": ["./generic/add-digital-wallet/public-api.ts"],
-      "@3ddv/software-division-components/generic/braintree": ["./generic/braintree/public-api.ts"],
-      "@3ddv/software-division-components/generic/button": ["./generic/button/public-api.ts"],
-      "@3ddv/software-division-components/generic/dialog": ["./generic/dialog/public-api.ts"],
-      "@3ddv/software-division-components/generic/drawer": ["./generic/drawer/public-api.ts"],
-      "@3ddv/software-division-components/generic/icon": ["./generic/icon/public-api.ts"],
-      "@3ddv/software-division-components/dvm/cart-item": ["./dvm/cart-item/public-api.ts"],
-      "@3ddv/software-division-components/dvm/cart": ["./dvm/cart/public-api.ts"],
-      "@3ddv/software-division-components/dvm/legend": ["./dvm/legend/public-api.ts"],
-      "@3ddv/software-division-components/dvm/loader": ["./dvm/loader/public-api.ts"],
-      "@3ddv/software-division-components/dvm/neighbors": ["./dvm/neighbors/public-api.ts"],
-      "@3ddv/software-division-components/dvm/popover": ["./dvm/popover/public-api.ts"],
-      "@3ddv/software-division-components/dvm/stepper": ["./dvm/stepper/public-api.ts"],
-      "@3ddv/software-division-components/dvm/map-loader": ["./dvm/map-loader/public-api.ts"],
-      "@3ddv/software-division-components/dvm/ticket-info-item": ["./dvm/ticket-info-item/public-api.ts"]
-    }
-  },
-  "angularCompilerOptions": {
-    "disableTypeScriptVersionCheck": true,
-    "fullTemplateTypeCheck": true,
-    "annotateForClosureCompiler": false,
-    "strictTemplates": true,
-    "strictMetadataEmit": true,
-    "skipTemplateCodegen": false,
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true
-  }
-}

package/tsconfig.lib.prod.json

@@ -1,6 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "declarationMap": false
-  }
-}

package/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}

package/tsconfig.temp.json

@@ -1 +0,0 @@
-{"compileOnSave": false, "compilerOptions": {"baseUrl": ".", "outDir": "./dist", "module": "es2020", "sourceMap": true, "declaration": true, "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "target": "es2020", "types": [], "lib": ["es2018", "dom"]}, "angularCompilerOptions": {"enableIvy": true}}

package/utils/index.ts

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

package/utils/ng-package.json

@@ -1 +0,0 @@
-{ "lib": { "entryFile": "public-api.ts" } }

package/utils/public-api.ts

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

package/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;
-  };
-}