@alfabit-mn/button 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +7 -0
  2. package/esm2022/alfabit-mn-button.mjs +5 -0
  3. package/esm2022/index.mjs +2 -0
  4. package/esm2022/lib/button/button.component.mjs +29 -0
  5. package/fesm2022/alfabit-mn-button.mjs +36 -0
  6. package/fesm2022/alfabit-mn-button.mjs.map +1 -0
  7. package/index.d.ts +1 -0
  8. package/lib/button/button.component.d.ts +13 -0
  9. package/package.json +28 -0
package/README.md ADDED
@@ -0,0 +1,7 @@
1
+ # button
2
+
3
+ This library was generated with [Nx](https://nx.dev).
4
+
5
+ ## Running unit tests
6
+
7
+ Run `nx test button` to execute the unit tests.
package/esm2022/alfabit-mn-button.mjs ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxmYWJpdC1tbi1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2J1dHRvbi9zcmMvYWxmYWJpdC1tbi1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
package/esm2022/index.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export * from './lib/button/button.component';
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2J1dHRvbi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbiJdfQ==
package/esm2022/lib/button/button.component.mjs ADDED
@@ -0,0 +1,29 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import * as i0 from "@angular/core";
4
+ export class ButtonComponent {
5
+ constructor() {
6
+ this.text = '';
7
+ this.variant = 'primary';
8
+ this.disabled = false;
9
+ this.theme = 'blue';
10
+ }
11
+ getClasses() {
12
+ return `${this.variant} ${this.theme}`;
13
+ }
14
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonComponent, isStandalone: true, selector: "ab-button", inputs: { text: "text", variant: "variant", disabled: "disabled", theme: "theme" }, ngImport: i0, template: "<button [class]=\"getClasses()\" [disabled]=\"disabled\">\n {{ text }}\n</button>\n", styles: ["button{--ab-primary-text-color: #181818;--ab-secondary-text-color: #5c5c5c;--ab-tertiary-text-color: #747474;--ab-icons: #7c7b7b;--ab-outline: #d7d7d7;--ab-dividers: #ededed;--ab-disabled-text: #8a8a8a;--ab-disabled-bg: #efefef;--ab-boxes: #f8f8f8;--ab-inputs: var(--ab-boxes);--ab-white: #fff;--ab-primary-color: #2d5bff;--ab-secondary-color: #6284fd;--ab-tertiary-color: #96adff;--ab-quaternary-color: #ecf0ff;--ab-hover-color: #1b4af0;--ab-click-color: #002ed0;--ab-focus-color: #af4bfe;--ab-error-bg-color: #fff2f2;--ab-error-border-color: #ff3030;--ab-success-bg-color: #e6ffe2;background:var(--ab-primary-color);color:var(--ab-white);padding:.75rem 2rem;border-radius:.5rem;border:none;font-family:sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5rem;letter-spacing:.02em;text-align:center;transition:color .3s,background-color .3s}button:disabled{cursor:not-allowed}button:focus{outline-color:var(--ab-focus-color, #af4bfe)}button.primary:hover{background:var(--ab-hover-color);color:var(--ab-white)}button.primary:active{background:var(--ab-click-color);color:var(--ab-white)}button.primary:disabled{background:var(--ab-disabled-bg);color:var(--ab-disabled-text)}button.secondary{background:var(--ab-quaternary-color);color:var(--ab-primary-color)}button.secondary:hover{background:var(--ab-hover-color);color:var(--ab-white)}button.secondary:active{background:var(--ab-click-color);color:var(--ab-white)}button.secondary:disabled{background:var(--ab-disabled-bg);color:var(--ab-disabled-text)}button.tertiary{background:var(--ab-white);color:var(--ab-primary-color)}button.tertiary:hover{background:var(--ab-white);color:var(--ab-hover-color)}button.tertiary:active{background:var(--ab-white);color:var(--ab-click-color)}button.tertiary:disabled{background:var(--ab-white);color:var(--ab-disabled-text)}.violet{--ab-primary-color: #af4bfe;--ab-secondary-color: #be74f9;--ab-tertiary-color: #e2bdff;--ab-quaternary-color: #f5e8ff;--ab-hover-color: #a530ff;--ab-click-color: #8e25df;--ab-focus-color: #2d5bff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
16
+ }
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
18
+ type: Component,
19
+ args: [{ selector: 'ab-button', standalone: true, imports: [CommonModule], template: "<button [class]=\"getClasses()\" [disabled]=\"disabled\">\n {{ text }}\n</button>\n", styles: ["button{--ab-primary-text-color: #181818;--ab-secondary-text-color: #5c5c5c;--ab-tertiary-text-color: #747474;--ab-icons: #7c7b7b;--ab-outline: #d7d7d7;--ab-dividers: #ededed;--ab-disabled-text: #8a8a8a;--ab-disabled-bg: #efefef;--ab-boxes: #f8f8f8;--ab-inputs: var(--ab-boxes);--ab-white: #fff;--ab-primary-color: #2d5bff;--ab-secondary-color: #6284fd;--ab-tertiary-color: #96adff;--ab-quaternary-color: #ecf0ff;--ab-hover-color: #1b4af0;--ab-click-color: #002ed0;--ab-focus-color: #af4bfe;--ab-error-bg-color: #fff2f2;--ab-error-border-color: #ff3030;--ab-success-bg-color: #e6ffe2;background:var(--ab-primary-color);color:var(--ab-white);padding:.75rem 2rem;border-radius:.5rem;border:none;font-family:sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5rem;letter-spacing:.02em;text-align:center;transition:color .3s,background-color .3s}button:disabled{cursor:not-allowed}button:focus{outline-color:var(--ab-focus-color, #af4bfe)}button.primary:hover{background:var(--ab-hover-color);color:var(--ab-white)}button.primary:active{background:var(--ab-click-color);color:var(--ab-white)}button.primary:disabled{background:var(--ab-disabled-bg);color:var(--ab-disabled-text)}button.secondary{background:var(--ab-quaternary-color);color:var(--ab-primary-color)}button.secondary:hover{background:var(--ab-hover-color);color:var(--ab-white)}button.secondary:active{background:var(--ab-click-color);color:var(--ab-white)}button.secondary:disabled{background:var(--ab-disabled-bg);color:var(--ab-disabled-text)}button.tertiary{background:var(--ab-white);color:var(--ab-primary-color)}button.tertiary:hover{background:var(--ab-white);color:var(--ab-hover-color)}button.tertiary:active{background:var(--ab-white);color:var(--ab-click-color)}button.tertiary:disabled{background:var(--ab-white);color:var(--ab-disabled-text)}.violet{--ab-primary-color: #af4bfe;--ab-secondary-color: #be74f9;--ab-tertiary-color: #e2bdff;--ab-quaternary-color: #f5e8ff;--ab-hover-color: #a530ff;--ab-click-color: #8e25df;--ab-focus-color: #2d5bff}\n"] }]
20
+ }], propDecorators: { text: [{
21
+ type: Input
22
+ }], variant: [{
23
+ type: Input
24
+ }], disabled: [{
25
+ type: Input
26
+ }], theme: [{
27
+ type: Input
28
+ }] } });
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYnV0dG9uL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2J1dHRvbi9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVkvQyxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQVFXLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixZQUFPLEdBQVksU0FBUyxDQUFDO1FBQzdCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsVUFBSyxHQUFVLE1BQU0sQ0FBQztLQUtoQztJQUhDLFVBQVU7UUFDUixPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekMsQ0FBQzsrR0FSVSxlQUFlO21HQUFmLGVBQWUseUpDYjVCLHNGQUdBLHVpRURNWSxZQUFZOzs0RkFJWCxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBS2QsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbnR5cGUgVmFyaWFudCA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5JztcbnR5cGUgVGhlbWUgPSAnYmx1ZScgfCAndmlvbGV0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWItYnV0dG9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSB0ZXh0ID0gJyc7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6IFZhcmlhbnQgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRoZW1lOiBUaGVtZSA9ICdibHVlJztcblxuICBnZXRDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMudmFyaWFudH0gJHt0aGlzLnRoZW1lfWA7XG4gIH1cbn1cbiIsIjxidXR0b24gW2NsYXNzXT1cImdldENsYXNzZXMoKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICB7eyB0ZXh0IH19XG48L2J1dHRvbj5cbiJdfQ==
package/fesm2022/alfabit-mn-button.mjs ADDED
@@ -0,0 +1,36 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Input, Component } from '@angular/core';
3
+ import { CommonModule } from '@angular/common';
4
+
5
+ class ButtonComponent {
6
+ constructor() {
7
+ this.text = '';
8
+ this.variant = 'primary';
9
+ this.disabled = false;
10
+ this.theme = 'blue';
11
+ }
12
+ getClasses() {
13
+ return `${this.variant} ${this.theme}`;
14
+ }
15
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
16
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonComponent, isStandalone: true, selector: "ab-button", inputs: { text: "text", variant: "variant", disabled: "disabled", theme: "theme" }, ngImport: i0, template: "<button [class]=\"getClasses()\" [disabled]=\"disabled\">\n {{ text }}\n</button>\n", styles: ["button{--ab-primary-text-color: #181818;--ab-secondary-text-color: #5c5c5c;--ab-tertiary-text-color: #747474;--ab-icons: #7c7b7b;--ab-outline: #d7d7d7;--ab-dividers: #ededed;--ab-disabled-text: #8a8a8a;--ab-disabled-bg: #efefef;--ab-boxes: #f8f8f8;--ab-inputs: var(--ab-boxes);--ab-white: #fff;--ab-primary-color: #2d5bff;--ab-secondary-color: #6284fd;--ab-tertiary-color: #96adff;--ab-quaternary-color: #ecf0ff;--ab-hover-color: #1b4af0;--ab-click-color: #002ed0;--ab-focus-color: #af4bfe;--ab-error-bg-color: #fff2f2;--ab-error-border-color: #ff3030;--ab-success-bg-color: #e6ffe2;background:var(--ab-primary-color);color:var(--ab-white);padding:.75rem 2rem;border-radius:.5rem;border:none;font-family:sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5rem;letter-spacing:.02em;text-align:center;transition:color .3s,background-color .3s}button:disabled{cursor:not-allowed}button:focus{outline-color:var(--ab-focus-color, #af4bfe)}button.primary:hover{background:var(--ab-hover-color);color:var(--ab-white)}button.primary:active{background:var(--ab-click-color);color:var(--ab-white)}button.primary:disabled{background:var(--ab-disabled-bg);color:var(--ab-disabled-text)}button.secondary{background:var(--ab-quaternary-color);color:var(--ab-primary-color)}button.secondary:hover{background:var(--ab-hover-color);color:var(--ab-white)}button.secondary:active{background:var(--ab-click-color);color:var(--ab-white)}button.secondary:disabled{background:var(--ab-disabled-bg);color:var(--ab-disabled-text)}button.tertiary{background:var(--ab-white);color:var(--ab-primary-color)}button.tertiary:hover{background:var(--ab-white);color:var(--ab-hover-color)}button.tertiary:active{background:var(--ab-white);color:var(--ab-click-color)}button.tertiary:disabled{background:var(--ab-white);color:var(--ab-disabled-text)}.violet{--ab-primary-color: #af4bfe;--ab-secondary-color: #be74f9;--ab-tertiary-color: #e2bdff;--ab-quaternary-color: #f5e8ff;--ab-hover-color: #a530ff;--ab-click-color: #8e25df;--ab-focus-color: #2d5bff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
17
+ }
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
19
+ type: Component,
20
+ args: [{ selector: 'ab-button', standalone: true, imports: [CommonModule], template: "<button [class]=\"getClasses()\" [disabled]=\"disabled\">\n {{ text }}\n</button>\n", styles: ["button{--ab-primary-text-color: #181818;--ab-secondary-text-color: #5c5c5c;--ab-tertiary-text-color: #747474;--ab-icons: #7c7b7b;--ab-outline: #d7d7d7;--ab-dividers: #ededed;--ab-disabled-text: #8a8a8a;--ab-disabled-bg: #efefef;--ab-boxes: #f8f8f8;--ab-inputs: var(--ab-boxes);--ab-white: #fff;--ab-primary-color: #2d5bff;--ab-secondary-color: #6284fd;--ab-tertiary-color: #96adff;--ab-quaternary-color: #ecf0ff;--ab-hover-color: #1b4af0;--ab-click-color: #002ed0;--ab-focus-color: #af4bfe;--ab-error-bg-color: #fff2f2;--ab-error-border-color: #ff3030;--ab-success-bg-color: #e6ffe2;background:var(--ab-primary-color);color:var(--ab-white);padding:.75rem 2rem;border-radius:.5rem;border:none;font-family:sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5rem;letter-spacing:.02em;text-align:center;transition:color .3s,background-color .3s}button:disabled{cursor:not-allowed}button:focus{outline-color:var(--ab-focus-color, #af4bfe)}button.primary:hover{background:var(--ab-hover-color);color:var(--ab-white)}button.primary:active{background:var(--ab-click-color);color:var(--ab-white)}button.primary:disabled{background:var(--ab-disabled-bg);color:var(--ab-disabled-text)}button.secondary{background:var(--ab-quaternary-color);color:var(--ab-primary-color)}button.secondary:hover{background:var(--ab-hover-color);color:var(--ab-white)}button.secondary:active{background:var(--ab-click-color);color:var(--ab-white)}button.secondary:disabled{background:var(--ab-disabled-bg);color:var(--ab-disabled-text)}button.tertiary{background:var(--ab-white);color:var(--ab-primary-color)}button.tertiary:hover{background:var(--ab-white);color:var(--ab-hover-color)}button.tertiary:active{background:var(--ab-white);color:var(--ab-click-color)}button.tertiary:disabled{background:var(--ab-white);color:var(--ab-disabled-text)}.violet{--ab-primary-color: #af4bfe;--ab-secondary-color: #be74f9;--ab-tertiary-color: #e2bdff;--ab-quaternary-color: #f5e8ff;--ab-hover-color: #a530ff;--ab-click-color: #8e25df;--ab-focus-color: #2d5bff}\n"] }]
21
+ }], propDecorators: { text: [{
22
+ type: Input
23
+ }], variant: [{
24
+ type: Input
25
+ }], disabled: [{
26
+ type: Input
27
+ }], theme: [{
28
+ type: Input
29
+ }] } });
30
+
31
+ /**
32
+ * Generated bundle index. Do not edit.
33
+ */
34
+
35
+ export { ButtonComponent };
36
+ //# sourceMappingURL=alfabit-mn-button.mjs.map
package/fesm2022/alfabit-mn-button.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alfabit-mn-button.mjs","sources":["../../../../libs/button/src/lib/button/button.component.ts","../../../../libs/button/src/lib/button/button.component.html","../../../../libs/button/src/alfabit-mn-button.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\ntype Variant = 'primary' | 'secondary' | 'tertiary';\ntype Theme = 'blue' | 'violet';\n\n@Component({\n selector: 'ab-button',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './button.component.html',\n styleUrl: './button.component.css',\n})\nexport class ButtonComponent {\n @Input() text = '';\n @Input() variant: Variant = 'primary';\n @Input() disabled = false;\n @Input() theme: Theme = 'blue';\n\n getClasses(): string {\n return `${this.variant} ${this.theme}`;\n }\n}\n","<button [class]=\"getClasses()\" [disabled]=\"disabled\">\n {{ text }}\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAaa,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;QAQW,IAAA,CAAA,IAAI,GAAG,EAAE;QACT,IAAA,CAAA,OAAO,GAAY,SAAS;QAC5B,IAAA,CAAA,QAAQ,GAAG,KAAK;QAChB,IAAA,CAAA,KAAK,GAAU,MAAM;AAK/B,IAAA;IAHC,UAAU,GAAA;QACR,OAAO,CAAA,EAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAA,CAAE;IACxC;+GARW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb5B,sFAGA,EAAA,MAAA,EAAA,CAAA,g/DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDMY,YAAY,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,CAAA,g/DAAA,CAAA,EAAA;8BAKd,IAAI,EAAA,CAAA;sBAAZ;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;;;AEjBH;;AAEG;;;;"}
package/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './lib/button/button.component';
package/lib/button/button.component.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import * as i0 from "@angular/core";
2
+ type Variant = 'primary' | 'secondary' | 'tertiary';
3
+ type Theme = 'blue' | 'violet';
4
+ export declare class ButtonComponent {
5
+ text: string;
6
+ variant: Variant;
7
+ disabled: boolean;
8
+ theme: Theme;
9
+ getClasses(): string;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ab-button", never, { "text": { "alias": "text"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, never, true, never>;
12
+ }
13
+ export {};
package/package.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "name": "@alfabit-mn/button",
3
+ "version": "0.1.0",
4
+ "peerDependencies": {
5
+ "@angular/common": "^17.3.0",
6
+ "@angular/core": "^17.3.0"
7
+ },
8
+ "dependencies": {
9
+ "tslib": "^2.3.0"
10
+ },
11
+ "sideEffects": false,
12
+ "publishConfig": {
13
+ "access": "public"
14
+ },
15
+ "module": "fesm2022/alfabit-mn-button.mjs",
16
+ "typings": "index.d.ts",
17
+ "exports": {
18
+ "./package.json": {
19
+ "default": "./package.json"
20
+ },
21
+ ".": {
22
+ "types": "./index.d.ts",
23
+ "esm2022": "./esm2022/alfabit-mn-button.mjs",
24
+ "esm": "./esm2022/alfabit-mn-button.mjs",
25
+ "default": "./fesm2022/alfabit-mn-button.mjs"
26
+ }
27
+ }
28
+ }