@hug/hospitality 0.0.4-alpha.9 → 1.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/fesm2022/buttons.mjs +69 -0
  2. package/fesm2022/buttons.mjs.map +1 -0
  3. package/fesm2022/core.mjs +31 -0
  4. package/fesm2022/core.mjs.map +1 -0
  5. package/{src/components/form-field/form-field.provider.mjs → fesm2022/form-field.mjs} +8 -1
  6. package/fesm2022/form-field.mjs.map +1 -0
  7. package/fesm2022/hug-hospitality.mjs +4 -0
  8. package/fesm2022/hug-hospitality.mjs.map +1 -0
  9. package/fesm2022/tokens.mjs +5176 -0
  10. package/fesm2022/tokens.mjs.map +1 -0
  11. package/material/actions-group/actions-group.scss +9 -0
  12. package/material/app-bar/app-bar.scss +16 -0
  13. package/material/button/button.scss +226 -0
  14. package/material/column-bar/column-bar.scss +12 -0
  15. package/material/dialog/dialog.scss +29 -0
  16. package/material/filters-group/filters-group.scss +25 -0
  17. package/{src/components/form-field/form-fields.scss → material/form-field/form-field.scss} +10 -9
  18. package/material/layout/layout.scss +6 -0
  19. package/material/main-bar/main-bar.scss +6 -0
  20. package/material/panel/panel.scss +8 -0
  21. package/material/panel-bar/panel-bar.scss +10 -0
  22. package/material/search-bar-container/search-bar-container.scss +13 -0
  23. package/material/theme/theme.scss +191 -0
  24. package/material/theme/utils.scss +10 -0
  25. package/package.json +112 -82
  26. package/{src/tokens → tokens}/tokens.css +225 -130
  27. package/types/buttons.d.ts +25 -0
  28. package/types/core.d.ts +11 -0
  29. package/types/form-field.d.ts +5 -0
  30. package/types/hug-hospitality.d.ts +2 -0
  31. package/types/tokens.d.ts +37 -0
  32. package/src/components/form-field/form-field.provider.d.ts +0 -3
  33. package/src/material/theme/theme.scss +0 -65
  34. package/src/tokens/index.d.ts +0 -14
  35. package/src/tokens/index.mjs +0 -3
  36. package/src/tokens/tokens.json +0 -5042
@@ -0,0 +1,69 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, Directive } from '@angular/core';
3
+
4
+ /* eslint-disable @typescript-eslint/naming-convention */
5
+ class HyButtonAppearanceDirective {
6
+ hyAppearance = input(null, ...(ngDevMode ? [{ debugName: "hyAppearance" }] : []));
7
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyButtonAppearanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
8
+ 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 });
9
+ }
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyButtonAppearanceDirective, decorators: [{
11
+ type: Directive,
12
+ args: [{
13
+ selector: 'button[matButton]:not([matButton="outlined"]):not([matButton="tonal"]):not([matButton="elevated"])',
14
+ standalone: true,
15
+ host: {
16
+ '[attr.hyAppearance]': 'hyAppearance()'
17
+ }
18
+ }]
19
+ }], propDecorators: { hyAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "hyAppearance", required: false }] }] } });
20
+
21
+ /* eslint-disable @typescript-eslint/naming-convention */
22
+ class HyButtonSizeDirective {
23
+ hySize = input(null, ...(ngDevMode ? [{ debugName: "hySize" }] : []));
24
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyButtonSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
25
+ 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 });
26
+ }
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyButtonSizeDirective, decorators: [{
28
+ type: Directive,
29
+ args: [{
30
+ selector: 'button[hySize]',
31
+ standalone: true,
32
+ host: {
33
+ '[attr.hySize]': 'hySize()'
34
+ }
35
+ }]
36
+ }], propDecorators: { hySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "hySize", required: false }] }] } });
37
+
38
+ /* eslint-disable @typescript-eslint/naming-convention */
39
+ class HyIconButtonAppearanceDirective {
40
+ hyAppearance = input(null, ...(ngDevMode ? [{ debugName: "hyAppearance" }] : []));
41
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyIconButtonAppearanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
42
+ 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 });
43
+ }
44
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HyIconButtonAppearanceDirective, decorators: [{
45
+ type: Directive,
46
+ args: [{
47
+ selector: `
48
+ button[matIconButton][hyAppearance]
49
+ `,
50
+ standalone: true,
51
+ host: {
52
+ '[attr.hyAppearance]': 'hyAppearance()'
53
+ }
54
+ }]
55
+ }], propDecorators: { hyAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "hyAppearance", required: false }] }] } });
56
+
57
+ // eslint-disable-next-line @typescript-eslint/naming-convention
58
+ const ButtonStylingDirectives = [
59
+ HyButtonSizeDirective,
60
+ HyButtonAppearanceDirective,
61
+ HyIconButtonAppearanceDirective
62
+ ];
63
+
64
+ /**
65
+ * Generated bundle index. Do not edit.
66
+ */
67
+
68
+ export { ButtonStylingDirectives, HyButtonAppearanceDirective, HyButtonSizeDirective, HyIconButtonAppearanceDirective };
69
+ //# sourceMappingURL=buttons.mjs.map
@@ -0,0 +1 @@
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\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const ButtonStylingDirectives = [\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;;;ACTD;AACO,MAAM,uBAAuB,GAAG;IACnC,qBAAqB;IACrB,2BAA2B;IAC3B;;;ACRJ;;AAEG;;;;"}
@@ -0,0 +1,31 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, Directive } from '@angular/core';
3
+
4
+ /* eslint-disable @typescript-eslint/naming-convention */
5
+ class ComponentsStylingDirective {
6
+ hySize = input(null, { ...(ngDevMode ? { debugName: "hySize" } : {}), alias: 'hy-size' });
7
+ hyAppearance = input(null, { ...(ngDevMode ? { debugName: "hyAppearance" } : {}), alias: 'hy-appearance' });
8
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ComponentsStylingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
9
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ComponentsStylingDirective, isStandalone: true, selector: "\n [hy-size],\n [hy-appearance]\n ", inputs: { hySize: { classPropertyName: "hySize", publicName: "hy-size", isSignal: true, isRequired: false, transformFunction: null }, hyAppearance: { classPropertyName: "hyAppearance", publicName: "hy-appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.hy-size": "hySize()", "attr.hy-appearance": "hyAppearance()" } }, ngImport: i0 });
10
+ }
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ComponentsStylingDirective, decorators: [{
12
+ type: Directive,
13
+ args: [{
14
+ selector: `
15
+ [hy-size],
16
+ [hy-appearance]
17
+ `,
18
+ standalone: true,
19
+ host: {
20
+ '[attr.hy-size]': 'hySize()',
21
+ '[attr.hy-appearance]': 'hyAppearance()'
22
+ }
23
+ }]
24
+ }], propDecorators: { hySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "hy-size", required: false }] }], hyAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "hy-appearance", required: false }] }] } });
25
+
26
+ /**
27
+ * Generated bundle index. Do not edit.
28
+ */
29
+
30
+ export { ComponentsStylingDirective };
31
+ //# sourceMappingURL=core.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"core.mjs","sources":["../../material/core/directives/components-styling.directive.ts","../../material/core/core.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { Directive, input } from '@angular/core';\n\nexport type HySizeType = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';\n\n@Directive({\n selector: `\n [hy-size],\n [hy-appearance]\n `,\n standalone: true,\n host: {\n '[attr.hy-size]': 'hySize()',\n '[attr.hy-appearance]': 'hyAppearance()'\n }\n})\nexport class ComponentsStylingDirective {\n public hySize = input<HySizeType | null>(null, { alias: 'hy-size' });\n public hyAppearance = input<string | null>(null, { alias: 'hy-appearance' });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;MAgBa,0BAA0B,CAAA;IAC5B,MAAM,GAAG,KAAK,CAAoB,IAAI,mDAAI,KAAK,EAAE,SAAS,EAAA,CAAG;IAC7D,YAAY,GAAG,KAAK,CAAgB,IAAI,yDAAI,KAAK,EAAE,eAAe,EAAA,CAAG;uGAFnE,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;;;AAGT,IAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,gBAAgB,EAAE,UAAU;AAC5B,wBAAA,sBAAsB,EAAE;AAC3B;AACJ,iBAAA;;;ACfD;;AAEG;;;;"}
@@ -1,6 +1,13 @@
1
1
  import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
2
2
 
3
- export const provideHyFormField = () => ({
3
+ const provideHyFormField = () => ({
4
4
  provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
5
5
  useValue: { appearance: 'outline' }
6
6
  });
7
+
8
+ /**
9
+ * Generated bundle index. Do not edit.
10
+ */
11
+
12
+ export { provideHyFormField };
13
+ //# sourceMappingURL=form-field.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-field.mjs","sources":["../../material/form-field/form-field.provider.ts","../../material/form-field/form-field.ts"],"sourcesContent":["import type { Provider } from '@angular/core';\nimport { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';\n\nexport const provideHyFormField = (): Provider => ({\n provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: { appearance: 'outline' }\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAGO,MAAM,kBAAkB,GAAG,OAAiB;AAC/C,IAAA,OAAO,EAAE,8BAA8B;AACvC,IAAA,QAAQ,EAAE,EAAE,UAAU,EAAE,SAAS;AACpC,CAAA;;ACND;;AAEG;;;;"}
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ //# sourceMappingURL=hug-hospitality.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hug-hospitality.mjs","sources":["../../hug-hospitality.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG"}