@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.
- package/fesm2022/buttons.mjs +69 -0
- package/fesm2022/buttons.mjs.map +1 -0
- package/fesm2022/core.mjs +31 -0
- package/fesm2022/core.mjs.map +1 -0
- package/{src/components/form-field/form-field.provider.mjs → fesm2022/form-field.mjs} +8 -1
- package/fesm2022/form-field.mjs.map +1 -0
- package/fesm2022/hug-hospitality.mjs +4 -0
- package/fesm2022/hug-hospitality.mjs.map +1 -0
- package/fesm2022/tokens.mjs +5176 -0
- package/fesm2022/tokens.mjs.map +1 -0
- package/material/actions-group/actions-group.scss +9 -0
- package/material/app-bar/app-bar.scss +16 -0
- package/material/button/button.scss +226 -0
- package/material/column-bar/column-bar.scss +12 -0
- package/material/dialog/dialog.scss +29 -0
- package/material/filters-group/filters-group.scss +25 -0
- package/{src/components/form-field/form-fields.scss → material/form-field/form-field.scss} +10 -9
- package/material/layout/layout.scss +6 -0
- package/material/main-bar/main-bar.scss +6 -0
- package/material/panel/panel.scss +8 -0
- package/material/panel-bar/panel-bar.scss +10 -0
- package/material/search-bar-container/search-bar-container.scss +13 -0
- package/material/theme/theme.scss +191 -0
- package/material/theme/utils.scss +10 -0
- package/package.json +112 -82
- package/{src/tokens → tokens}/tokens.css +225 -130
- package/types/buttons.d.ts +25 -0
- package/types/core.d.ts +11 -0
- package/types/form-field.d.ts +5 -0
- package/types/hug-hospitality.d.ts +2 -0
- package/types/tokens.d.ts +37 -0
- package/src/components/form-field/form-field.provider.d.ts +0 -3
- package/src/material/theme/theme.scss +0 -65
- package/src/tokens/index.d.ts +0 -14
- package/src/tokens/index.mjs +0 -3
- 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
|
-
|
|
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 @@
|
|
|
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"}
|