@hug/hospitality 0.0.4-alpha.10 → 0.0.4-alpha.14

package/material/theme/theme.scss

@@ -0,0 +1,69 @@
+@use "@angular/material" as mat;
+@use "./utils" as map;
+
+$override-colors: (
+    primary: var(--hy-color-primary),
+    on-primary: var(--hy-color-on-primary),
+    primary-container: var(--hy-color-primary-container),
+    on-primary-container: var(--hy-color-on-primary-container),
+    primary-fixed: var(--hy-color-primary-fixed),
+    primary-fixed-dim: var(--hy-color-primary-fixed-dim),
+    on-primary-fixed: var(--hy-color-primary-fixed),
+    on-primary-fixed-variant: var(--hy-color-primary-fixed-variant),
+    secondary: var(--hy-color-secondary),
+    on-secondary: var(--hy-color-on-secondary),
+    secondary-container: var(--hy-color-secondary-container),
+    on-secondary-conmtainer: var(--hy-color-on-secondary-container),
+    secondary-fixed: var(--hy-color-secondary-fixed),
+    secondary-fixed-dim: var(--hy-color-secondary-fixed-dim),
+    on-secondary-fixed: var(--hy-color-secondary-fixed),
+    on-secondary-fixed-variant: var(--hy-color-secondary-fixed-variant),
+    tertiary: var(--hy-color-tertiary),
+    on-tertiary: var(--hy-color-on-tertiary),
+    tertiary-container: var(--hy-color-tertiary-container),
+    on-tertiary-conmtainer: var(--hy-color-on-tertiary-container),
+    tertiary-fixed: var(--hy-color-tertiary-fixed),
+    tertiary-fixed-dim: var(--hy-color-tertiary-fixed-dim),
+    on-tertiary-fixed: var(--hy-color-tertiary-fixed),
+    on-tertiary-fixed-variant: var(--hy-color-tertiary-fixed-variant),
+    error: var(--hy-color-error),
+    on-error: var(--hy-color-on-error),
+    error-container: var(--hy-color-error-container),
+    on-error-conmtainer: var(--hy-color-on-error-container),
+    surface: var(--hy-color-surface),
+    surface-dim: var(--hy-color-surface-dim),
+    surface-bright: var(--hy-color-surface-bright),
+    surface-container-lowest: var(--hy-color-surface-container-lowest),
+    surface-container-low: var(--hy-color-surface-container-low),
+    surface-container: var(--hy-color-surface-container),
+    surface-container-high: var(--hy-color-surface-container-high),
+    surface-container-highest: var(--hy-color-surface-container-highest),
+    on-surface: var(--hy-color-on-surface),
+    on-surface-variant: var(--hy-color-on-surface-variant),
+    ouline: var(--hy-color-outline),
+    ouline-variant: var(--hy-color-outline-variant),
+    inverse-surface: var(--hy-color-inverse-surface),
+    inverse-on-surface: var(--hy-color-inverse-on-surface),
+    inverse-primary: var(--hy-color-inverse-primary),
+    background: var(--hy-color-background),
+    on-background: var(--hy-color-on-background),
+    scrim: var(--hy-color-scrim),
+    shadow: var(--hy-color-shadow),
+);
+
+$override-typography: ();
+
+$override-density: ();
+
+$overrides: map.merge-all($override-colors, $override-typography);
+
+@mixin theme {
+    @include mat.theme(
+        (
+            color: (),
+            typography: Roboto,
+            density: 0,
+        ),
+        $overrides
+    );
+}

package/material/theme/utils.scss

@@ -0,0 +1,10 @@
+@use 'sass:map';
+
+@function merge-all($maps...) {
+  $collection: ();
+
+  @each $map in $maps {
+    $collection: map-merge($collection, $map);
+  }
+  @return $collection;
+}

package/ng-package.json

@@ -0,0 +1,10 @@
+{
+    "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+    "assets": [
+        "./material/**/*.scss",
+        "./tokens/tokens.css"
+    ],
+    "lib": {
+        "entryFile": "./index.ts"
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hug/hospitality",
-    "version": "0.0.4-alpha.10",
+    "version": "0.0.4-alpha.14",
     "description": "Hospitality Design System",
     "homepage": "https://github.com/dsi-hug/hospitality",
     "license": "GPL-3.0-only",
@@ -16,26 +16,6 @@
         "access": "public",
         "tag": "latest"
     },
-    "exports": {
-        "./tokens": {
-            "require": "./src/tokens/index.mjs",
-            "types": "./src/tokens/index.d.ts",
-            "default": "./src/tokens/tokens.css"
-        },
-        "./material/theme": "./src/material/theme/theme.scss",
-        "./package.json": "./package.json",
-        "./form-field": "./src/components/form-field/form-field.scss",
-        "./form-field/provider": {
-            "types": "./src/components/form-field/form-field.provider.d.ts",
-            "default": "./src/components/form-field/form-field.provider.mjs"
-        },
-        "./dialog": "./src/components/dialog/dialog.scss"
-    },
-    "files": [
-        "README.md",
-        "LICENSE",
-        "src/"
-    ],
     "keywords": [
         "TODO:"
     ],
@@ -44,17 +24,46 @@
         "prepare": "husky || true",
         "lint": "eslint . --fix",
         "lint:ci": "eslint .",
+        "build": "ng-packagr -p ng-package.json -c tsconfig.json",
         "release": "npm publish"
     },
+    "exports": {
+        "./material/button": {
+            "sass": "./material/button/button.scss"
+        },
+        "./material/dialog": {
+            "sass": "./material/dialog/dialog.scss"
+        },
+        "./material/form-field": {
+            "sass": "./material/form-field/form-field.scss"
+        },
+        "./material/theme": {
+            "sass": "./material/theme/theme.scss"
+        },
+        "./tokens": {
+            "style": "./tokens/tokens.css"
+        }
+    },
+    "peerDependencies": {
+        "@angular/material": "^19.x"
+    },
+    "peerDependenciesMeta": {
+        "@angular/material": {
+            "optional": true
+        }
+    },
     "devDependencies": {
-        "@commitlint/cli": "^19.8.0",
-        "@commitlint/config-conventional": "^19.8.0",
+        "@angular/common": "^19.2.17",
+        "@angular/compiler-cli": "^19.2.17",
+        "@angular/core": "^19.2.17",
+        "@angular/forms": "^19.2.17",
+        "@angular/material": "^19.2.19",
+        "ng-packagr": "^19.2.2",
+        "@commitlint/cli": "^20.2.0",
+        "@commitlint/config-conventional": "^20.2.0",
         "@hug/eslint-config": "^20.3.3",
         "husky": "^9.1.7",
-        "lint-staged": "^15.5.0"
-    },
-    "peerDependencies": {
-        "@angular/material": "19.x.x"
+        "lint-staged": "^16.2.7"
     },
     "commitlint": {
         "extends": [
@@ -89,5 +98,5 @@
     "engines": {
         "yarn": "Please use Npm instead of Yarn."
     },
-    "packageManager": "npm@11.2.0"
+    "packageManager": "npm@11.7.0"
 }

package/tokens/index.ts

@@ -0,0 +1,38 @@
+import rawTokens from './tokens.json';
+
+export interface Token {
+    id: string;
+    name: string;
+    type: string;
+    value: string | number;
+}
+
+export interface TokenSystem {
+    id?: string;
+    name: string;
+    type: string;
+    reference: Token[];
+    _referenceValue:
+        | string
+        | {
+            weight: number;
+            size: number;
+            lineHeight: number;
+            font: string;
+        };
+}
+
+export interface Tokens {
+    references: Token[];
+    systems: {
+        light: TokenSystem[];
+        dark: TokenSystem[];
+    } | TokenSystem[];
+}
+
+const tokens: {
+    colors: Tokens;
+    typographies: Tokens;
+} = rawTokens;
+
+export { tokens };

package/tokens/ng-package.json

@@ -0,0 +1,7 @@
+{
+    "$schema": "../node_modules/ng-packagr/ng-package.schema.json",
+    "lib": {
+        "flatModuleFile": "tokens",
+        "entryFile": "./index.ts"
+    }
+}