@hug/hospitality 1.0.0-alpha.32 → 1.0.0-alpha.35

package/fesm2022/badge.mjs

@@ -0,0 +1,26 @@
+import * as i0 from '@angular/core';
+import { input, Directive } from '@angular/core';
+
+/* eslint-disable @typescript-eslint/naming-convention */
+class HyBadgeAppearanceDirective {
+    hyBadgeAppearance = input(null, ...(ngDevMode ? [{ debugName: "hyBadgeAppearance" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyBadgeAppearanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: HyBadgeAppearanceDirective, isStandalone: true, selector: "[matBadge][hyBadgeAppearance]", inputs: { hyBadgeAppearance: { classPropertyName: "hyBadgeAppearance", publicName: "hyBadgeAppearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.hyBadgeAppearance": "hyBadgeAppearance()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyBadgeAppearanceDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matBadge][hyBadgeAppearance]',
+                    standalone: true,
+                    host: {
+                        '[attr.hyBadgeAppearance]': 'hyBadgeAppearance()'
+                    }
+                }]
+        }], propDecorators: { hyBadgeAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "hyBadgeAppearance", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HyBadgeAppearanceDirective };
+//# sourceMappingURL=badge.mjs.map

package/fesm2022/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.mjs","sources":["../../material/badge/badge-appearance.directive.ts","../../material/badge/badge.ts"],"sourcesContent":["\n/* eslint-disable @typescript-eslint/naming-convention */\nimport { Directive, input } from '@angular/core';\n\nexport type HyBadgeAppearanceType = 'warning' | 'error';\n\n@Directive({\n    selector: '[matBadge][hyBadgeAppearance]',\n    standalone: true,\n    host: {\n        '[attr.hyBadgeAppearance]': 'hyBadgeAppearance()'\n    }\n})\nexport class HyBadgeAppearanceDirective {\n    public hyBadgeAppearance = input<HyBadgeAppearanceType | null>(null);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AACA;MAYa,0BAA0B,CAAA;AAC5B,IAAA,iBAAiB,GAAG,KAAK,CAA+B,IAAI,6DAAC;uGAD3D,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,wBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,0BAA0B,EAAE;AAC/B;AACJ,iBAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/tokens.mjs

@@ -226,97 +226,97 @@ var colors = {
 			id: "VariableID:64392:2699",
 			name: "hy-color-ref-tertiary-99",
 			type: "COLOR",
-			value: "#f2fffbff"
+			value: "#f3fbfbff"
 		},
 		{
 			id: "VariableID:64392:2700",
 			name: "hy-color-ref-tertiary-98",
 			type: "COLOR",
-			value: "#e4fff9ff"
+			value: "#e0f5f3ff"
 		},
 		{
 			id: "VariableID:64392:2701",
 			name: "hy-color-ref-tertiary-95",
 			type: "COLOR",
-			value: "#b3fff3ff"
+			value: "#b9e9e5ff"
 		},
 		{
 			id: "VariableID:64392:2702",
 			name: "hy-color-ref-tertiary-90",
 			type: "COLOR",
-			value: "#7df6e6ff"
+			value: "#92ddd6ff"
 		},
 		{
 			id: "VariableID:64392:2703",
 			name: "hy-color-ref-tertiary-80",
 			type: "COLOR",
-			value: "#5edacaff"
+			value: "#69d4caff"
 		},
 		{
 			id: "VariableID:64392:2704",
 			name: "hy-color-ref-tertiary-70",
 			type: "COLOR",
-			value: "#3cbeafff"
+			value: "#40b0a6ff"
 		},
 		{
 			id: "VariableID:64392:2705",
 			name: "hy-color-ref-tertiary-60",
 			type: "COLOR",
-			value: "#02a294ff"
+			value: "#20a397ff"
 		},
 		{
 			id: "VariableID:64392:2706",
 			name: "hy-color-ref-tertiary-50",
 			type: "COLOR",
-			value: "#00867aff"
+			value: "#009688ff"
 		},
 		{
 			id: "VariableID:64392:2707",
 			name: "hy-color-ref-tertiary-40",
 			type: "COLOR",
-			value: "#006a61ff"
+			value: "#008175ff"
 		},
 		{
 			id: "VariableID:64392:2708",
 			name: "hy-color-ref-tertiary-35",
 			type: "COLOR",
-			value: "#005d55ff"
+			value: "#00756aff"
 		},
 		{
 			id: "VariableID:64392:2709",
 			name: "hy-color-ref-tertiary-30",
 			type: "COLOR",
-			value: "#005049ff"
+			value: "#00645bff"
 		},
 		{
 			id: "VariableID:64392:2710",
 			name: "hy-color-ref-tertiary-25",
 			type: "COLOR",
-			value: "#00443dff"
+			value: "#00534cff"
 		},
 		{
 			id: "VariableID:64392:2711",
 			name: "hy-color-ref-tertiary-20",
 			type: "COLOR",
-			value: "#003732ff"
+			value: "#003b35ff"
 		},
 		{
 			id: "VariableID:64392:2712",
 			name: "hy-color-ref-tertiary-15",
 			type: "COLOR",
-			value: "#002b27ff"
+			value: "#00322dff"
 		},
 		{
 			id: "VariableID:64392:2713",
 			name: "hy-color-ref-tertiary-10",
 			type: "COLOR",
-			value: "#00201cff"
+			value: "#00211eff"
 		},
 		{
 			id: "VariableID:64392:2714",
 			name: "hy-color-ref-tertiary-5",
 			type: "COLOR",
-			value: "#001412ff"
+			value: "#00110fff"
 		},
 		{
 			id: "VariableID:64392:2715",
@@ -879,10 +879,10 @@ var colors = {
 						id: "VariableID:64392:2707",
 						name: "hy-color-ref-tertiary-40",
 						type: "COLOR",
-						value: "#006a61ff"
+						value: "#008175ff"
 					}
 				],
-				_referenceValue: "#006a61ff",
+				_referenceValue: "#008175ff",
 				id: "VariableID:59803:479"
 			},
 			{
@@ -907,10 +907,10 @@ var colors = {
 						id: "VariableID:64392:2702",
 						name: "hy-color-ref-tertiary-90",
 						type: "COLOR",
-						value: "#7df6e6ff"
+						value: "#92ddd6ff"
 					}
 				],
-				_referenceValue: "#7df6e6ff",
+				_referenceValue: "#92ddd6ff",
 				id: "VariableID:59803:481"
 			},
 			{
@@ -921,10 +921,10 @@ var colors = {
 						id: "VariableID:64392:2713",
 						name: "hy-color-ref-tertiary-10",
 						type: "COLOR",
-						value: "#00201cff"
+						value: "#00211eff"
 					}
 				],
-				_referenceValue: "#00201cff",
+				_referenceValue: "#00211eff",
 				id: "VariableID:59803:482"
 			},
 			{
@@ -1355,10 +1355,10 @@ var colors = {
 						id: "VariableID:64392:2702",
 						name: "hy-color-ref-tertiary-90",
 						type: "COLOR",
-						value: "#7df6e6ff"
+						value: "#92ddd6ff"
 					}
 				],
-				_referenceValue: "#7df6e6ff",
+				_referenceValue: "#92ddd6ff",
 				id: "VariableID:59803:513"
 			},
 			{
@@ -1369,10 +1369,10 @@ var colors = {
 						id: "VariableID:64392:2713",
 						name: "hy-color-ref-tertiary-10",
 						type: "COLOR",
-						value: "#00201cff"
+						value: "#00211eff"
 					}
 				],
-				_referenceValue: "#00201cff",
+				_referenceValue: "#00211eff",
 				id: "VariableID:59803:514"
 			},
 			{
@@ -1383,10 +1383,10 @@ var colors = {
 						id: "VariableID:64392:2703",
 						name: "hy-color-ref-tertiary-80",
 						type: "COLOR",
-						value: "#5edacaff"
+						value: "#69d4caff"
 					}
 				],
-				_referenceValue: "#5edacaff",
+				_referenceValue: "#69d4caff",
 				id: "VariableID:59803:515"
 			},
 			{
@@ -1397,10 +1397,10 @@ var colors = {
 						id: "VariableID:64392:2709",
 						name: "hy-color-ref-tertiary-30",
 						type: "COLOR",
-						value: "#005049ff"
+						value: "#00645bff"
 					}
 				],
-				_referenceValue: "#005049ff",
+				_referenceValue: "#00645bff",
 				id: "VariableID:59803:516"
 			},
 			{
@@ -1623,10 +1623,10 @@ var colors = {
 						id: "VariableID:64392:2703",
 						name: "hy-color-ref-tertiary-80",
 						type: "COLOR",
-						value: "#5edacaff"
+						value: "#69d4caff"
 					}
 				],
-				_referenceValue: "#5edacaff",
+				_referenceValue: "#69d4caff",
 				id: "VariableID:59803:479"
 			},
 			{
@@ -1637,10 +1637,10 @@ var colors = {
 						id: "VariableID:64392:2711",
 						name: "hy-color-ref-tertiary-20",
 						type: "COLOR",
-						value: "#003732ff"
+						value: "#003b35ff"
 					}
 				],
-				_referenceValue: "#003732ff",
+				_referenceValue: "#003b35ff",
 				id: "VariableID:59803:480"
 			},
 			{
@@ -1651,10 +1651,10 @@ var colors = {
 						id: "VariableID:64392:2709",
 						name: "hy-color-ref-tertiary-30",
 						type: "COLOR",
-						value: "#005049ff"
+						value: "#00645bff"
 					}
 				],
-				_referenceValue: "#005049ff",
+				_referenceValue: "#00645bff",
 				id: "VariableID:59803:481"
 			},
 			{
@@ -1665,10 +1665,10 @@ var colors = {
 						id: "VariableID:64392:2702",
 						name: "hy-color-ref-tertiary-90",
 						type: "COLOR",
-						value: "#7df6e6ff"
+						value: "#92ddd6ff"
 					}
 				],
-				_referenceValue: "#7df6e6ff",
+				_referenceValue: "#92ddd6ff",
 				id: "VariableID:59803:482"
 			},
 			{
@@ -2099,10 +2099,10 @@ var colors = {
 						id: "VariableID:64392:2702",
 						name: "hy-color-ref-tertiary-90",
 						type: "COLOR",
-						value: "#7df6e6ff"
+						value: "#92ddd6ff"
 					}
 				],
-				_referenceValue: "#7df6e6ff",
+				_referenceValue: "#92ddd6ff",
 				id: "VariableID:59803:513"
 			},
 			{
@@ -2113,10 +2113,10 @@ var colors = {
 						id: "VariableID:64392:2713",
 						name: "hy-color-ref-tertiary-10",
 						type: "COLOR",
-						value: "#00201cff"
+						value: "#00211eff"
 					}
 				],
-				_referenceValue: "#00201cff",
+				_referenceValue: "#00211eff",
 				id: "VariableID:59803:514"
 			},
 			{
@@ -2127,10 +2127,10 @@ var colors = {
 						id: "VariableID:64392:2703",
 						name: "hy-color-ref-tertiary-80",
 						type: "COLOR",
-						value: "#5edacaff"
+						value: "#69d4caff"
 					}
 				],
-				_referenceValue: "#5edacaff",
+				_referenceValue: "#69d4caff",
 				id: "VariableID:59803:515"
 			},
 			{
@@ -2141,10 +2141,10 @@ var colors = {
 						id: "VariableID:64392:2709",
 						name: "hy-color-ref-tertiary-30",
 						type: "COLOR",
-						value: "#005049ff"
+						value: "#00645bff"
 					}
 				],
-				_referenceValue: "#005049ff",
+				_referenceValue: "#00645bff",
 				id: "VariableID:59803:516"
 			},
 			{
@@ -2341,31 +2341,31 @@ var colors = {
 			},
 			{
 				id: "VariableID:64399:2704",
-				name: "hy-color-pal-green2-10",
+				name: "hy-color-pal-teal-10",
 				type: "COLOR",
 				value: "#052a1fff"
 			},
 			{
 				id: "VariableID:64399:2705",
-				name: "hy-color-pal-green2-30",
+				name: "hy-color-pal-teal-30",
 				type: "COLOR",
 				value: "#0b5740ff"
 			},
 			{
 				id: "VariableID:64399:2706",
-				name: "hy-color-pal-green2-50",
+				name: "hy-color-pal-teal-50",
 				type: "COLOR",
 				value: "#108561ff"
 			},
 			{
 				id: "VariableID:64399:2707",
-				name: "hy-color-pal-green2-70",
+				name: "hy-color-pal-teal-70",
 				type: "COLOR",
 				value: "#1be0a3ff"
 			},
 			{
 				id: "VariableID:64399:2708",
-				name: "hy-color-pal-green2-90",
+				name: "hy-color-pal-teal-90",
 				type: "COLOR",
 				value: "#73eec8ff"
 			},
@@ -2463,7 +2463,7 @@ var colors = {
 				id: "VariableID:64187:4017",
 				name: "hy-color-pal-brown-10",
 				type: "COLOR",
-				value: "#432902ff"
+				value: "#3b2606ff"
 			},
 			{
 				id: "VariableID:64187:4016",
@@ -2493,31 +2493,31 @@ var colors = {
 				id: "VariableID:64187:4013",
 				name: "hy-color-pal-orange-10",
 				type: "COLOR",
-				value: "#1f0a05ff"
+				value: "#432100ff"
 			},
 			{
 				id: "VariableID:64187:4018",
 				name: "hy-color-pal-orange-30",
 				type: "COLOR",
-				value: "#782712ff"
+				value: "#8b4d00ff"
 			},
 			{
 				id: "VariableID:64187:4012",
 				name: "hy-color-pal-orange-50",
 				type: "COLOR",
-				value: "#d1431fff"
+				value: "#da771fff"
 			},
 			{
 				id: "VariableID:64187:4046",
 				name: "hy-color-pal-orange-70",
 				type: "COLOR",
-				value: "#e9866dff"
+				value: "#f5a85aff"
 			},
 			{
 				id: "VariableID:64187:4011",
 				name: "hy-color-pal-orange-90",
 				type: "COLOR",
-				value: "#f6cfc6ff"
+				value: "#ffe3c8ff"
 			}
 		],
 		dark: [
@@ -2613,31 +2613,31 @@ var colors = {
 			},
 			{
 				id: "VariableID:64399:2704",
-				name: "hy-color-pal-green2-10",
+				name: "hy-color-pal-teal-10",
 				type: "COLOR",
 				value: "#73eec8ff"
 			},
 			{
 				id: "VariableID:64399:2705",
-				name: "hy-color-pal-green2-30",
+				name: "hy-color-pal-teal-30",
 				type: "COLOR",
 				value: "#1be0a3ff"
 			},
 			{
 				id: "VariableID:64399:2706",
-				name: "hy-color-pal-green2-50",
+				name: "hy-color-pal-teal-50",
 				type: "COLOR",
 				value: "#108561ff"
 			},
 			{
 				id: "VariableID:64399:2707",
-				name: "hy-color-pal-green2-70",
+				name: "hy-color-pal-teal-70",
 				type: "COLOR",
 				value: "#0b5740ff"
 			},
 			{
 				id: "VariableID:64399:2708",
-				name: "hy-color-pal-green2-90",
+				name: "hy-color-pal-teal-90",
 				type: "COLOR",
 				value: "#052a1fff"
 			},
@@ -2759,37 +2759,37 @@ var colors = {
 				id: "VariableID:64187:4014",
 				name: "hy-color-pal-brown-90",
 				type: "COLOR",
-				value: "#432902ff"
+				value: "#392302ff"
 			},
 			{
 				id: "VariableID:64187:4013",
 				name: "hy-color-pal-orange-10",
 				type: "COLOR",
-				value: "#f6cfc6ff"
+				value: "#ffe3c8ff"
 			},
 			{
 				id: "VariableID:64187:4018",
 				name: "hy-color-pal-orange-30",
 				type: "COLOR",
-				value: "#e9866dff"
+				value: "#f5a85aff"
 			},
 			{
 				id: "VariableID:64187:4012",
 				name: "hy-color-pal-orange-50",
 				type: "COLOR",
-				value: "#d1431fff"
+				value: "#da771fff"
 			},
 			{
 				id: "VariableID:64187:4046",
 				name: "hy-color-pal-orange-70",
 				type: "COLOR",
-				value: "#782712ff"
+				value: "#8b4d00ff"
 			},
 			{
 				id: "VariableID:64187:4011",
 				name: "hy-color-pal-orange-90",
 				type: "COLOR",
-				value: "#1f0a05ff"
+				value: "#432100ff"
 			}
 		]
 	}

package/material/badge/badge.scss

@@ -0,0 +1,43 @@
+@use "@angular/material" as mat;
+
+.mat-badge {
+    @include mat.badge-overrides(
+        (
+            background-color: var(--mat-sys-tertiary),
+            text-color: var(--mat-sys-on-tertiary),
+            disabled-state-background-color: color-mix(
+                    in srgb,
+                    var(--mat-sys-tertiary) var(--hy-state-layer-x-large),
+                    transparent
+                ),
+        )
+    );
+
+    &[hyBadgeAppearance="warning"] {
+        @include mat.badge-overrides(
+            (
+                background-color: var(--hy-color-warning),
+                text-color: var(--hy-color-on-warning),
+                disabled-state-background-color: color-mix(
+                        in srgb,
+                        var(--hy-color-warning) var(--hy-state-layer-x-large),
+                        transparent
+                    ),
+            )
+        );
+    }
+
+    &[hyBadgeAppearance="error"] {
+        @include mat.badge-overrides(
+            (
+                background-color: var(--mat-sys-error),
+                text-color: var(--mat-sys-on-error),
+                disabled-state-background-color: color-mix(
+                        in srgb,
+                        var(--mat-sys-error) var(--hy-state-layer-x-large),
+                        transparent
+                    ),
+            )
+        );
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hug/hospitality",
-  "version": "1.0.0-alpha.32",
+  "version": "1.0.0-alpha.35",
   "description": "Hospitality Design System",
   "homepage": "https://github.com/dsi-hug/hospitality",
   "license": "GPL-3.0-only",
@@ -23,6 +23,11 @@
     "./material/app-bar": {
       "sass": "./material/app-bar/app-bar.scss"
     },
+    "./material/badge": {
+      "sass": "./material/badge/badge.scss",
+      "types": "./types/badge.d.ts",
+      "default": "./fesm2022/badge.mjs"
+    },
     "./material/button": {
       "sass": "./material/button/button.scss",
       "types": "./types/buttons.d.ts",

package/tokens/tokens.css

@@ -51,22 +51,22 @@
     --hy-color-ref-secondary-0: #000000ff;
 
     --hy-color-ref-tertiary-100: #ffffffff;
-    --hy-color-ref-tertiary-99: #f2fffbff;
-    --hy-color-ref-tertiary-98: #e4fff9ff;
-    --hy-color-ref-tertiary-95: #b3fff3ff;
-    --hy-color-ref-tertiary-90: #7df6e6ff;
-    --hy-color-ref-tertiary-80: #5edacaff;
-    --hy-color-ref-tertiary-70: #3cbeafff;
-    --hy-color-ref-tertiary-60: #02a294ff;
-    --hy-color-ref-tertiary-50: #00867aff;
-    --hy-color-ref-tertiary-40: #006a61ff;
-    --hy-color-ref-tertiary-35: #005d55ff;
-    --hy-color-ref-tertiary-30: #005049ff;
-    --hy-color-ref-tertiary-25: #00443dff;
-    --hy-color-ref-tertiary-20: #003732ff;
-    --hy-color-ref-tertiary-15: #002b27ff;
-    --hy-color-ref-tertiary-10: #00201cff;
-    --hy-color-ref-tertiary-5: #001412ff;
+    --hy-color-ref-tertiary-99: #f3fbfbff;
+    --hy-color-ref-tertiary-98: #e0f5f3ff;
+    --hy-color-ref-tertiary-95: #b9e9e5ff;
+    --hy-color-ref-tertiary-90: #92ddd6ff;
+    --hy-color-ref-tertiary-80: #69d4caff;
+    --hy-color-ref-tertiary-70: #40b0a6ff;
+    --hy-color-ref-tertiary-60: #20a397ff;
+    --hy-color-ref-tertiary-50: #009688ff;
+    --hy-color-ref-tertiary-40: #008175ff;
+    --hy-color-ref-tertiary-35: #00756aff;
+    --hy-color-ref-tertiary-30: #00645bff;
+    --hy-color-ref-tertiary-25: #00534cff;
+    --hy-color-ref-tertiary-20: #003b35ff;
+    --hy-color-ref-tertiary-15: #00322dff;
+    --hy-color-ref-tertiary-10: #00211eff;
+    --hy-color-ref-tertiary-5: #00110fff;
     --hy-color-ref-tertiary-0: #000000ff;
 
     --hy-color-ref-error-100: #ffffffff;
@@ -165,11 +165,11 @@
     --hy-color-pal-green-50: light-dark(#28871eff, #28871eff);
     --hy-color-pal-green-70: light-dark(#47d338ff, #1c5d15ff);
     --hy-color-pal-green-90: light-dark(#94e58cff, #0f340bff);
-    --hy-color-pal-green2-10: light-dark(#052a1fff, #73eec8ff);
-    --hy-color-pal-green2-30: light-dark(#0b5740ff, #1be0a3ff);
-    --hy-color-pal-green2-50: light-dark(#108561ff, #108561ff);
-    --hy-color-pal-green2-70: light-dark(#1be0a3ff, #0b5740ff);
-    --hy-color-pal-green2-90: light-dark(#73eec8ff, #052a1fff);
+    --hy-color-pal-teal-10: light-dark(#052a1fff, #73eec8ff);
+    --hy-color-pal-teal-30: light-dark(#0b5740ff, #1be0a3ff);
+    --hy-color-pal-teal-50: light-dark(#108561ff, #108561ff);
+    --hy-color-pal-teal-70: light-dark(#1be0a3ff, #0b5740ff);
+    --hy-color-pal-teal-90: light-dark(#73eec8ff, #052a1fff);
     --hy-color-pal-yellow-10: light-dark(#3d3313ff, #fff4ccff);
     --hy-color-pal-yellow-30: light-dark(#786518ff, #ffe998ff);
     --hy-color-pal-yellow-50: light-dark(#ffd500ff, #ffd500ff);
@@ -185,16 +185,16 @@
     --hy-color-pal-pink-50: light-dark(#de1f7aff, #de1f7aff);
     --hy-color-pal-pink-70: light-dark(#ec77afff, #841349ff);
     --hy-color-pal-pink-90: light-dark(#f9d0e4ff, #2b0618ff);
-    --hy-color-pal-brown-10: light-dark(#432902ff, #e9d9c1ff);
+    --hy-color-pal-brown-10: light-dark(#3b2606ff, #e9d9c1ff);
     --hy-color-pal-brown-30: light-dark(#744804ff, #bc8c44ff);
     --hy-color-pal-brown-50: light-dark(#a66605ff, #a66605ff);
     --hy-color-pal-brown-70: light-dark(#bc8c44ff, #744804ff);
-    --hy-color-pal-brown-90: light-dark(#e9d9c1ff, #432902ff);
-    --hy-color-pal-orange-10: light-dark(#1f0a05ff, #f6cfc6ff);
-    --hy-color-pal-orange-30: light-dark(#782712ff, #e9866dff);
-    --hy-color-pal-orange-50: light-dark(#d1431fff, #d1431fff);
-    --hy-color-pal-orange-70: light-dark(#e9866dff, #782712ff);
-    --hy-color-pal-orange-90: light-dark(#f6cfc6ff, #1f0a05ff);
+    --hy-color-pal-brown-90: light-dark(#e9d9c1ff, #392302ff);
+    --hy-color-pal-orange-10: light-dark(#432100ff, #ffe3c8ff);
+    --hy-color-pal-orange-30: light-dark(#8b4d00ff, #f5a85aff);
+    --hy-color-pal-orange-50: light-dark(#da771fff, #da771fff);
+    --hy-color-pal-orange-70: light-dark(#f5a85aff, #8b4d00ff);
+    --hy-color-pal-orange-90: light-dark(#ffe3c8ff, #432100ff);
 
     /**
     * =================================================================================

package/types/badge.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+type HyBadgeAppearanceType = 'warning' | 'error';
+declare class HyBadgeAppearanceDirective {
+    hyBadgeAppearance: i0.InputSignal<HyBadgeAppearanceType | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HyBadgeAppearanceDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HyBadgeAppearanceDirective, "[matBadge][hyBadgeAppearance]", never, { "hyBadgeAppearance": { "alias": "hyBadgeAppearance"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { HyBadgeAppearanceDirective };