@hmscodes/honey-core 1.0.12 → 1.0.13
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/README.md +18 -14
- package/fesm2022/hmscodes-honey-core.mjs +84 -0
- package/fesm2022/hmscodes-honey-core.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/button/button.component.d.ts +25 -0
- package/lib/honey-core.component.d.ts +5 -0
- package/lib/honey-core.service.d.ts +6 -0
- package/package.json +23 -42
- package/{projects/honey-core/src/public-api.ts → public-api.d.ts} +0 -5
- package/.editorconfig +0 -17
- package/.vscode/extensions.json +0 -4
- package/.vscode/launch.json +0 -20
- package/.vscode/tasks.json +0 -42
- package/angular.json +0 -61
- package/projects/honey-core/.storybook/main.ts +0 -18
- package/projects/honey-core/.storybook/preview.ts +0 -14
- package/projects/honey-core/.storybook/tsconfig.json +0 -11
- package/projects/honey-core/.storybook/typings.d.ts +0 -4
- package/projects/honey-core/README.md +0 -63
- package/projects/honey-core/ng-package.json +0 -8
- package/projects/honey-core/package.json +0 -20
- package/projects/honey-core/src/lib/components/button/button.component.html +0 -8
- package/projects/honey-core/src/lib/components/button/button.component.scss +0 -1
- package/projects/honey-core/src/lib/components/button/button.component.spec.ts +0 -23
- package/projects/honey-core/src/lib/components/button/button.component.ts +0 -44
- package/projects/honey-core/src/lib/components/input/input-floating-label.component.html +0 -10
- package/projects/honey-core/src/lib/components/input/input-floating-label.component.scss +0 -37
- package/projects/honey-core/src/lib/components/input/input-floating-label.component.spec.ts +0 -22
- package/projects/honey-core/src/lib/components/input/input-floating-label.component.ts +0 -18
- package/projects/honey-core/src/lib/honey-core.component.spec.ts +0 -23
- package/projects/honey-core/src/lib/honey-core.component.ts +0 -15
- package/projects/honey-core/src/lib/honey-core.service.spec.ts +0 -16
- package/projects/honey-core/src/lib/honey-core.service.ts +0 -9
- package/projects/honey-core/src/stories/.eslintrc.json +0 -5
- package/projects/honey-core/src/stories/Colors.mdx +0 -40
- package/projects/honey-core/src/stories/Presentation.mdx +0 -7
- package/projects/honey-core/src/stories/button.component.stories.ts +0 -73
- package/projects/honey-core/src/stories/button.css +0 -30
- package/projects/honey-core/src/stories/input-floating-label.component.stories.ts +0 -23
- package/projects/honey-core/src/stories/user.ts +0 -3
- package/projects/honey-core/styles/hc-button.scss +0 -174
- package/projects/honey-core/tsconfig.lib.json +0 -15
- package/projects/honey-core/tsconfig.lib.prod.json +0 -11
- package/projects/honey-core/tsconfig.spec.json +0 -15
- package/tsconfig.json +0 -32
- /package/{projects/honey-core/styles → styles}/variables.css +0 -0
package/README.md
CHANGED
|
@@ -1,16 +1,6 @@
|
|
|
1
1
|
# HoneyCore
|
|
2
2
|
|
|
3
|
-
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.
|
|
4
|
-
|
|
5
|
-
## Development server
|
|
6
|
-
|
|
7
|
-
To start a local development server, run:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
ng serve
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
|
|
3
|
+
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
|
|
14
4
|
|
|
15
5
|
## Code scaffolding
|
|
16
6
|
|
|
@@ -28,13 +18,27 @@ ng generate --help
|
|
|
28
18
|
|
|
29
19
|
## Building
|
|
30
20
|
|
|
31
|
-
To build the
|
|
21
|
+
To build the library, run:
|
|
32
22
|
|
|
33
23
|
```bash
|
|
34
|
-
ng build
|
|
24
|
+
ng build honey-core
|
|
35
25
|
```
|
|
36
26
|
|
|
37
|
-
This will compile your project and
|
|
27
|
+
This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
|
|
28
|
+
|
|
29
|
+
### Publishing the Library
|
|
30
|
+
|
|
31
|
+
Once the project is built, you can publish your library by following these steps:
|
|
32
|
+
|
|
33
|
+
1. Navigate to the `dist` directory:
|
|
34
|
+
```bash
|
|
35
|
+
cd dist/honey-core
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
2. Run the `npm publish` command to publish your library to the npm registry:
|
|
39
|
+
```bash
|
|
40
|
+
npm publish
|
|
41
|
+
```
|
|
38
42
|
|
|
39
43
|
## Running unit tests
|
|
40
44
|
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Injectable, Component, EventEmitter, Output, Input } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
class HoneyCoreService {
|
|
5
|
+
constructor() { }
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: HoneyCoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: HoneyCoreService, providedIn: 'root' });
|
|
8
|
+
}
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: HoneyCoreService, decorators: [{
|
|
10
|
+
type: Injectable,
|
|
11
|
+
args: [{
|
|
12
|
+
providedIn: 'root'
|
|
13
|
+
}]
|
|
14
|
+
}], ctorParameters: () => [] });
|
|
15
|
+
|
|
16
|
+
class HoneyCoreComponent {
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: HoneyCoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: HoneyCoreComponent, isStandalone: true, selector: "lib-honey-core", ngImport: i0, template: `
|
|
19
|
+
<p>
|
|
20
|
+
honey-core works!
|
|
21
|
+
</p>
|
|
22
|
+
`, isInline: true, styles: [""] });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: HoneyCoreComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'lib-honey-core', imports: [], template: `
|
|
27
|
+
<p>
|
|
28
|
+
honey-core works!
|
|
29
|
+
</p>
|
|
30
|
+
` }]
|
|
31
|
+
}] });
|
|
32
|
+
|
|
33
|
+
class HcButtonComponent {
|
|
34
|
+
/** Style of the button */
|
|
35
|
+
style = 's-solid';
|
|
36
|
+
/** What color to use for the button */
|
|
37
|
+
color = 'c-primary';
|
|
38
|
+
/** Size of the button */
|
|
39
|
+
size = null;
|
|
40
|
+
/**
|
|
41
|
+
* Button contents
|
|
42
|
+
*
|
|
43
|
+
* @required
|
|
44
|
+
*/
|
|
45
|
+
label = 'Button';
|
|
46
|
+
/**
|
|
47
|
+
* Disabled state of the button
|
|
48
|
+
*/
|
|
49
|
+
disabled = false;
|
|
50
|
+
/** Optional click handler */
|
|
51
|
+
onClick = new EventEmitter();
|
|
52
|
+
get classes() {
|
|
53
|
+
return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];
|
|
54
|
+
}
|
|
55
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: HcButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: HcButtonComponent, isStandalone: true, selector: "hc-button", inputs: { style: "style", color: "color", size: "size", label: "label", disabled: "disabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [disabled]=\"disabled\"\n (click)=\"onClick.emit($event)\"\n>\n <ng-content />\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}\n"] });
|
|
57
|
+
}
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: HcButtonComponent, decorators: [{
|
|
59
|
+
type: Component,
|
|
60
|
+
args: [{ selector: 'hc-button', imports: [], standalone: true, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [disabled]=\"disabled\"\n (click)=\"onClick.emit($event)\"\n>\n <ng-content />\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}\n"] }]
|
|
61
|
+
}], propDecorators: { style: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], color: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], size: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], label: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], disabled: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], onClick: [{
|
|
72
|
+
type: Output
|
|
73
|
+
}] } });
|
|
74
|
+
|
|
75
|
+
/*
|
|
76
|
+
* Public API Surface of honey-core
|
|
77
|
+
*/
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* Generated bundle index. Do not edit.
|
|
81
|
+
*/
|
|
82
|
+
|
|
83
|
+
export { HcButtonComponent, HoneyCoreComponent, HoneyCoreService };
|
|
84
|
+
//# sourceMappingURL=hmscodes-honey-core.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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/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 /**\n * Button contents\n *\n * @required\n */\n @Input()\n label = 'Button';\n\n /**\n * Disabled state of the button\n */\n @Input()\n disabled = 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 [disabled]=\"disabled\"\n (click)=\"onClick.emit($event)\"\n>\n <ng-content />\n</button>","/*\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';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAKa,gBAAgB,CAAA;AAE3B,IAAA,WAAA,GAAA;uGAFW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA;;2FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCQY,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAPnB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,EAAE,EACD,QAAA,EAAA;;;;AAIT,EAAA,CAAA,EAAA;;;MCAU,iBAAiB,CAAA;;IAG5B,KAAK,GAAwC,SAAS;;IAItD,KAAK,GAAY,WAAW;;IAI5B,IAAI,GAAoC,IAAI;AAE5C;;;;AAIG;IAEH,KAAK,GAAG,QAAQ;AAEhB;;AAEG;IAEH,QAAQ,GAAG,KAAK;;AAIhB,IAAA,OAAO,GAAG,IAAI,YAAY,EAAS;AAEnC,IAAA,IAAW,OAAO,GAAA;QAChB,OAAO,CAAC,WAAW,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;;uGAhC7D,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,sMCT9B,kJAOS,EAAA,MAAA,EAAA,CAAA,89EAAA,CAAA,EAAA,CAAA;;2FDEI,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;+BACE,WAAW,EAAA,OAAA,EAGZ,EAAE,EAAA,UAAA,EACC,IAAI,EAAA,QAAA,EAAA,kJAAA,EAAA,MAAA,EAAA,CAAA,89EAAA,CAAA,EAAA;8BAKhB,KAAK,EAAA,CAAA;sBADJ;gBAKD,KAAK,EAAA,CAAA;sBADJ;gBAKD,IAAI,EAAA,CAAA;sBADH;gBASD,KAAK,EAAA,CAAA;sBADJ;gBAOD,QAAQ,EAAA,CAAA;sBADP;gBAKD,OAAO,EAAA,CAAA;sBADN;;;AErCH;;AAEG;;ACFH;;AAEG;;;;"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
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
|
+
/**
|
|
11
|
+
* Button contents
|
|
12
|
+
*
|
|
13
|
+
* @required
|
|
14
|
+
*/
|
|
15
|
+
label: string;
|
|
16
|
+
/**
|
|
17
|
+
* Disabled state of the button
|
|
18
|
+
*/
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
/** Optional click handler */
|
|
21
|
+
onClick: EventEmitter<Event>;
|
|
22
|
+
get classes(): string[];
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HcButtonComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HcButtonComponent, "hc-button", never, { "style": { "alias": "style"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
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/package.json
CHANGED
|
@@ -1,48 +1,29 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hmscodes/honey-core",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"
|
|
3
|
+
"version": "1.0.13",
|
|
4
|
+
"exports": {
|
|
5
|
+
"./styles/variables.css": {
|
|
6
|
+
"default": "./styles/variables.css"
|
|
7
|
+
},
|
|
8
|
+
"./": {
|
|
9
|
+
"default": "./"
|
|
10
|
+
},
|
|
11
|
+
"./package.json": {
|
|
12
|
+
"default": "./package.json"
|
|
13
|
+
},
|
|
14
|
+
".": {
|
|
15
|
+
"types": "./index.d.ts",
|
|
16
|
+
"default": "./fesm2022/hmscodes-honey-core.mjs"
|
|
17
|
+
}
|
|
12
18
|
},
|
|
13
|
-
"
|
|
14
|
-
"dependencies": {
|
|
19
|
+
"peerDependencies": {
|
|
15
20
|
"@angular/common": "^19.2.0",
|
|
16
|
-
"@angular/
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"
|
|
20
|
-
"@angular/platform-browser-dynamic": "^19.2.0",
|
|
21
|
-
"@angular/router": "^19.2.0",
|
|
22
|
-
"rxjs": "~7.8.0",
|
|
23
|
-
"tslib": "^2.3.0",
|
|
24
|
-
"zone.js": "~0.15.0"
|
|
21
|
+
"@angular/core": "^19.2.0"
|
|
22
|
+
},
|
|
23
|
+
"dependencies": {
|
|
24
|
+
"tslib": "^2.3.0"
|
|
25
25
|
},
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
"@angular/compiler-cli": "^19.2.0",
|
|
30
|
-
"@storybook/addon-essentials": "^8.6.12",
|
|
31
|
-
"@storybook/addon-interactions": "^8.6.12",
|
|
32
|
-
"@storybook/addon-onboarding": "^8.6.12",
|
|
33
|
-
"@storybook/angular": "^8.6.12",
|
|
34
|
-
"@storybook/blocks": "^8.6.12",
|
|
35
|
-
"@storybook/test": "^8.6.12",
|
|
36
|
-
"@types/jasmine": "~5.1.0",
|
|
37
|
-
"jasmine-core": "~5.6.0",
|
|
38
|
-
"karma": "~6.4.0",
|
|
39
|
-
"karma-chrome-launcher": "~3.2.0",
|
|
40
|
-
"karma-coverage": "~2.2.0",
|
|
41
|
-
"karma-jasmine": "~5.1.0",
|
|
42
|
-
"karma-jasmine-html-reporter": "~2.1.0",
|
|
43
|
-
"ng-packagr": "^19.2.0",
|
|
44
|
-
"sass": "^1.87.0",
|
|
45
|
-
"storybook": "^8.6.12",
|
|
46
|
-
"typescript": "~5.7.2"
|
|
47
|
-
}
|
|
26
|
+
"sideEffects": false,
|
|
27
|
+
"module": "fesm2022/hmscodes-honey-core.mjs",
|
|
28
|
+
"typings": "index.d.ts"
|
|
48
29
|
}
|
package/.editorconfig
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
# Editor configuration, see https://editorconfig.org
|
|
2
|
-
root = true
|
|
3
|
-
|
|
4
|
-
[*]
|
|
5
|
-
charset = utf-8
|
|
6
|
-
indent_style = space
|
|
7
|
-
indent_size = 2
|
|
8
|
-
insert_final_newline = true
|
|
9
|
-
trim_trailing_whitespace = true
|
|
10
|
-
|
|
11
|
-
[*.ts]
|
|
12
|
-
quote_type = single
|
|
13
|
-
ij_typescript_use_double_quotes = false
|
|
14
|
-
|
|
15
|
-
[*.md]
|
|
16
|
-
max_line_length = off
|
|
17
|
-
trim_trailing_whitespace = false
|
package/.vscode/extensions.json
DELETED
package/.vscode/launch.json
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
|
3
|
-
"version": "0.2.0",
|
|
4
|
-
"configurations": [
|
|
5
|
-
{
|
|
6
|
-
"name": "ng serve",
|
|
7
|
-
"type": "chrome",
|
|
8
|
-
"request": "launch",
|
|
9
|
-
"preLaunchTask": "npm: start",
|
|
10
|
-
"url": "http://localhost:4200/"
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
"name": "ng test",
|
|
14
|
-
"type": "chrome",
|
|
15
|
-
"request": "launch",
|
|
16
|
-
"preLaunchTask": "npm: test",
|
|
17
|
-
"url": "http://localhost:9876/debug.html"
|
|
18
|
-
}
|
|
19
|
-
]
|
|
20
|
-
}
|
package/.vscode/tasks.json
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
// For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
|
|
3
|
-
"version": "2.0.0",
|
|
4
|
-
"tasks": [
|
|
5
|
-
{
|
|
6
|
-
"type": "npm",
|
|
7
|
-
"script": "start",
|
|
8
|
-
"isBackground": true,
|
|
9
|
-
"problemMatcher": {
|
|
10
|
-
"owner": "typescript",
|
|
11
|
-
"pattern": "$tsc",
|
|
12
|
-
"background": {
|
|
13
|
-
"activeOnStart": true,
|
|
14
|
-
"beginsPattern": {
|
|
15
|
-
"regexp": "(.*?)"
|
|
16
|
-
},
|
|
17
|
-
"endsPattern": {
|
|
18
|
-
"regexp": "bundle generation complete"
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
"type": "npm",
|
|
25
|
-
"script": "test",
|
|
26
|
-
"isBackground": true,
|
|
27
|
-
"problemMatcher": {
|
|
28
|
-
"owner": "typescript",
|
|
29
|
-
"pattern": "$tsc",
|
|
30
|
-
"background": {
|
|
31
|
-
"activeOnStart": true,
|
|
32
|
-
"beginsPattern": {
|
|
33
|
-
"regexp": "(.*?)"
|
|
34
|
-
},
|
|
35
|
-
"endsPattern": {
|
|
36
|
-
"regexp": "bundle generation complete"
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
]
|
|
42
|
-
}
|
package/angular.json
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
|
|
3
|
-
"version": 1,
|
|
4
|
-
"newProjectRoot": "projects",
|
|
5
|
-
"projects": {
|
|
6
|
-
"honey-core": {
|
|
7
|
-
"projectType": "library",
|
|
8
|
-
"root": "projects/honey-core",
|
|
9
|
-
"sourceRoot": "projects/honey-core/src",
|
|
10
|
-
"prefix": "lib",
|
|
11
|
-
"architect": {
|
|
12
|
-
"build": {
|
|
13
|
-
"builder": "@angular-devkit/build-angular:ng-packagr",
|
|
14
|
-
"options": {
|
|
15
|
-
"project": "projects/honey-core/ng-package.json"
|
|
16
|
-
},
|
|
17
|
-
"configurations": {
|
|
18
|
-
"production": {
|
|
19
|
-
"tsConfig": "projects/honey-core/tsconfig.lib.prod.json"
|
|
20
|
-
},
|
|
21
|
-
"development": {
|
|
22
|
-
"tsConfig": "projects/honey-core/tsconfig.lib.json"
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
"defaultConfiguration": "production"
|
|
26
|
-
},
|
|
27
|
-
"test": {
|
|
28
|
-
"builder": "@angular-devkit/build-angular:karma",
|
|
29
|
-
"options": {
|
|
30
|
-
"tsConfig": "projects/honey-core/tsconfig.spec.json",
|
|
31
|
-
"polyfills": [
|
|
32
|
-
"zone.js",
|
|
33
|
-
"zone.js/testing"
|
|
34
|
-
]
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
"storybook": {
|
|
38
|
-
"builder": "@storybook/angular:start-storybook",
|
|
39
|
-
"options": {
|
|
40
|
-
"configDir": "projects/honey-core/.storybook",
|
|
41
|
-
"browserTarget": "honey-core:build",
|
|
42
|
-
"compodoc": false,
|
|
43
|
-
"port": 6006,
|
|
44
|
-
"styles": [
|
|
45
|
-
"projects/honey-core/styles/variables.css"
|
|
46
|
-
]
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
"build-storybook": {
|
|
50
|
-
"builder": "@storybook/angular:build-storybook",
|
|
51
|
-
"options": {
|
|
52
|
-
"configDir": "projects/honey-core/.storybook",
|
|
53
|
-
"browserTarget": "honey-core:build",
|
|
54
|
-
"compodoc": false,
|
|
55
|
-
"outputDir": "storybook-static"
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { StorybookConfig } from '@storybook/angular';
|
|
2
|
-
|
|
3
|
-
const config: StorybookConfig = {
|
|
4
|
-
"stories": [
|
|
5
|
-
"../src/**/*.mdx",
|
|
6
|
-
"../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
|
|
7
|
-
],
|
|
8
|
-
"addons": [
|
|
9
|
-
"@storybook/addon-essentials",
|
|
10
|
-
"@storybook/addon-onboarding",
|
|
11
|
-
"@storybook/addon-interactions"
|
|
12
|
-
],
|
|
13
|
-
"framework": {
|
|
14
|
-
"name": "@storybook/angular",
|
|
15
|
-
"options": {}
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
export default config;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "../tsconfig.lib.json",
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"types": ["node"],
|
|
5
|
-
"allowSyntheticDefaultImports": true,
|
|
6
|
-
"resolveJsonModule": true
|
|
7
|
-
},
|
|
8
|
-
"exclude": ["../src/test.ts", "../src/**/*.spec.ts"],
|
|
9
|
-
"include": ["../src/**/*.stories.*", "./preview.ts"],
|
|
10
|
-
"files": ["./typings.d.ts"]
|
|
11
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
# HoneyCore
|
|
2
|
-
|
|
3
|
-
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
|
|
4
|
-
|
|
5
|
-
## Code scaffolding
|
|
6
|
-
|
|
7
|
-
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
ng generate component component-name
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
ng generate --help
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
## Building
|
|
20
|
-
|
|
21
|
-
To build the library, run:
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
ng build honey-core
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
|
|
28
|
-
|
|
29
|
-
### Publishing the Library
|
|
30
|
-
|
|
31
|
-
Once the project is built, you can publish your library by following these steps:
|
|
32
|
-
|
|
33
|
-
1. Navigate to the `dist` directory:
|
|
34
|
-
```bash
|
|
35
|
-
cd dist/honey-core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
2. Run the `npm publish` command to publish your library to the npm registry:
|
|
39
|
-
```bash
|
|
40
|
-
npm publish
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
## Running unit tests
|
|
44
|
-
|
|
45
|
-
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
|
|
46
|
-
|
|
47
|
-
```bash
|
|
48
|
-
ng test
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
## Running end-to-end tests
|
|
52
|
-
|
|
53
|
-
For end-to-end (e2e) testing, run:
|
|
54
|
-
|
|
55
|
-
```bash
|
|
56
|
-
ng e2e
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
|
|
60
|
-
|
|
61
|
-
## Additional Resources
|
|
62
|
-
|
|
63
|
-
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@hmscodes/honey-core",
|
|
3
|
-
"version": "1.0.10",
|
|
4
|
-
"exports": {
|
|
5
|
-
"./styles/variables.css": {
|
|
6
|
-
"default": "./styles/variables.css"
|
|
7
|
-
},
|
|
8
|
-
"./": {
|
|
9
|
-
"default": "./"
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
"peerDependencies": {
|
|
13
|
-
"@angular/common": "^19.2.0",
|
|
14
|
-
"@angular/core": "^19.2.0"
|
|
15
|
-
},
|
|
16
|
-
"dependencies": {
|
|
17
|
-
"tslib": "^2.3.0"
|
|
18
|
-
},
|
|
19
|
-
"sideEffects": false
|
|
20
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@use '../../../../styles/hc-button.scss' as *;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
2
|
-
|
|
3
|
-
import { HcButtonComponent } from './button.component';
|
|
4
|
-
|
|
5
|
-
describe('HcButtonComponent', () => {
|
|
6
|
-
let component: HcButtonComponent;
|
|
7
|
-
let fixture: ComponentFixture<HcButtonComponent>;
|
|
8
|
-
|
|
9
|
-
beforeEach(async () => {
|
|
10
|
-
await TestBed.configureTestingModule({
|
|
11
|
-
imports: [HcButtonComponent]
|
|
12
|
-
})
|
|
13
|
-
.compileComponents();
|
|
14
|
-
|
|
15
|
-
fixture = TestBed.createComponent(HcButtonComponent);
|
|
16
|
-
component = fixture.componentInstance;
|
|
17
|
-
fixture.detectChanges();
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
it('should create', () => {
|
|
21
|
-
expect(component).toBeTruthy();
|
|
22
|
-
});
|
|
23
|
-
});
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
|
|
3
|
-
@Component({
|
|
4
|
-
selector: 'hc-button',
|
|
5
|
-
templateUrl: './button.component.html',
|
|
6
|
-
styleUrl: './button.component.scss',
|
|
7
|
-
imports: [],
|
|
8
|
-
standalone: true,
|
|
9
|
-
})
|
|
10
|
-
export class HcButtonComponent {
|
|
11
|
-
/** Style of the button */
|
|
12
|
-
@Input()
|
|
13
|
-
style: 's-solid' | 's-hollow' | 's-plain' = 's-solid';
|
|
14
|
-
|
|
15
|
-
/** What color to use for the button */
|
|
16
|
-
@Input()
|
|
17
|
-
color?: string = 'c-primary';
|
|
18
|
-
|
|
19
|
-
/** Size of the button */
|
|
20
|
-
@Input()
|
|
21
|
-
size?: 'h-small' | 'w-stretch' | null = null;
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Button contents
|
|
25
|
-
*
|
|
26
|
-
* @required
|
|
27
|
-
*/
|
|
28
|
-
@Input()
|
|
29
|
-
label = 'Button';
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* Disabled state of the button
|
|
33
|
-
*/
|
|
34
|
-
@Input()
|
|
35
|
-
disabled = false;
|
|
36
|
-
|
|
37
|
-
/** Optional click handler */
|
|
38
|
-
@Output()
|
|
39
|
-
onClick = new EventEmitter<Event>();
|
|
40
|
-
|
|
41
|
-
public get classes(): string[] {
|
|
42
|
-
return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];
|
|
43
|
-
}
|
|
44
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
.hc-input {
|
|
2
|
-
position: relative;
|
|
3
|
-
border: none;
|
|
4
|
-
padding: 0;
|
|
5
|
-
margin: 1rem 0;
|
|
6
|
-
|
|
7
|
-
input {
|
|
8
|
-
width: 100%;
|
|
9
|
-
padding: 1.2rem 0.8rem 0.4rem;
|
|
10
|
-
font-size: 1rem;
|
|
11
|
-
border: 1px solid #ccc;
|
|
12
|
-
border-radius: 4px;
|
|
13
|
-
|
|
14
|
-
&:focus {
|
|
15
|
-
outline: none;
|
|
16
|
-
border-color: var(--hc-primary-500);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&:focus + label,
|
|
20
|
-
&:not(:placeholder-shown) + label {
|
|
21
|
-
transform: translateY(-1rem);
|
|
22
|
-
font-size: 0.75rem;
|
|
23
|
-
color: var(--hc-primary-500);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
label {
|
|
28
|
-
position: absolute;
|
|
29
|
-
left: 0.8rem;
|
|
30
|
-
top: 1rem;
|
|
31
|
-
transition: all 0.2s ease;
|
|
32
|
-
pointer-events: none;
|
|
33
|
-
color: #666;
|
|
34
|
-
background-color: white;
|
|
35
|
-
padding: 0 0.2rem;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
2
|
-
import { InputFloatingLabelComponent } from './input-floating-label.component';
|
|
3
|
-
|
|
4
|
-
describe('InputFloatingLabelComponent', () => {
|
|
5
|
-
let component: InputFloatingLabelComponent;
|
|
6
|
-
let fixture: ComponentFixture<InputFloatingLabelComponent>;
|
|
7
|
-
|
|
8
|
-
beforeEach(async () => {
|
|
9
|
-
await TestBed.configureTestingModule({
|
|
10
|
-
imports: [InputFloatingLabelComponent]
|
|
11
|
-
})
|
|
12
|
-
.compileComponents();
|
|
13
|
-
|
|
14
|
-
fixture = TestBed.createComponent(InputFloatingLabelComponent);
|
|
15
|
-
component = fixture.componentInstance;
|
|
16
|
-
fixture.detectChanges();
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
it('should create', () => {
|
|
20
|
-
expect(component).toBeTruthy();
|
|
21
|
-
});
|
|
22
|
-
});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
3
|
-
|
|
4
|
-
@Component({
|
|
5
|
-
selector: 'hc-input-floating-label',
|
|
6
|
-
templateUrl: './input-floating-label.component.html',
|
|
7
|
-
styleUrls: ['./input-floating-label.component.scss'],
|
|
8
|
-
imports: [ReactiveFormsModule],
|
|
9
|
-
standalone: true,
|
|
10
|
-
})
|
|
11
|
-
export class InputFloatingLabelComponent {
|
|
12
|
-
@Input() id: string = 'hc-input';
|
|
13
|
-
@Input() label: string = 'Label';
|
|
14
|
-
@Input() type: string = 'text';
|
|
15
|
-
@Input() required = false;
|
|
16
|
-
@Input() control!: FormControl;
|
|
17
|
-
}
|
|
18
|
-
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
2
|
-
|
|
3
|
-
import { HoneyCoreComponent } from './honey-core.component';
|
|
4
|
-
|
|
5
|
-
describe('HoneyCoreComponent', () => {
|
|
6
|
-
let component: HoneyCoreComponent;
|
|
7
|
-
let fixture: ComponentFixture<HoneyCoreComponent>;
|
|
8
|
-
|
|
9
|
-
beforeEach(async () => {
|
|
10
|
-
await TestBed.configureTestingModule({
|
|
11
|
-
imports: [HoneyCoreComponent]
|
|
12
|
-
})
|
|
13
|
-
.compileComponents();
|
|
14
|
-
|
|
15
|
-
fixture = TestBed.createComponent(HoneyCoreComponent);
|
|
16
|
-
component = fixture.componentInstance;
|
|
17
|
-
fixture.detectChanges();
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
it('should create', () => {
|
|
21
|
-
expect(component).toBeTruthy();
|
|
22
|
-
});
|
|
23
|
-
});
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { TestBed } from '@angular/core/testing';
|
|
2
|
-
|
|
3
|
-
import { HoneyCoreService } from './honey-core.service';
|
|
4
|
-
|
|
5
|
-
describe('HoneyCoreService', () => {
|
|
6
|
-
let service: HoneyCoreService;
|
|
7
|
-
|
|
8
|
-
beforeEach(() => {
|
|
9
|
-
TestBed.configureTestingModule({});
|
|
10
|
-
service = TestBed.inject(HoneyCoreService);
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
it('should be created', () => {
|
|
14
|
-
expect(service).toBeTruthy();
|
|
15
|
-
});
|
|
16
|
-
});
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { Meta, ColorPalette, ColorItem } from '@storybook/blocks';
|
|
2
|
-
|
|
3
|
-
<Meta title="Colors" />
|
|
4
|
-
|
|
5
|
-
<ColorPalette>
|
|
6
|
-
<ColorItem
|
|
7
|
-
title="theme.color.primary"
|
|
8
|
-
subtitle="Honey Core"
|
|
9
|
-
colors={{
|
|
10
|
-
'--hc-primary-500': '#FF7A00',
|
|
11
|
-
'--hc-primary-600': '#E86B00',
|
|
12
|
-
'--hc-primary-700': '#CC5D00',
|
|
13
|
-
}}
|
|
14
|
-
/>
|
|
15
|
-
<ColorItem
|
|
16
|
-
title="theme.color.secondary"
|
|
17
|
-
subtitle="Honey Core Secondary"
|
|
18
|
-
colors={{
|
|
19
|
-
'--hc-secondary-500': '#FFC857',
|
|
20
|
-
'--hc-secondary-600': '#f7a838',
|
|
21
|
-
'--hc-secondary-700': '#d68d2a',
|
|
22
|
-
}}
|
|
23
|
-
/>
|
|
24
|
-
<ColorItem
|
|
25
|
-
title="theme.color.brown"
|
|
26
|
-
subtitle="Honey Core Secondary"
|
|
27
|
-
colors={{
|
|
28
|
-
'--hc-brown-500': '#95570e',
|
|
29
|
-
'--hc-brown-600': '#753c00',
|
|
30
|
-
}}
|
|
31
|
-
/>
|
|
32
|
-
<ColorItem
|
|
33
|
-
title="theme.color.greyscale"
|
|
34
|
-
subtitle="Some of the greys"
|
|
35
|
-
colors={{
|
|
36
|
-
'--hc-text-strong': '#2E282A',
|
|
37
|
-
'--hc-text-light': '#6C757D',
|
|
38
|
-
}}
|
|
39
|
-
/>
|
|
40
|
-
</ColorPalette>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta } from "@storybook/blocks";
|
|
2
|
-
|
|
3
|
-
<Meta title="Apresentação" />
|
|
4
|
-
|
|
5
|
-
# Configure your project
|
|
6
|
-
|
|
7
|
-
HoneyCore is a reusable component library for Angular, crafted to bring consistency, efficiency, and style to personal projects. Inspired by the elegant structure of honeycombs, it’s built to scale and sweeten your workflow. 🐝
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { argsToTemplate, type Meta, type StoryObj } from '@storybook/angular';
|
|
2
|
-
import { fn } from '@storybook/test';
|
|
3
|
-
import { HcButtonComponent } from '../lib/components/button/button.component';
|
|
4
|
-
|
|
5
|
-
type ButtonInputsAndCustomArgs = HcButtonComponent & { text: string };
|
|
6
|
-
|
|
7
|
-
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
|
|
8
|
-
const meta: Meta<ButtonInputsAndCustomArgs> = {
|
|
9
|
-
title: 'Example/Button',
|
|
10
|
-
component: HcButtonComponent,
|
|
11
|
-
tags: ['autodocs'],
|
|
12
|
-
args: {
|
|
13
|
-
text: 'Button',
|
|
14
|
-
},
|
|
15
|
-
render: ({ text, ...buttonArgs }) => ({
|
|
16
|
-
props: buttonArgs,
|
|
17
|
-
template: `
|
|
18
|
-
<hc-button ${argsToTemplate(buttonArgs)}>
|
|
19
|
-
${text}
|
|
20
|
-
</hc-button>
|
|
21
|
-
`,
|
|
22
|
-
}),
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export default meta;
|
|
26
|
-
type Story = StoryObj<HcButtonComponent>;
|
|
27
|
-
|
|
28
|
-
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
|
|
29
|
-
export const Primary: Story = {
|
|
30
|
-
args: {
|
|
31
|
-
style: 's-solid',
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export const PrimaryDisabled: Story = {
|
|
36
|
-
args: {
|
|
37
|
-
...Primary.args,
|
|
38
|
-
disabled: true,
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export const SecondarySolid: Story = {
|
|
43
|
-
args: {
|
|
44
|
-
style: 's-solid',
|
|
45
|
-
color: 'c-secondary',
|
|
46
|
-
},
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export const Hollow: Story = {
|
|
50
|
-
args: {
|
|
51
|
-
style: 's-hollow',
|
|
52
|
-
},
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
export const Plain: Story = {
|
|
56
|
-
args: {
|
|
57
|
-
style: 's-plain',
|
|
58
|
-
},
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
export const Small: Story = {
|
|
62
|
-
args: {
|
|
63
|
-
...Primary.args,
|
|
64
|
-
size: 'h-small',
|
|
65
|
-
},
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
export const Stretch: Story = {
|
|
69
|
-
args: {
|
|
70
|
-
...Primary.args,
|
|
71
|
-
size: 'w-stretch',
|
|
72
|
-
},
|
|
73
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
.storybook-button {
|
|
2
|
-
display: inline-block;
|
|
3
|
-
cursor: pointer;
|
|
4
|
-
border: 0;
|
|
5
|
-
border-radius: 3em;
|
|
6
|
-
font-weight: 700;
|
|
7
|
-
line-height: 1;
|
|
8
|
-
font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
9
|
-
}
|
|
10
|
-
.storybook-button--primary {
|
|
11
|
-
background-color: #555ab9;
|
|
12
|
-
color: white;
|
|
13
|
-
}
|
|
14
|
-
.storybook-button--secondary {
|
|
15
|
-
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
|
|
16
|
-
background-color: transparent;
|
|
17
|
-
color: #333;
|
|
18
|
-
}
|
|
19
|
-
.storybook-button--small {
|
|
20
|
-
padding: 10px 16px;
|
|
21
|
-
font-size: 12px;
|
|
22
|
-
}
|
|
23
|
-
.storybook-button--medium {
|
|
24
|
-
padding: 11px 20px;
|
|
25
|
-
font-size: 14px;
|
|
26
|
-
}
|
|
27
|
-
.storybook-button--large {
|
|
28
|
-
padding: 12px 24px;
|
|
29
|
-
font-size: 16px;
|
|
30
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/angular';
|
|
2
|
-
import { InputFloatingLabelComponent } from '../lib/components/input/input-floating-label.component';
|
|
3
|
-
|
|
4
|
-
const meta: Meta<InputFloatingLabelComponent> = {
|
|
5
|
-
title: 'Form/Input Floating Label',
|
|
6
|
-
component: InputFloatingLabelComponent,
|
|
7
|
-
tags: ['autodocs'],
|
|
8
|
-
render: (args: InputFloatingLabelComponent) => ({
|
|
9
|
-
props: args,
|
|
10
|
-
}),
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export default meta;
|
|
14
|
-
|
|
15
|
-
type Story = StoryObj<InputFloatingLabelComponent>;
|
|
16
|
-
|
|
17
|
-
export const Default: Story = {
|
|
18
|
-
args: {
|
|
19
|
-
label: 'Nome completo',
|
|
20
|
-
id: 'nome',
|
|
21
|
-
required: true,
|
|
22
|
-
},
|
|
23
|
-
};
|
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
$hcButtonBorderRadius : 12px !default;
|
|
2
|
-
$hcButtonFontSize : 14px !default;
|
|
3
|
-
$hcButtonFontWeight : normal !default;
|
|
4
|
-
$hcButtonPadding : 24px !default;
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Applies colors to the button
|
|
8
|
-
*/
|
|
9
|
-
@mixin colorButton($color, $background, $border) {
|
|
10
|
-
color : $color;
|
|
11
|
-
background : $background;
|
|
12
|
-
border-color : $border;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
*
|
|
17
|
-
*/
|
|
18
|
-
@mixin hcTypography($size, $color, $weight: normal) {
|
|
19
|
-
font-size : $size;
|
|
20
|
-
color : $color;
|
|
21
|
-
font-weight : $weight;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
*
|
|
26
|
-
*/
|
|
27
|
-
@mixin flex($justify, $align: center) {
|
|
28
|
-
display : flex;
|
|
29
|
-
align-items : $align;
|
|
30
|
-
justify-content : $justify;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* Base shared properties for hc-button styles
|
|
35
|
-
*/
|
|
36
|
-
%hc-button {
|
|
37
|
-
--color-button : var(--color);
|
|
38
|
-
--color-button-hover : var(--hover-color);
|
|
39
|
-
--width : fit-content;
|
|
40
|
-
--height : 36px;
|
|
41
|
-
--h-padding : #{$hcButtonPadding};
|
|
42
|
-
|
|
43
|
-
@include flex(center);
|
|
44
|
-
@include hcTypography($hcButtonFontSize, var(--color-button), $hcButtonFontWeight);
|
|
45
|
-
gap : 8px;
|
|
46
|
-
box-sizing : border-box;
|
|
47
|
-
width : var(--width);
|
|
48
|
-
height : var(--height);
|
|
49
|
-
padding : 0px var(--h-padding);
|
|
50
|
-
white-space : nowrap;
|
|
51
|
-
outline : none;
|
|
52
|
-
border : 1px solid transparent;
|
|
53
|
-
border-radius : $hcButtonBorderRadius;
|
|
54
|
-
transition : background .2s, color .2s, box-shadow .2s;
|
|
55
|
-
cursor : pointer;
|
|
56
|
-
|
|
57
|
-
&:disabled {
|
|
58
|
-
@include colorButton(var(--hc-disabled-text), var(--hc-disabled-bg), var(--hc-disabled-bg));
|
|
59
|
-
cursor : not-allowed;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* Base colors
|
|
65
|
-
*/
|
|
66
|
-
.hc-button {
|
|
67
|
-
&.c-initial {
|
|
68
|
-
--color-button : var(--hc-text-strong);
|
|
69
|
-
--color-button-hover : var(--hc-text-strong);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
&.c-primary {
|
|
73
|
-
--color-button : var(--hc-background-primary);
|
|
74
|
-
--color-button-hover : var(--hc-background-primary-hover);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
&.c-secondary {
|
|
78
|
-
color : var(--hc-brown-600) !important;
|
|
79
|
-
--color-button : var(--hc-background-secondary);
|
|
80
|
-
--color-button-hover : var(--hc-background-secondary-hover);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
/**
|
|
86
|
-
* Solid colored background button
|
|
87
|
-
*/
|
|
88
|
-
.hc-button.s-solid {
|
|
89
|
-
@extend %hc-button;
|
|
90
|
-
@include colorButton(var(--hc-background-main), var(--color-button), transparent);
|
|
91
|
-
|
|
92
|
-
&:not(:disabled):hover {
|
|
93
|
-
background : var(--color-button-hover);
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
/**
|
|
98
|
-
* Hollow button with colored border and text
|
|
99
|
-
*/
|
|
100
|
-
.hc-button.s-hollow {
|
|
101
|
-
@extend %hc-button;
|
|
102
|
-
@include colorButton(var(--color-button), transparent, var(--color-button));
|
|
103
|
-
|
|
104
|
-
&:not(:disabled):hover {
|
|
105
|
-
@include colorButton(var(--hc-background-main), var(--color-button), transparent);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
&:disabled {
|
|
109
|
-
background : transparent;
|
|
110
|
-
color : var(--cds-text-light)
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* Text button
|
|
116
|
-
*/
|
|
117
|
-
.hc-button.s-plain {
|
|
118
|
-
--height : 28px;
|
|
119
|
-
--h-padding : 16px;
|
|
120
|
-
|
|
121
|
-
@extend %hc-button;
|
|
122
|
-
@include colorButton(var(--color-button), transparent, transparent);
|
|
123
|
-
|
|
124
|
-
&:not(:disabled):hover {
|
|
125
|
-
@include colorButton(var(--color-button-hover), transparent, transparent);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
&:disabled {
|
|
129
|
-
@include colorButton(var(--hc-button-disabled-foreground), transparent, transparent);
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* hc-button width classes
|
|
135
|
-
*/
|
|
136
|
-
.hc-button {
|
|
137
|
-
&.v-underlined {
|
|
138
|
-
text-decoration : underline;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
&.h-small {
|
|
142
|
-
--height : 32px;
|
|
143
|
-
--h-padding : 16px;
|
|
144
|
-
font-size : 12px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
&.w-stretch {
|
|
148
|
-
--width : 100%;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
/**
|
|
153
|
-
* Overwrite buttons style on dark mode
|
|
154
|
-
*/
|
|
155
|
-
:root body[cds-theme='dark'] {
|
|
156
|
-
.s-solid {
|
|
157
|
-
&:disabled {
|
|
158
|
-
background : hsla(var(--cds-primary-500-hsl), 0.5);
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
.hc-primary {
|
|
163
|
-
&:disabled {
|
|
164
|
-
@include colorButton(hsla(var(--cds-primary-400-hsl), 0.5), transparent, hsla(var(--cds-primary-400-hsl), 0.5));
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.hc-button.s-solid {
|
|
169
|
-
&:disabled {
|
|
170
|
-
background : hsla(var(--color-button-hsl), 0.5);
|
|
171
|
-
border-color : transparent;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
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
|
-
"extends": "../../tsconfig.json",
|
|
5
|
-
"compilerOptions": {
|
|
6
|
-
"outDir": "../../out-tsc/lib",
|
|
7
|
-
"declaration": true,
|
|
8
|
-
"declarationMap": true,
|
|
9
|
-
"inlineSources": true,
|
|
10
|
-
"types": []
|
|
11
|
-
},
|
|
12
|
-
"exclude": [
|
|
13
|
-
"**/*.spec.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
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
|
-
"extends": "./tsconfig.lib.json",
|
|
5
|
-
"compilerOptions": {
|
|
6
|
-
"declarationMap": false
|
|
7
|
-
},
|
|
8
|
-
"angularCompilerOptions": {
|
|
9
|
-
"compilationMode": "partial"
|
|
10
|
-
}
|
|
11
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
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
|
-
"extends": "../../tsconfig.json",
|
|
5
|
-
"compilerOptions": {
|
|
6
|
-
"outDir": "../../out-tsc/spec",
|
|
7
|
-
"types": [
|
|
8
|
-
"jasmine"
|
|
9
|
-
]
|
|
10
|
-
},
|
|
11
|
-
"include": [
|
|
12
|
-
"**/*.spec.ts",
|
|
13
|
-
"**/*.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
package/tsconfig.json
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
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
|
-
}
|
|
File without changes
|