refactor: update prefix
This commit is contained in:
@@ -3,7 +3,7 @@ import { TypographyVariants } from '../../types/TypographyVariants';
|
|||||||
import { NgTemplateOutlet } from '@angular/common';
|
import { NgTemplateOutlet } from '@angular/common';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'my-wallet-typography',
|
selector: 'mw-typography',
|
||||||
standalone: true,
|
standalone: true,
|
||||||
imports: [NgTemplateOutlet],
|
imports: [NgTemplateOutlet],
|
||||||
templateUrl: './typography.component.html',
|
templateUrl: './typography.component.html',
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<my-wallet-typography
|
<mw-typography
|
||||||
[color]="color()"
|
[color]="color()"
|
||||||
[size]="size()"
|
[size]="size()"
|
||||||
[variant]="typographyVariant"
|
[variant]="typographyVariant"
|
||||||
>{{amount()|currency:currencyCode():'symbol-narrow'}}</my-wallet-typography>
|
>{{amount()|currency:currencyCode():'symbol-narrow'}}</mw-typography>
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
<mw-title-bar-base-money [amount]="amount()" [amountProps]="amountProps()">
|
<mw-title-bar-base-money [amount]="amount()" [amountProps]="amountProps()">
|
||||||
<my-wallet-typography
|
<mw-typography
|
||||||
[ellipsis]="true"
|
[ellipsis]="true"
|
||||||
maxWidth="19rem"
|
maxWidth="19rem"
|
||||||
color="var(--mw-gray-500)"
|
color="var(--mw-gray-500)"
|
||||||
[letterSpacing]="categoryProps().letterSpacing"
|
[letterSpacing]="categoryProps().letterSpacing"
|
||||||
[lineHeight]="categoryProps().lineHeight"
|
[lineHeight]="categoryProps().lineHeight"
|
||||||
[size]="categoryProps().size"
|
[size]="categoryProps().size"
|
||||||
>{{category()}}</my-wallet-typography>
|
>{{category()}}</mw-typography>
|
||||||
</mw-title-bar-base-money>
|
</mw-title-bar-base-money>
|
||||||
@@ -75,7 +75,7 @@ export default {
|
|||||||
const Template = (args: {variant: TypographyVariants, ellipsis: boolean, letterSpacing: string, lineHeight: null|string, size: string, color: string, maxWidth: null|string}) => ({
|
const Template = (args: {variant: TypographyVariants, ellipsis: boolean, letterSpacing: string, lineHeight: null|string, size: string, color: string, maxWidth: null|string}) => ({
|
||||||
props: args,
|
props: args,
|
||||||
template: `
|
template: `
|
||||||
<my-wallet-typography
|
<mw-typography
|
||||||
[variant]="${args.variant}"
|
[variant]="${args.variant}"
|
||||||
[ellipsis]="${args.ellipsis}"
|
[ellipsis]="${args.ellipsis}"
|
||||||
color="${args.color}"
|
color="${args.color}"
|
||||||
@@ -83,7 +83,7 @@ const Template = (args: {variant: TypographyVariants, ellipsis: boolean, letterS
|
|||||||
lineHeight="${args.lineHeight}"
|
lineHeight="${args.lineHeight}"
|
||||||
maxWidth="${args.maxWidth}"
|
maxWidth="${args.maxWidth}"
|
||||||
size="${args.size}"
|
size="${args.size}"
|
||||||
>Texto</my-wallet-typography>`,
|
>Texto</mw-typography>`,
|
||||||
});
|
});
|
||||||
|
|
||||||
export const Paragraph = Template.bind({});
|
export const Paragraph = Template.bind({});
|
||||||
|
|||||||
Reference in New Issue
Block a user