@hmscodes/honey-core 1.0.18 → 1.0.20
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/.editorconfig +17 -0
- package/.vscode/extensions.json +4 -0
- package/.vscode/launch.json +20 -0
- package/.vscode/tasks.json +42 -0
- package/README.md +14 -18
- package/angular.json +64 -0
- package/package.json +45 -24
- package/projects/honey-core/.storybook/main.ts +18 -0
- package/projects/honey-core/.storybook/preview.ts +14 -0
- package/projects/honey-core/.storybook/tsconfig.json +11 -0
- package/projects/honey-core/.storybook/typings.d.ts +4 -0
- package/projects/honey-core/README.md +63 -0
- package/projects/honey-core/ng-package.json +8 -0
- package/projects/honey-core/package.json +20 -0
- package/projects/honey-core/src/lib/components/button/button.component.html +11 -0
- package/projects/honey-core/src/lib/components/button/button.component.scss +25 -0
- package/projects/honey-core/src/lib/components/button/button.component.spec.ts +23 -0
- package/projects/honey-core/src/lib/components/button/button.component.ts +38 -0
- package/projects/honey-core/src/lib/components/input/input-floating-label.component.html +10 -0
- package/projects/honey-core/src/lib/components/input/input-floating-label.component.scss +37 -0
- package/projects/honey-core/src/lib/components/input/input-floating-label.component.spec.ts +22 -0
- package/projects/honey-core/src/lib/components/input/input-floating-label.component.ts +18 -0
- package/projects/honey-core/src/lib/components/input-dropdown/hc-input-dropdown.component.html +23 -0
- package/projects/honey-core/src/lib/components/input-dropdown/hc-input-dropdown.component.scss +67 -0
- package/projects/honey-core/src/lib/components/input-dropdown/hc-input-dropdown.component.ts +44 -0
- package/projects/honey-core/src/lib/honey-core.component.spec.ts +23 -0
- package/projects/honey-core/src/lib/honey-core.component.ts +15 -0
- package/projects/honey-core/src/lib/honey-core.service.spec.ts +16 -0
- package/projects/honey-core/src/lib/honey-core.service.ts +9 -0
- package/{public-api.d.ts → projects/honey-core/src/public-api.ts} +5 -0
- package/projects/honey-core/src/stories/.eslintrc.json +5 -0
- package/projects/honey-core/src/stories/Colors.mdx +40 -0
- package/projects/honey-core/src/stories/Presentation.mdx +7 -0
- package/projects/honey-core/src/stories/button.component.stories.ts +80 -0
- package/projects/honey-core/src/stories/button.css +30 -0
- package/projects/honey-core/src/stories/hc-input-dropdown.stories.ts +36 -0
- package/projects/honey-core/src/stories/input-floating-label.component.stories.ts +25 -0
- package/projects/honey-core/src/stories/user.ts +3 -0
- package/projects/honey-core/styles/hc-button.scss +174 -0
- package/projects/honey-core/styles/variables.css +43 -0
- package/projects/honey-core/tsconfig.lib.json +15 -0
- package/projects/honey-core/tsconfig.lib.prod.json +11 -0
- package/projects/honey-core/tsconfig.spec.json +15 -0
- package/tsconfig.json +32 -0
- package/fesm2022/hmscodes-honey-core.mjs +0 -104
- package/fesm2022/hmscodes-honey-core.mjs.map +0 -1
- package/index.d.ts +0 -5
- package/lib/components/button/button.component.d.ts +0 -19
- package/lib/components/input/input-floating-label.component.d.ts +0 -11
- package/lib/honey-core.component.d.ts +0 -5
- package/lib/honey-core.service.d.ts +0 -6
- package/styles/variables.css +0 -24
package/tsconfig.json
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
|
|
2
|
+
/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
|
|
3
|
+
{
|
|
4
|
+
"compileOnSave": false,
|
|
5
|
+
"compilerOptions": {
|
|
6
|
+
"outDir": "./dist/out-tsc",
|
|
7
|
+
"strict": true,
|
|
8
|
+
"paths": {
|
|
9
|
+
"honey-core": [
|
|
10
|
+
"./dist/honey-core"
|
|
11
|
+
]
|
|
12
|
+
},
|
|
13
|
+
"noImplicitOverride": true,
|
|
14
|
+
"noPropertyAccessFromIndexSignature": true,
|
|
15
|
+
"noImplicitReturns": true,
|
|
16
|
+
"noFallthroughCasesInSwitch": true,
|
|
17
|
+
"skipLibCheck": true,
|
|
18
|
+
"isolatedModules": true,
|
|
19
|
+
"esModuleInterop": true,
|
|
20
|
+
"experimentalDecorators": true,
|
|
21
|
+
"moduleResolution": "bundler",
|
|
22
|
+
"importHelpers": true,
|
|
23
|
+
"target": "ES2022",
|
|
24
|
+
"module": "ES2022"
|
|
25
|
+
},
|
|
26
|
+
"angularCompilerOptions": {
|
|
27
|
+
"enableI18nLegacyMessageIdFormat": false,
|
|
28
|
+
"strictInjectionParameters": true,
|
|
29
|
+
"strictInputAccessModifiers": true,
|
|
30
|
+
"strictTemplates": true
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, EventEmitter, Output, Input } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/forms';
|
|
4
|
-
import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
-
|
|
6
|
-
class HoneyCoreService {
|
|
7
|
-
constructor() { }
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
9
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreService, providedIn: 'root' });
|
|
10
|
-
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreService, decorators: [{
|
|
12
|
-
type: Injectable,
|
|
13
|
-
args: [{
|
|
14
|
-
providedIn: 'root'
|
|
15
|
-
}]
|
|
16
|
-
}], ctorParameters: () => [] });
|
|
17
|
-
|
|
18
|
-
class HoneyCoreComponent {
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: HoneyCoreComponent, isStandalone: true, selector: "lib-honey-core", ngImport: i0, template: `
|
|
21
|
-
<p>
|
|
22
|
-
honey-core works!
|
|
23
|
-
</p>
|
|
24
|
-
`, isInline: true, styles: [""] });
|
|
25
|
-
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreComponent, decorators: [{
|
|
27
|
-
type: Component,
|
|
28
|
-
args: [{ selector: 'lib-honey-core', imports: [], template: `
|
|
29
|
-
<p>
|
|
30
|
-
honey-core works!
|
|
31
|
-
</p>
|
|
32
|
-
` }]
|
|
33
|
-
}] });
|
|
34
|
-
|
|
35
|
-
class HcButtonComponent {
|
|
36
|
-
/** Style of the button */
|
|
37
|
-
style = 's-solid';
|
|
38
|
-
/** What color to use for the button */
|
|
39
|
-
color = 'c-primary';
|
|
40
|
-
/** Size of the button */
|
|
41
|
-
size = null;
|
|
42
|
-
/** Disabled state of the button */
|
|
43
|
-
disabled = false;
|
|
44
|
-
/** Whether the button is in a loading state */
|
|
45
|
-
loading = false;
|
|
46
|
-
/** Optional click handler */
|
|
47
|
-
onClick = new EventEmitter();
|
|
48
|
-
get classes() {
|
|
49
|
-
return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];
|
|
50
|
-
}
|
|
51
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HcButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HcButtonComponent, isStandalone: true, selector: "hc-button", inputs: { style: "style", color: "color", size: "size", disabled: "disabled", loading: "loading" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n@if (!loading) {\n <ng-content />\n}\n</button>", styles: [".hc-button.s-plain,.hc-button.s-hollow,.hc-button.s-solid{--color-button: var(--color);--color-button-hover: var(--hover-color);--width: fit-content;--height: 36px;--h-padding: 24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-button);font-weight:400;gap:8px;box-sizing:border-box;width:var(--width);height:var(--height);padding:0px var(--h-padding);white-space:nowrap;outline:none;border:1px solid transparent;border-radius:12px;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer}.hc-button.s-plain:disabled,.hc-button.s-hollow:disabled,.hc-button.s-solid:disabled{color:var(--hc-disabled-text);background:var(--hc-disabled-bg);border-color:var(--hc-disabled-bg);cursor:not-allowed}.hc-button.c-initial{--color-button: var(--hc-text-strong);--color-button-hover: var(--hc-text-strong)}.hc-button.c-primary{--color-button: var(--hc-background-primary);--color-button-hover: var(--hc-background-primary-hover)}.hc-button.c-secondary{color:var(--hc-brown-600)!important;--color-button: var(--hc-background-secondary);--color-button-hover: var(--hc-background-secondary-hover)}.hc-button.s-solid{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-solid:not(:disabled):hover{background:var(--color-button-hover)}.hc-button.s-hollow{color:var(--color-button);background:transparent;border-color:var(--color-button)}.hc-button.s-hollow:not(:disabled):hover{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-hollow:disabled{background:transparent;color:var(--cds-text-light)}.hc-button.s-plain{--height: 28px;--h-padding: 16px;color:var(--color-button);background:transparent;border-color:transparent}.hc-button.s-plain:not(:disabled):hover{color:var(--color-button-hover);background:transparent;border-color:transparent}.hc-button.s-plain:disabled{color:var(--hc-button-disabled-foreground);background:transparent;border-color:transparent}.hc-button.v-underlined{text-decoration:underline}.hc-button.h-small{--height: 32px;--h-padding: 16px;font-size:12px}.hc-button.w-stretch{--width: 100%}:root body[cds-theme=dark] .s-solid:disabled{background:hsla(var(--cds-primary-500-hsl),.5)}:root body[cds-theme=dark] .hc-primary:disabled{color:hsla(var(--cds-primary-400-hsl),.5);background:transparent;border-color:hsla(var(--cds-primary-400-hsl),.5)}:root body[cds-theme=dark] .hc-button.s-solid:disabled{background:hsla(var(--color-button-hsl),.5);border-color:transparent}button{font-size:50px}button.loading{position:relative}button.loading:before{content:\"...\";position:absolute;top:-10px;color:var(--hc-text-white);font-size:32px;animation:dotAnimation 1.5s infinite steps(4)}@keyframes dotAnimation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}}\n"] });
|
|
53
|
-
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HcButtonComponent, decorators: [{
|
|
55
|
-
type: Component,
|
|
56
|
-
args: [{ selector: 'hc-button', imports: [], standalone: true, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n@if (!loading) {\n <ng-content />\n}\n</button>", styles: [".hc-button.s-plain,.hc-button.s-hollow,.hc-button.s-solid{--color-button: var(--color);--color-button-hover: var(--hover-color);--width: fit-content;--height: 36px;--h-padding: 24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-button);font-weight:400;gap:8px;box-sizing:border-box;width:var(--width);height:var(--height);padding:0px var(--h-padding);white-space:nowrap;outline:none;border:1px solid transparent;border-radius:12px;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer}.hc-button.s-plain:disabled,.hc-button.s-hollow:disabled,.hc-button.s-solid:disabled{color:var(--hc-disabled-text);background:var(--hc-disabled-bg);border-color:var(--hc-disabled-bg);cursor:not-allowed}.hc-button.c-initial{--color-button: var(--hc-text-strong);--color-button-hover: var(--hc-text-strong)}.hc-button.c-primary{--color-button: var(--hc-background-primary);--color-button-hover: var(--hc-background-primary-hover)}.hc-button.c-secondary{color:var(--hc-brown-600)!important;--color-button: var(--hc-background-secondary);--color-button-hover: var(--hc-background-secondary-hover)}.hc-button.s-solid{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-solid:not(:disabled):hover{background:var(--color-button-hover)}.hc-button.s-hollow{color:var(--color-button);background:transparent;border-color:var(--color-button)}.hc-button.s-hollow:not(:disabled):hover{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-hollow:disabled{background:transparent;color:var(--cds-text-light)}.hc-button.s-plain{--height: 28px;--h-padding: 16px;color:var(--color-button);background:transparent;border-color:transparent}.hc-button.s-plain:not(:disabled):hover{color:var(--color-button-hover);background:transparent;border-color:transparent}.hc-button.s-plain:disabled{color:var(--hc-button-disabled-foreground);background:transparent;border-color:transparent}.hc-button.v-underlined{text-decoration:underline}.hc-button.h-small{--height: 32px;--h-padding: 16px;font-size:12px}.hc-button.w-stretch{--width: 100%}:root body[cds-theme=dark] .s-solid:disabled{background:hsla(var(--cds-primary-500-hsl),.5)}:root body[cds-theme=dark] .hc-primary:disabled{color:hsla(var(--cds-primary-400-hsl),.5);background:transparent;border-color:hsla(var(--cds-primary-400-hsl),.5)}:root body[cds-theme=dark] .hc-button.s-solid:disabled{background:hsla(var(--color-button-hsl),.5);border-color:transparent}button{font-size:50px}button.loading{position:relative}button.loading:before{content:\"...\";position:absolute;top:-10px;color:var(--hc-text-white);font-size:32px;animation:dotAnimation 1.5s infinite steps(4)}@keyframes dotAnimation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}}\n"] }]
|
|
57
|
-
}], propDecorators: { style: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], color: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], size: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}], disabled: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], loading: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], onClick: [{
|
|
68
|
-
type: Output
|
|
69
|
-
}] } });
|
|
70
|
-
|
|
71
|
-
class InputFloatingLabelComponent {
|
|
72
|
-
id = 'hc-input';
|
|
73
|
-
label = 'Label';
|
|
74
|
-
type = 'text';
|
|
75
|
-
required = false;
|
|
76
|
-
control = new UntypedFormControl('');
|
|
77
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: InputFloatingLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: InputFloatingLabelComponent, isStandalone: true, selector: "hc-input-floating-label", inputs: { id: "id", label: "label", type: "type", required: "required", control: "control" }, ngImport: i0, template: "<fieldset class=\"hc-input\">\n <input\n [id]=\"id\"\n [type]=\"type\"\n [required]=\"required\"\n [formControl]=\"control\"\n placeholder=\" \"\n />\n <label [for]=\"id\">{{ label }}</label>\n</fieldset>\n", styles: [".hc-input{position:relative;border:none;padding:0;margin:1rem 0}.hc-input input{width:100%;padding:1.2rem .8rem .4rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.hc-input input:focus{outline:none;border-color:var(--hc-primary-500)}.hc-input input:focus+label,.hc-input input:not(:placeholder-shown)+label{transform:translateY(-1rem);font-size:.75rem;color:var(--hc-primary-500)}.hc-input label{position:absolute;left:.8rem;top:1rem;transition:all .2s ease;pointer-events:none;color:#666;background-color:#fff;padding:0 .2rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
79
|
-
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: InputFloatingLabelComponent, decorators: [{
|
|
81
|
-
type: Component,
|
|
82
|
-
args: [{ selector: 'hc-input-floating-label', imports: [ReactiveFormsModule], standalone: true, template: "<fieldset class=\"hc-input\">\n <input\n [id]=\"id\"\n [type]=\"type\"\n [required]=\"required\"\n [formControl]=\"control\"\n placeholder=\" \"\n />\n <label [for]=\"id\">{{ label }}</label>\n</fieldset>\n", styles: [".hc-input{position:relative;border:none;padding:0;margin:1rem 0}.hc-input input{width:100%;padding:1.2rem .8rem .4rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.hc-input input:focus{outline:none;border-color:var(--hc-primary-500)}.hc-input input:focus+label,.hc-input input:not(:placeholder-shown)+label{transform:translateY(-1rem);font-size:.75rem;color:var(--hc-primary-500)}.hc-input label{position:absolute;left:.8rem;top:1rem;transition:all .2s ease;pointer-events:none;color:#666;background-color:#fff;padding:0 .2rem}\n"] }]
|
|
83
|
-
}], propDecorators: { id: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], label: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], type: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], required: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], control: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}] } });
|
|
94
|
-
|
|
95
|
-
/*
|
|
96
|
-
* Public API Surface of honey-core
|
|
97
|
-
*/
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* Generated bundle index. Do not edit.
|
|
101
|
-
*/
|
|
102
|
-
|
|
103
|
-
export { HcButtonComponent, HoneyCoreComponent, HoneyCoreService, InputFloatingLabelComponent };
|
|
104
|
-
//# sourceMappingURL=hmscodes-honey-core.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hmscodes-honey-core.mjs","sources":["../../../projects/honey-core/src/lib/honey-core.service.ts","../../../projects/honey-core/src/lib/honey-core.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.html","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.ts","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.html","../../../projects/honey-core/src/public-api.ts","../../../projects/honey-core/src/hmscodes-honey-core.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class HoneyCoreService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-honey-core',\n imports: [],\n template: `\n <p>\n honey-core works!\n </p>\n `,\n styles: ``\n})\nexport class HoneyCoreComponent {\n\n}\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'hc-button',\n templateUrl: './button.component.html',\n styleUrl: './button.component.scss',\n imports: [],\n standalone: true,\n})\nexport class HcButtonComponent {\n /** Style of the button */\n @Input()\n style: 's-solid' | 's-hollow' | 's-plain' = 's-solid';\n\n /** What color to use for the button */\n @Input()\n color?: string = 'c-primary';\n\n /** Size of the button */\n @Input()\n size?: 'h-small' | 'w-stretch' | null = null;\n\n /** Disabled state of the button */\n @Input()\n disabled = false;\n\n /** Whether the button is in a loading state */\n @Input()\n loading = false;\n\n /** Optional click handler */\n @Output()\n onClick = new EventEmitter<Event>();\n\n public get classes(): string[] {\n return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];\n }\n}\n","<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n@if (!loading) {\n <ng-content />\n}\n</button>","import { Component, Input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule, UntypedFormControl } from '@angular/forms';\n\n@Component({\n selector: 'hc-input-floating-label',\n templateUrl: './input-floating-label.component.html',\n styleUrls: ['./input-floating-label.component.scss'],\n imports: [ReactiveFormsModule],\n standalone: true,\n})\nexport class InputFloatingLabelComponent {\n @Input() id = 'hc-input';\n @Input() label = 'Label';\n @Input() type = 'text';\n @Input() required = false;\n @Input() control: FormControl = new UntypedFormControl('');\n}\n\n","<fieldset class=\"hc-input\">\n <input\n [id]=\"id\"\n [type]=\"type\"\n [required]=\"required\"\n [formControl]=\"control\"\n placeholder=\" \"\n />\n <label [for]=\"id\">{{ label }}</label>\n</fieldset>\n","/*\n * Public API Surface of honey-core\n */\n\nexport * from './lib/honey-core.service';\nexport * from './lib/honey-core.component';\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/input/input-floating-label.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class HcButtonComponent {
|
|
4
|
-
/** Style of the button */
|
|
5
|
-
style: 's-solid' | 's-hollow' | 's-plain';
|
|
6
|
-
/** What color to use for the button */
|
|
7
|
-
color?: string;
|
|
8
|
-
/** Size of the button */
|
|
9
|
-
size?: 'h-small' | 'w-stretch' | null;
|
|
10
|
-
/** Disabled state of the button */
|
|
11
|
-
disabled: boolean;
|
|
12
|
-
/** Whether the button is in a loading state */
|
|
13
|
-
loading: boolean;
|
|
14
|
-
/** Optional click handler */
|
|
15
|
-
onClick: EventEmitter<Event>;
|
|
16
|
-
get classes(): string[];
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HcButtonComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HcButtonComponent, "hc-button", never, { "style": { "alias": "style"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
|
|
19
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FormControl } from '@angular/forms';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class InputFloatingLabelComponent {
|
|
4
|
-
id: string;
|
|
5
|
-
label: string;
|
|
6
|
-
type: string;
|
|
7
|
-
required: boolean;
|
|
8
|
-
control: FormControl;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<InputFloatingLabelComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputFloatingLabelComponent, "hc-input-floating-label", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "required": { "alias": "required"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
|
|
11
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class HoneyCoreComponent {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HoneyCoreComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HoneyCoreComponent, "lib-honey-core", never, {}, {}, never, never, true, never>;
|
|
5
|
-
}
|
package/styles/variables.css
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--hc-primary-500 : #FF7A00;
|
|
3
|
-
--hc-primary-600 : #E86B00;
|
|
4
|
-
--hc-primary-700 : #CC5D00;
|
|
5
|
-
--hc-secondary-500 : #FFC857;
|
|
6
|
-
--hc-secondary-600 : #f7a838;
|
|
7
|
-
--hc-secondary-700 : #d68d2a;
|
|
8
|
-
--hc-brown-500 : #95570e;
|
|
9
|
-
--hc-brown-600 : #753c00;
|
|
10
|
-
--hc-text-strong : #2E282A;
|
|
11
|
-
--hc-text-light : #6C757D;
|
|
12
|
-
--hc-text-white : #FFFFFF;
|
|
13
|
-
|
|
14
|
-
--hc-background-main : #f4f4f4;
|
|
15
|
-
--hc-disabled-bg : #c7c7c7;
|
|
16
|
-
--hc-disabled-text : #6C757D;
|
|
17
|
-
--hc-background-primary : var(--hc-primary-500);
|
|
18
|
-
--hc-background-primary-hover : var(--hc-primary-600);
|
|
19
|
-
--hc-background-secondary : var(--hc-secondary-500);
|
|
20
|
-
--hc-background-secondary-hover : var(--hc-secondary-600);
|
|
21
|
-
|
|
22
|
-
--hc-background-linear : linear-gradient(90deg, var(--hc-disabled-bg), var(--hc-secondary-600))
|
|
23
|
-
}
|
|
24
|
-
|