@hmscodes/honey-core 1.0.16 → 1.0.18
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.
|
@@ -49,11 +49,11 @@ class HcButtonComponent {
|
|
|
49
49
|
return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];
|
|
50
50
|
}
|
|
51
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: "
|
|
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
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HcButtonComponent, decorators: [{
|
|
55
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 <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}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"] }]
|
|
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
57
|
}], propDecorators: { style: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], color: [{
|
|
@@ -1 +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/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 <ng-content />\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":";;;;;MAKa,gBAAgB,CAAA;AAE3B,IAAA,WAAA,GAAA,EAAgB;wGAFL,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,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA;;4FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCQY,kBAAkB,CAAA;wGAAlB,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,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPnB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,QAAA,EACD;;;;AAIT,EAAA,CAAA,EAAA;;;MCAU,iBAAiB,CAAA;;IAG5B,KAAK,GAAwC,SAAS;;IAItD,KAAK,GAAY,WAAW;;IAI5B,IAAI,GAAoC,IAAI;;IAI5C,QAAQ,GAAG,KAAK;;IAIhB,OAAO,GAAG,KAAK;;AAIf,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,CAAA,CAAE,CAAC;IACxE;wGA3BW,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,SAAA,EAAA,IAAA,EAAA,iBAAiB,0MCT9B,
|
|
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/package.json
CHANGED
package/styles/variables.css
CHANGED
|
@@ -11,12 +11,14 @@
|
|
|
11
11
|
--hc-text-light : #6C757D;
|
|
12
12
|
--hc-text-white : #FFFFFF;
|
|
13
13
|
|
|
14
|
-
--hc-background-main : #
|
|
14
|
+
--hc-background-main : #f4f4f4;
|
|
15
15
|
--hc-disabled-bg : #c7c7c7;
|
|
16
16
|
--hc-disabled-text : #6C757D;
|
|
17
17
|
--hc-background-primary : var(--hc-primary-500);
|
|
18
18
|
--hc-background-primary-hover : var(--hc-primary-600);
|
|
19
|
-
--hc-background-secondary
|
|
20
|
-
--hc-background-secondary-hover
|
|
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))
|
|
21
23
|
}
|
|
22
24
|
|