@hug/hospitality 1.0.0-alpha.39 → 1.0.0-alpha.41

package/material/form-field/form-field.scss

@@ -87,6 +87,9 @@ mat-form-field {
     .mat-mdc-form-field-icon-suffix,
     .mat-mdc-form-field-icon-prefix {
         width: 3rem;
+        display: flex;
+        justify-content: center;
+
         button {
             margin: 0 var(--hy-spacing-x-small);
         }

package/material/scrollbar/scrollbar.scss

@@ -6,9 +6,9 @@
 ::-webkit-scrollbar-thumb {
     transition: 0.3s ease-in-out;
     border-radius: 6px;
-    background-color: var(--mat-sys-outline-variant);
+    background-color: var(--hy-color-outline-variant);
 
     &:hover {
-        background-color: var(--mat-sys-outline);
+        background-color: var(--hy-color-outline);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hug/hospitality",
-  "version": "1.0.0-alpha.39",
+  "version": "1.0.0-alpha.41",
   "description": "Hospitality Design System",
   "homepage": "https://github.com/dsi-hug/hospitality",
   "license": "GPL-3.0-only",
@@ -23,11 +23,6 @@
     "./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/fesm2022/badge.mjs

@@ -1,26 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/material/badge/badge.scss

@@ -1,43 +0,0 @@
-@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-highest),
-                    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-highest),
-                        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-highest),
-                        transparent
-                    ),
-            )
-        );
-    }
-}

package/types/badge.d.ts

@@ -1,10 +0,0 @@
-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 };