@alfabit-mn/button 0.1.1 → 1.0.1
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.
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Generated bundle index. Do not edit.
|
|
3
3
|
*/
|
|
4
4
|
export * from './index';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxmYWJpdC1tbi1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpL2J1dHRvbi9zcmMvYWxmYWJpdC1tbi1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
|
package/esm2022/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './lib/button/button.component';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpL2J1dHRvbi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -15,11 +15,11 @@ export class ButtonComponent {
|
|
|
15
15
|
return `${this.variant} ${this.theme}`;
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
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{
|
|
18
|
+
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{background:var(--ab-primary-color, #2d5bff);color:var(--ab-white, #fff);padding:.75rem 2rem;border-radius:var(--ab-border-radius-botao, .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, #1b4af0);color:var(--ab-white, #fff)}button.primary:active{background:var(--ab-click-color, #002ed0);color:var(--ab-white, #fff)}button.primary:disabled{background:var(--ab-disabled-bg, #efefef);color:var(--ab-disabled-text, #8a8a8a)}button.secondary{background:var(--ab-quaternary-color, #ecf0ff);color:var(--ab-primary-color, #2d5bff)}button.secondary:hover{background:var(--ab-hover-color, #1b4af0);color:var(--ab-white, #fff)}button.secondary:active{background:var(--ab-click-color, #002ed0);color:var(--ab-white, #fff)}button.secondary:disabled{background:var(--ab-disabled-bg, #efefef);color:var(--ab-disabled-text, #8a8a8a)}button.tertiary{background:var(--ab-white, #fff);color:var(--ab-primary-color, #2d5bff)}button.tertiary:hover{background:var(--ab-white, #fff);color:var(--ab-hover-color, #1b4af0)}button.tertiary:active{background:var(--ab-white, #fff);color:var(--ab-click-color, #002ed0)}button.tertiary:disabled{background:var(--ab-white, #fff);color:var(--ab-disabled-text, #8a8a8a)}.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 }] }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'ab-button', standalone: true, imports: [CommonModule], template: "<button [class]=\"getClasses()\" [disabled]=\"disabled\">\n {{ text }}\n</button>\n", styles: ["button{
|
|
22
|
+
args: [{ selector: 'ab-button', standalone: true, imports: [CommonModule], template: "<button [class]=\"getClasses()\" [disabled]=\"disabled\">\n {{ text }}\n</button>\n", styles: ["button{background:var(--ab-primary-color, #2d5bff);color:var(--ab-white, #fff);padding:.75rem 2rem;border-radius:var(--ab-border-radius-botao, .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, #1b4af0);color:var(--ab-white, #fff)}button.primary:active{background:var(--ab-click-color, #002ed0);color:var(--ab-white, #fff)}button.primary:disabled{background:var(--ab-disabled-bg, #efefef);color:var(--ab-disabled-text, #8a8a8a)}button.secondary{background:var(--ab-quaternary-color, #ecf0ff);color:var(--ab-primary-color, #2d5bff)}button.secondary:hover{background:var(--ab-hover-color, #1b4af0);color:var(--ab-white, #fff)}button.secondary:active{background:var(--ab-click-color, #002ed0);color:var(--ab-white, #fff)}button.secondary:disabled{background:var(--ab-disabled-bg, #efefef);color:var(--ab-disabled-text, #8a8a8a)}button.tertiary{background:var(--ab-white, #fff);color:var(--ab-primary-color, #2d5bff)}button.tertiary:hover{background:var(--ab-white, #fff);color:var(--ab-hover-color, #1b4af0)}button.tertiary:active{background:var(--ab-white, #fff);color:var(--ab-click-color, #002ed0)}button.tertiary:disabled{background:var(--ab-white, #fff);color:var(--ab-disabled-text, #8a8a8a)}.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"] }]
|
|
23
23
|
}], propDecorators: { text: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], variant: [{
|
|
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
29
29
|
}], theme: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvYnV0dG9uL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2J1dHRvbi9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVkvQyxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQVFFOztXQUVHO1FBQ00sU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLFlBQU8sR0FBWSxTQUFTLENBQUM7UUFDN0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixVQUFLLEdBQVUsTUFBTSxDQUFDO0tBS2hDO0lBSEMsVUFBVTtRQUNSLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QyxDQUFDOytHQVhVLGVBQWU7bUdBQWYsZUFBZSx5SkNiNUIsc0ZBR0EsbXNERE1ZLFlBQVk7OzRGQUlYLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFRZCxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxudHlwZSBWYXJpYW50ID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknO1xudHlwZSBUaGVtZSA9ICdibHVlJyB8ICd2aW9sZXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhYi1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9idXR0b24uY29tcG9uZW50LmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUZXh0byBkbyBib3TDo28uXG4gICAqL1xuICBASW5wdXQoKSB0ZXh0ID0gJyc7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6IFZhcmlhbnQgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRoZW1lOiBUaGVtZSA9ICdibHVlJztcblxuICBnZXRDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMudmFyaWFudH0gJHt0aGlzLnRoZW1lfWA7XG4gIH1cbn1cbiIsIjxidXR0b24gW2NsYXNzXT1cImdldENsYXNzZXMoKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICB7eyB0ZXh0IH19XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -16,11 +16,11 @@ class ButtonComponent {
|
|
|
16
16
|
return `${this.variant} ${this.theme}`;
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
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{
|
|
19
|
+
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{background:var(--ab-primary-color, #2d5bff);color:var(--ab-white, #fff);padding:.75rem 2rem;border-radius:var(--ab-border-radius-botao, .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, #1b4af0);color:var(--ab-white, #fff)}button.primary:active{background:var(--ab-click-color, #002ed0);color:var(--ab-white, #fff)}button.primary:disabled{background:var(--ab-disabled-bg, #efefef);color:var(--ab-disabled-text, #8a8a8a)}button.secondary{background:var(--ab-quaternary-color, #ecf0ff);color:var(--ab-primary-color, #2d5bff)}button.secondary:hover{background:var(--ab-hover-color, #1b4af0);color:var(--ab-white, #fff)}button.secondary:active{background:var(--ab-click-color, #002ed0);color:var(--ab-white, #fff)}button.secondary:disabled{background:var(--ab-disabled-bg, #efefef);color:var(--ab-disabled-text, #8a8a8a)}button.tertiary{background:var(--ab-white, #fff);color:var(--ab-primary-color, #2d5bff)}button.tertiary:hover{background:var(--ab-white, #fff);color:var(--ab-hover-color, #1b4af0)}button.tertiary:active{background:var(--ab-white, #fff);color:var(--ab-click-color, #002ed0)}button.tertiary:disabled{background:var(--ab-white, #fff);color:var(--ab-disabled-text, #8a8a8a)}.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 }] }); }
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'ab-button', standalone: true, imports: [CommonModule], template: "<button [class]=\"getClasses()\" [disabled]=\"disabled\">\n {{ text }}\n</button>\n", styles: ["button{
|
|
23
|
+
args: [{ selector: 'ab-button', standalone: true, imports: [CommonModule], template: "<button [class]=\"getClasses()\" [disabled]=\"disabled\">\n {{ text }}\n</button>\n", styles: ["button{background:var(--ab-primary-color, #2d5bff);color:var(--ab-white, #fff);padding:.75rem 2rem;border-radius:var(--ab-border-radius-botao, .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, #1b4af0);color:var(--ab-white, #fff)}button.primary:active{background:var(--ab-click-color, #002ed0);color:var(--ab-white, #fff)}button.primary:disabled{background:var(--ab-disabled-bg, #efefef);color:var(--ab-disabled-text, #8a8a8a)}button.secondary{background:var(--ab-quaternary-color, #ecf0ff);color:var(--ab-primary-color, #2d5bff)}button.secondary:hover{background:var(--ab-hover-color, #1b4af0);color:var(--ab-white, #fff)}button.secondary:active{background:var(--ab-click-color, #002ed0);color:var(--ab-white, #fff)}button.secondary:disabled{background:var(--ab-disabled-bg, #efefef);color:var(--ab-disabled-text, #8a8a8a)}button.tertiary{background:var(--ab-white, #fff);color:var(--ab-primary-color, #2d5bff)}button.tertiary:hover{background:var(--ab-white, #fff);color:var(--ab-hover-color, #1b4af0)}button.tertiary:active{background:var(--ab-white, #fff);color:var(--ab-click-color, #002ed0)}button.tertiary:disabled{background:var(--ab-white, #fff);color:var(--ab-disabled-text, #8a8a8a)}.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"] }]
|
|
24
24
|
}], propDecorators: { text: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], variant: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alfabit-mn-button.mjs","sources":["
|
|
1
|
+
{"version":3,"file":"alfabit-mn-button.mjs","sources":["../../../../../libs/ui/button/src/lib/button/button.component.ts","../../../../../libs/ui/button/src/lib/button/button.component.html","../../../../../libs/ui/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 /**\n * Texto do botão.\n */\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;AAQE;;AAEG;QACM,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;+GAXW,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,4oDAAA,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,4oDAAA,CAAA,EAAA;8BAQd,IAAI,EAAA,CAAA;sBAAZ;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;;;AEpBH;;AAEG;;;;"}
|