@hug/hospitality 1.0.0-alpha.47 → 1.0.0-alpha.48

package/fesm2022/chips.mjs

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

package/fesm2022/chips.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips.mjs","sources":["../../material/chips/directives/chips-color.directive.ts","../../material/chips/directives/chips-size.directive.ts","../../material/chips/directives/chips-styling.directives.ts","../../material/chips/chips.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { Directive, input } from '@angular/core';\n\n@Directive({\n    selector: 'mat-chip[hyColor]',\n    standalone: true,\n    host: {\n        '[attr.hyColor]': 'hyColor()'\n    }\n})\nexport class HyChipColorDirective {\n    public hyColor = input<boolean | null>(null);\n}\n","/* eslint-disable @typescript-eslint/naming-convention */\nimport { Directive, input } from '@angular/core';\n\nexport type HySizeType = 'x-small' | 'medium';\n\n@Directive({\n    selector: 'mat-chip[hySize]',\n    standalone: true,\n    host: {\n        '[attr.hySize]': 'hySize()'\n    }\n})\nexport class HyChipSizeDirective {\n    public hySize = input<HySizeType | null>(null);\n}\n","import { HyChipColorDirective } from './chips-color.directive';\nimport { HyChipSizeDirective } from './chips-size.directive';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const HyChipStylingDirectives = [\n    HyChipSizeDirective,\n    HyChipColorDirective\n] as const;\n\nexport {\n    HyChipColorDirective, HyChipSizeDirective\n};\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;MAUa,oBAAoB,CAAA;AACtB,IAAA,OAAO,GAAG,KAAK,CAAiB,IAAI,mDAAC;uGADnC,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,gBAAgB,EAAE;AACrB;AACJ,iBAAA;;;ACTD;MAYa,mBAAmB,CAAA;AACrB,IAAA,MAAM,GAAG,KAAK,CAAoB,IAAI,kDAAC;uGADrC,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,eAAe,EAAE;AACpB;AACJ,iBAAA;;;ACRD;AACO,MAAM,uBAAuB,GAAG;IACnC,mBAAmB;IACnB;;;ACNJ;;AAEG;;;;"}

package/material/chips/chips.scss

@@ -1,24 +1,28 @@
 @use "@angular/material" as mat;
 
 mat-chip {
-    &[hy-color] {
+    &[hyColor] {
         @include mat.chips-overrides(
             (
-                elevated-container-color: var(--hy-color-warning-container),
-                label-text-color: var(--hy-color-on-warning-container),
-                elevated-disabled-container-color: color-mix(
-                        in srgb,
-                        var(--hy-color-on-surface) var(--hy-state-layer-small),
-                        transparent
+                elevated-container-color: var(
+                        --hy-chips-color-background,
+                        var(--hy-color-warning-container)
+                    ),
+                label-text-color: var(
+                        --hy-chips-text-icon-color,
+                        var(--hy-color-on-warning-container)
                     ),
                 outline-color: transparent,
                 disabled-outline-color: transparent,
-                hover-state-layer-color: var(--hy-color-on-warning-container),
+                hover-state-layer-color: var(
+                        --hy-chips-text-icon-color,
+                        var(--hy-color-on-warning-container)
+                    ),
             )
         );
     }
 
-    &[hy-size="x-small"] {
+    &[hySize="x-small"] {
         @include mat.chips-overrides(
             (
                 container-height: 20px,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hug/hospitality",
-  "version": "1.0.0-alpha.47",
+  "version": "1.0.0-alpha.48",
   "description": "Hospitality Design System",
   "homepage": "https://github.com/dsi-hug/hospitality",
   "license": "GPL-3.0-only",
@@ -34,7 +34,9 @@
       "default": "./fesm2022/checkbox.mjs"
     },
     "./material/chips": {
-      "sass": "./material/chips/chips.scss"
+      "sass": "./material/chips/chips.scss",
+      "types": "./types/chips.d.ts",
+      "default": "./fesm2022/chips.mjs"
     },
     "./material/dialog": {
       "sass": "./material/dialog/dialog.scss"

package/types/chips.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+
+declare class HyChipColorDirective {
+    hyColor: i0.InputSignal<boolean | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HyChipColorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HyChipColorDirective, "mat-chip[hyColor]", never, { "hyColor": { "alias": "hyColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type HySizeType = 'x-small' | 'medium';
+declare class HyChipSizeDirective {
+    hySize: i0.InputSignal<HySizeType | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HyChipSizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HyChipSizeDirective, "mat-chip[hySize]", never, { "hySize": { "alias": "hySize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const HyChipStylingDirectives: readonly [typeof HyChipSizeDirective, typeof HyChipColorDirective];
+
+export { HyChipColorDirective, HyChipSizeDirective, HyChipStylingDirectives };