@hug/hospitality 1.0.0-alpha.7 → 1.0.0-alpha.9

package/fesm2022/buttons.mjs

@@ -0,0 +1,68 @@
+import * as i0 from '@angular/core';
+import { input, Directive } from '@angular/core';
+
+/* eslint-disable @typescript-eslint/naming-convention */
+class HyButtonAppearanceDirective {
+    hyAppearance = input(null, ...(ngDevMode ? [{ debugName: "hyAppearance" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyButtonAppearanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: HyButtonAppearanceDirective, isStandalone: true, selector: "button[matButton]:not([matButton=\"outlined\"]):not([matButton=\"tonal\"]):not([matButton=\"elevated\"])", inputs: { hyAppearance: { classPropertyName: "hyAppearance", publicName: "hyAppearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.hyAppearance": "hyAppearance()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyButtonAppearanceDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[matButton]:not([matButton="outlined"]):not([matButton="tonal"]):not([matButton="elevated"])',
+                    standalone: true,
+                    host: {
+                        '[attr.hyAppearance]': 'hyAppearance()'
+                    }
+                }]
+        }], propDecorators: { hyAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "hyAppearance", required: false }] }] } });
+
+/* eslint-disable @typescript-eslint/naming-convention */
+class HyButtonSizeDirective {
+    hySize = input(null, ...(ngDevMode ? [{ debugName: "hySize" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyButtonSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: HyButtonSizeDirective, isStandalone: true, selector: "button[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: HyButtonSizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hySize]',
+                    standalone: true,
+                    host: {
+                        '[attr.hySize]': 'hySize()'
+                    }
+                }]
+        }], propDecorators: { hySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "hySize", required: false }] }] } });
+
+/* eslint-disable @typescript-eslint/naming-convention */
+class HyIconButtonAppearanceDirective {
+    hyAppearance = input(null, ...(ngDevMode ? [{ debugName: "hyAppearance" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyIconButtonAppearanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: HyIconButtonAppearanceDirective, isStandalone: true, selector: "\n        button[matIconButton][hyAppearance]\n    ", inputs: { hyAppearance: { classPropertyName: "hyAppearance", publicName: "hyAppearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.hyAppearance": "hyAppearance()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyIconButtonAppearanceDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `
+        button[matIconButton][hyAppearance]
+    `,
+                    standalone: true,
+                    host: {
+                        '[attr.hyAppearance]': 'hyAppearance()'
+                    }
+                }]
+        }], propDecorators: { hyAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "hyAppearance", required: false }] }] } });
+
+const BUTTON_DIRECTIVES = [
+    HyButtonSizeDirective,
+    HyButtonAppearanceDirective,
+    HyIconButtonAppearanceDirective
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BUTTON_DIRECTIVES, HyButtonAppearanceDirective, HyButtonSizeDirective, HyIconButtonAppearanceDirective };
+//# sourceMappingURL=buttons.mjs.map

package/fesm2022/buttons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.mjs","sources":["../../material/button/directives/button-appearance.directive.ts","../../material/button/directives/button-size.directive.ts","../../material/button/directives/icon-button-appearance.directive.ts","../../material/button/directives/button-styling.directives.ts","../../material/button/buttons.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { Directive, input } from '@angular/core';\n\nexport type HyAppearanceType = 'warning';\n\n@Directive({\n    selector: 'button[matButton]:not([matButton=\"outlined\"]):not([matButton=\"tonal\"]):not([matButton=\"elevated\"])',\n    standalone: true,\n    host: {\n        '[attr.hyAppearance]': 'hyAppearance()'\n    }\n})\nexport class HyButtonAppearanceDirective {\n    public hyAppearance = input<HyAppearanceType | null>(null);\n}\n","/* eslint-disable @typescript-eslint/naming-convention */\nimport { Directive, input } from '@angular/core';\n\nexport type HySizeType = 'small' | 'medium' | 'x-large';\n\n@Directive({\n    selector: 'button[hySize]',\n    standalone: true,\n    host: {\n        '[attr.hySize]': 'hySize()'\n    }\n})\nexport class HyButtonSizeDirective {\n    public hySize = input<HySizeType | null>(null);\n}\n","/* eslint-disable @typescript-eslint/naming-convention */\nimport { Directive, input } from '@angular/core';\n\nexport type HyAppearanceIconType = 'warning' | 'warning-filled' | 'tonal' | 'filled';\n\n@Directive({\n    selector: `\n        button[matIconButton][hyAppearance]\n    `,\n    standalone: true,\n    host: {\n        '[attr.hyAppearance]': 'hyAppearance()'\n    }\n})\nexport class HyIconButtonAppearanceDirective {\n    public hyAppearance = input<HyAppearanceIconType | null>(null);\n}\n","import { HyButtonAppearanceDirective } from './button-appearance.directive';\nimport { HyButtonSizeDirective } from './button-size.directive';\nimport { HyIconButtonAppearanceDirective } from './icon-button-appearance.directive';\n\nexport const BUTTON_DIRECTIVES = [\n    HyButtonSizeDirective,\n    HyButtonAppearanceDirective,\n    HyIconButtonAppearanceDirective\n] as const;\n\nexport {\n    HyButtonAppearanceDirective, HyButtonSizeDirective, HyIconButtonAppearanceDirective\n};\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;MAYa,2BAA2B,CAAA;AAC7B,IAAA,YAAY,GAAG,KAAK,CAA0B,IAAI,wDAAC;uGADjD,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0GAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oGAAoG;AAC9G,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,qBAAqB,EAAE;AAC1B;AACJ,iBAAA;;;ACXD;MAYa,qBAAqB,CAAA;AACvB,IAAA,MAAM,GAAG,KAAK,CAAoB,IAAI,kDAAC;uGADrC,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,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;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,eAAe,EAAE;AACpB;AACJ,iBAAA;;;ACXD;MAca,+BAA+B,CAAA;AACjC,IAAA,YAAY,GAAG,KAAK,CAA8B,IAAI,wDAAC;uGADrD,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAT3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;;AAET,IAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,qBAAqB,EAAE;AAC1B;AACJ,iBAAA;;;ACTM,MAAM,iBAAiB,GAAG;IAC7B,qBAAqB;IACrB,2BAA2B;IAC3B;;;ACPJ;;AAEG;;;;"}

package/material/actions-group/actions-group.scss

@@ -3,8 +3,7 @@ html {
 
     ngx-actions-group {
         --ngx-actions-group-gap: var(--hy-spacing-medium-small);
-        --ngx-actions-group-padding: var(--hy-spacing-small);
-
+        --ngx-actions-group-padding: var(--hy-spacing-x-small);
         --ngx-actions-group-radius: var(--hy-radius-x-large);
     }
 }

package/material/app-bar/app-bar.scss

@@ -3,6 +3,7 @@ ngx-app-bar {
     --ngx-app-bar-gap: var(--hy-spacing-x-small);
     --ngx-app-bar-condensed-gap: var(--hy-spacing-small);
     --ngx-app-bar-actions-gap: var(--hy-spacing-small);
+    --ngx-app-bar-with-subtitle-padding-block: var(--hy-spacing-x-small);
 
     --ngx-app-bar-title-font: var(--hy-typo-headline-medium-emphasized);
     --ngx-app-bar-title-letter-spacing: var(

package/material/column-bar/column-bar.scss

@@ -0,0 +1,12 @@
+ngx-column-bar {
+    --ngx-column-bar-padding: var(--hy-spacing-x-small) var(--hy-spacing-small);
+    --ngx-column-bar-title-first-child-padding-inline-start: var(
+        --hy-spacing-x-small
+    );
+
+    --ngx-column-bar-gap: var(--hy-spacing-medium);
+    --ngx-column-bar-elements-gap: var(--hy-spacing-medium);
+
+    --ngx-column-bar-actions-group-min-inline-size: 3rem;
+    --ngx-column-bar-title-min-width: 6ch;
+}

package/material/filters-group/filters-group.scss

@@ -0,0 +1,25 @@
+ngx-filters-group {
+    --ngx-filters-group-selected-label-max-width: 27ch;
+    --ngx-filters-group-title-overlay-max-width: 27ch;
+
+    --ngx-filters-group-gap: var(--hy-spacing-small);
+    --ngx-filters-group-static-gap: var(--hy-spacing-small);
+    --ngx-filters-group-overlay-content-gap: var(--hy-spacing-small);
+    --ngx-filters-group-overlay-content-filter-gap: var(--hy-spacing-small);
+
+    --ngx-filters-group-block-size: 3rem;
+    --ngx-filters-group-border-radius: var(--hy-border-radius-x-large);
+    --ngx-filters-group-first-chip-option-shape-radius: var(
+            --hy-border-radius-medium
+        )
+        var(--hy-border-radius-small) var(--hy-border-radius-small)
+        var(--hy-border-radius-medium);
+    --ngx-filters-group-overlay-border-radius: var(--hy-border-radius-small);
+    --ngx-filters-group-first-chip-shape-radius: var(--hy-border-radius-small);
+
+    --ngx-filters-group-overlay-filter-padding: var(--hy-spacing-medium);
+    --ngx-filters-group-padding-inline: var(--hy-spacing-small);
+    --ngx-filters-group-overlay-title-padding-inline: var(--hy-spacing-medium);
+    --ngx-filters-group-folded-padding-inline: var(--hy-spacing-x-small);
+    --ngx-filters-group-overlay-title-padding-block: var(--hy-spacing-medium);
+}

package/material/panel-bar/panel-bar.scss

@@ -0,0 +1,10 @@
+ngx-panel-bar {
+    --ngx-panel-bar-min-height: 3rem;
+    --ngx-panel-bar-actions-group-min-inline-size: 3rem;
+    --ngx-panel-bar-title-min-width: 6ch;
+
+    --ngx-panel-bar-padding: var(--hy-spacing-x-small) var(--hy-spacing-small);
+    --ngx-panel-bar-gap: var(--hy-spacing-medium-small);
+    --ngx-panel-bar-title-first-child-padding-start: var(--hy-spacing-x-small);
+    --ngx-panel-bar-elements-gap: var(--hy-spacing-medium-small);
+}

package/material/theme/theme.scss

@@ -2,58 +2,178 @@
 @use "./utils" as map;
 
 $override-colors: (
+    //Primary
     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-on-primary-fixed-variant),
+    primary-fixed-dim: var(--hy-color-primary-fixed-dim),
+    inverse-primary: var(--hy-color-inverse-primary),
+    //Secondary
     secondary: var(--hy-color-secondary),
     on-secondary: var(--hy-color-on-secondary),
     secondary-container: var(--hy-color-secondary-container),
     on-secondary-container: 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-on-secondary-fixed-variant),
+    secondary-fixed-dim: var(--hy-color-secondary-fixed-dim),
+    //Tertiary
     tertiary: var(--hy-color-tertiary),
     on-tertiary: var(--hy-color-on-tertiary),
     tertiary-container: var(--hy-color-tertiary-container),
     on-tertiary-container: 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-on-tertiary-fixed-variant),
+    tertiary-fixed-dim: var(--hy-color-tertiary-fixed-dim),
+    //Error
     error: var(--hy-color-error),
     on-error: var(--hy-color-on-error),
     error-container: var(--hy-color-error-container),
     on-error-container: var(--hy-color-on-error-container),
+    //Surface
     surface: var(--hy-color-surface),
-    surface-dim: var(--hy-color-surface-dim),
+    on-surface: var(--hy-color-on-surface),
+    on-surface-variant: var(--hy-color-on-surface-variant),
     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),
-    outline: var(--hy-color-outline),
-    outline-variant: var(--hy-color-outline-variant),
+    surface-container-low: var(--hy-color-surface-container-low),
+    surface-container-lowest: var(--hy-color-surface-container-lowest),
+    surface-dim: var(--hy-color-surface-dim),
+    surface-tint: var(--hy-color-surface-tint),
+    surface-variant: var(--hy-color-surface-variant),
     inverse-surface: var(--hy-color-inverse-surface),
     inverse-on-surface: var(--hy-color-inverse-on-surface),
-    inverse-primary: var(--hy-color-inverse-primary),
+    //Miscellaneous
     background: var(--hy-color-background),
     on-background: var(--hy-color-on-background),
-    surface-variant: var(--hy-color-surface-variant),
-    surface-tint: var(--hy-color-surface-tint),
+    neutral-variant20: var(--hy-color-ref-neutral-variant-20),
+    neutral10: var(--hy-color-ref-neutral-10),
+    outline: var(--hy-color-outline),
+    outline-variant: var(--hy-color-outline-variant),
     scrim: var(--hy-color-scrim),
-    shadow: var(--hy-color-shadow),
+    shadow: var(--hy-color-shadow)
 );
 
-$override-typography: ();
+$override-typography: (
+    //Body Large
+    body-large: var(--hy-typo-body-large),
+    body-large-font: var(--hy-typo-ref-body-large-font),
+    body-large-line-height: var(--hy-typo-ref-body-large-line-height),
+    body-large-size: var(--hy-typo-ref-body-large-size),
+    body-large-tracking: var(--hy-typo-ref-body-large-tracking),
+    body-large-weight: var(--hy-typo-ref-body-large-weight),
+    //Body Medium
+    body-medium: var(--hy-typo-body-medium),
+    body-medium-font: var(--hy-typo-ref-body-medium-font),
+    body-medium-line-height: var(--hy-typo-ref-body-medium-line-height),
+    body-medium-size: var(--hy-typo-ref-body-medium-size),
+    body-medium-tracking: var(--hy-typo-ref-body-medium-tracking),
+    body-medium-weight: var(--hy-typo-ref-body-medium-weight),
+    //Body Small
+    body-small: var(--hy-typo-body-small),
+    body-small-font: var(--hy-typo-ref-body-small-font),
+    body-small-line-height: var(--hy-typo-ref-body-small-line-height),
+    body-small-size: var(--hy-typo-ref-body-small-size),
+    body-small-tracking: var(--hy-typo-ref-body-small-tracking),
+    body-small-weight: var(--hy-typo-ref-body-small-weight),
+    //Display Large
+    display-large: var(--hy-typo-display-large),
+    display-large-font: var(--hy-typo-ref-display-large-font),
+    display-large-line-height: var(--hy-typo-ref-display-large-line-height),
+    display-large-size: var(--hy-typo-ref-display-large-size),
+    display-large-tracking: var(--hy-typo-ref-display-large-tracking),
+    display-large-weight: var(--hy-typo-ref-display-large-weight),
+    //Display Medium
+    display-medium: var(--hy-typo-display-medium),
+    display-medium-font: var(--hy-typo-ref-display-medium-font),
+    display-medium-line-height: var(--hy-typo-ref-display-medium-line-height),
+    display-medium-size: var(--hy-typo-ref-display-medium-size),
+    display-medium-tracking: var(--hy-typo-ref-display-medium-tracking),
+    display-medium-weight: var(--hy-typo-ref-display-medium-weight),
+    //Display Small
+    display-small: var(--hy-typo-display-small),
+    display-small-font: var(--hy-typo-ref-display-small-font),
+    display-small-line-height: var(--hy-typo-ref-display-small-line-height),
+    display-small-size: var(--hy-typo-ref-display-small-size),
+    display-small-tracking: var(--hy-typo-ref-display-small-tracking),
+    display-small-weight: var(--hy-typo-ref-display-small-weight),
+    //Headline Large
+    headline-large: var(--hy-typo-headline-large),
+    headline-large-font: var(--hy-typo-ref-headline-large-font),
+    headline-large-line-height: var(--hy-typo-ref-headline-large-line-height),
+    headline-large-size: var(--hy-typo-ref-headline-large-size),
+    headline-large-tracking: var(--hy-typo-ref-headline-large-tracking),
+    headline-large-weight: var(--hy-typo-ref-headline-large-weight),
+    //Headline Medium
+    headline-medium: var(--hy-typo-headline-medium),
+    headline-medium-font: var(--hy-typo-ref-headline-medium-font),
+    headline-medium-line-height: var(--hy-typo-ref-headline-medium-line-height),
+    headline-medium-size: var(--hy-typo-ref-headline-medium-size),
+    headline-medium-tracking: var(--hy-typo-ref-headline-medium-tracking),
+    headline-medium-weight: var(--hy-typo-ref-headline-medium-weight),
+    //Headline Small
+    headline-small: var(--hy-typo-headline-small),
+    headline-small-font: var(--hy-typo-ref-headline-small-font),
+    headline-small-line-height: var(--hy-typo-ref-headline-small-line-height),
+    headline-small-size: var(--hy-typo-ref-headline-small-size),
+    headline-small-tracking: var(--hy-typo-ref-headline-small-tracking),
+    headline-small-weight: var(--hy-typo-ref-headline-small-weight),
+    //Label Large
+    label-large: var(--hy-typo-label-large),
+    label-large-font: var(--hy-typo-ref-label-large-font),
+    label-large-line-height: var(--hy-typo-ref-label-large-line-height),
+    label-large-size: var(--hy-typo-ref-label-large-size),
+    label-large-tracking: var(--hy-typo-ref-label-large-tracking),
+    label-large-weight: var(--hy-typo-ref-label-large-weight),
+    label-large-weight-prominent: var(
+            --hy-typo-ref-label-large-weight-emphasized
+        ),
+    //Label Medium
+    label-medium: var(--hy-typo-label-medium),
+    label-medium-font: var(--hy-typo-ref-label-medium-font),
+    label-medium-line-height: var(--hy-typo-ref-label-medium-line-height),
+    label-medium-size: var(--hy-typo-ref-label-medium-size),
+    label-medium-tracking: var(--hy-typo-ref-label-medium-tracking),
+    label-medium-weight: var(--hy-typo-ref-label-medium-weight),
+    label-medium-weight-prominent: var(
+            --hy-typo-ref-label-medium-weight-emphasized
+        ),
+    //Label Small
+    label-small: var(--hy-typo-label-small),
+    label-small-font: var(--hy-typo-ref-label-small-font),
+    label-small-line-height: var(--hy-typo-ref-label-small-line-height),
+    label-small-size: var(--hy-typo-ref-label-small-size),
+    label-small-tracking: var(--hy-typo-ref-label-small-tracking),
+    label-small-weight: var(--hy-typo-ref-label-small-weight),
+    //Title Large
+    title-large: var(--hy-typo-title-large),
+    title-large-font: var(--hy-typo-ref-title-large-font),
+    title-large-line-height: var(--hy-typo-ref-title-large-line-height),
+    title-large-size: var(--hy-typo-ref-title-large-size),
+    title-large-tracking: var(--hy-typo-ref-title-large-tracking),
+    title-large-weight: var(--hy-typo-ref-title-large-weight),
+    //Title Medium
+    title-medium: var(--hy-typo-title-medium),
+    title-medium-font: var(--hy-typo-ref-title-medium-font),
+    title-medium-line-height: var(--hy-typo-ref-title-medium-line-height),
+    title-medium-size: var(--hy-typo-ref-title-medium-size),
+    title-medium-tracking: var(--hy-typo-ref-title-medium-tracking),
+    title-medium-weight: var(--hy-typo-ref-title-medium-weight),
+    //Title Small
+    title-small: var(--hy-typo-title-small),
+    title-small-font: var(--hy-typo-ref-title-small-font),
+    title-small-line-height: var(--hy-typo-ref-title-small-line-height),
+    title-small-size: var(--hy-typo-ref-title-small-size),
+    title-small-tracking: var(--hy-typo-ref-title-small-tracking),
+    title-small-weight: var(--hy-typo-ref-title-small-weight)
+);
 
 $override-density: ();
 

package/package.json

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

package/types/buttons.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+
+declare class HyButtonAppearanceDirective {
+    hyAppearance: i0.InputSignal<"warning" | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HyButtonAppearanceDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HyButtonAppearanceDirective, "button[matButton]:not([matButton=\"outlined\"]):not([matButton=\"tonal\"]):not([matButton=\"elevated\"])", never, { "hyAppearance": { "alias": "hyAppearance"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type HySizeType = 'small' | 'medium' | 'x-large';
+declare class HyButtonSizeDirective {
+    hySize: i0.InputSignal<HySizeType | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HyButtonSizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HyButtonSizeDirective, "button[hySize]", never, { "hySize": { "alias": "hySize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type HyAppearanceIconType = 'warning' | 'warning-filled' | 'tonal' | 'filled';
+declare class HyIconButtonAppearanceDirective {
+    hyAppearance: i0.InputSignal<HyAppearanceIconType | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HyIconButtonAppearanceDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HyIconButtonAppearanceDirective, "        button[matIconButton][hyAppearance]    ", never, { "hyAppearance": { "alias": "hyAppearance"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const BUTTON_DIRECTIVES: readonly [typeof HyButtonSizeDirective, typeof HyButtonAppearanceDirective, typeof HyIconButtonAppearanceDirective];
+
+export { BUTTON_DIRECTIVES, HyButtonAppearanceDirective, HyButtonSizeDirective, HyIconButtonAppearanceDirective };