#5200 for badge and tag, new secondary and contrast variants

pull/5206/head
Cagatay Civici 2024-02-03 12:41:06 +03:00
parent b9bf900fcc
commit feb24d1555
87 changed files with 1319 additions and 145601 deletions

View File

@ -9,7 +9,7 @@ const BadgeProps = [
name: 'severity',
type: 'string',
default: 'null',
description: 'Severity type of the badge.'
description: 'Severity type of the badge. Valid severities are "secondary", "success", "info", "warning", "danger" and "contrast".'
},
{
name: 'size',

View File

@ -9,7 +9,7 @@ const TagProps = [
name: 'severity',
type: 'string',
default: 'null',
description: 'Severity type of the tag. Valid severities are "success", "info", "warning" and "danger".'
description: 'Severity type of the tag. Valid severities are "secondary", "success", "info", "warning", "danger" and "contrast".'
},
{
name: 'rounded',

View File

@ -70,7 +70,7 @@ export interface BadgeProps {
/**
* Severity type of the badge.
*/
severity?: 'info' | 'success' | 'warning' | 'danger' | string | null | undefined;
severity?: 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast' | string | null | undefined;
/**
* Size of the badge, valid options are 'large' and 'xlarge'.
*/

View File

@ -49,7 +49,9 @@ const classes = {
'p-badge-info': props.severity === 'info',
'p-badge-success': props.severity === 'success',
'p-badge-warning': props.severity === 'warning',
'p-badge-danger': props.severity === 'danger'
'p-badge-danger': props.severity === 'danger',
'p-badge-secondary': props.severity === 'secondary',
'p-badge-contrast': props.severity === 'contrast'
}
]
};

View File

@ -119,7 +119,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
/**
* Severity type of the badge.
*/
badgeSeverity?: 'info' | 'success' | 'warning' | 'danger' | string | null | undefined;
badgeSeverity?: 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast' | string | null | undefined;
/**
* Whether the button is in loading state.
* @defaultValue false

View File

@ -82,7 +82,7 @@ export interface TagProps {
/**
* Severity type of the tag.
*/
severity?: 'success' | 'info' | 'warning' | 'danger' | string | undefined;
severity?: 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'contrast' | string | undefined;
/**
* Whether the corners of the tag are rounded.
* @defaultValue false

View File

@ -28,6 +28,8 @@ const classes = {
'p-tag-success': props.severity === 'success',
'p-tag-warning': props.severity === 'warning',
'p-tag-danger': props.severity === 'danger',
'p-tag-secondary': props.severity === 'secondary',
'p-tag-contrast': props.severity === 'contrast',
'p-tag-rounded': props.rounded
}
],

View File

@ -1,13 +1,15 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Severity defines the color of the badge, possible values are <i>success</i>, <i>info</i>, <i>warning</i> and <i>danger</i> in addition to the default theme color.</p>
<p>Severity defines the variant of a badge.</p>
</DocSectionText>
<div class="card flex flex-wrap justify-content-center gap-2">
<Badge value="2"></Badge>
<Badge value="6" severity="secondary"></Badge>
<Badge value="8" severity="success"></Badge>
<Badge value="4" severity="info"></Badge>
<Badge value="12" severity="warning"></Badge>
<Badge value="3" severity="danger"></Badge>
<Badge value="5" severity="contrast"></Badge>
</div>
<DocSectionCode :code="code" />
</template>
@ -19,39 +21,43 @@ export default {
code: {
basic: `
<Badge value="2"></Badge>
<Badge value="6" severity="secondary"></Badge>
<Badge value="8" severity="success"></Badge>
<Badge value="4" severity="info"></Badge>
<Badge value="12" severity="warning"></Badge>
<Badge value="3" severity="danger"></Badge>
<Badge value="5" severity="contrast"></Badge>
`,
options: `
<template>
<div class="card flex flex-wrap justify-content-center gap-2">
<Badge value="2"></Badge>
<Badge value="6" severity="secondary"></Badge>
<Badge value="8" severity="success"></Badge>
<Badge value="4" severity="info"></Badge>
<Badge value="12" severity="warning"></Badge>
<Badge value="3" severity="danger"></Badge>
<Badge value="5" severity="contrast"></Badge>
</div>
</template>
<script>
<\/script>
`,
composition: `
<template>
<div class="card flex flex-wrap justify-content-center gap-2">
<Badge value="2"></Badge>
<Badge value="6" severity="secondary"></Badge>
<Badge value="8" severity="success"></Badge>
<Badge value="4" severity="info"></Badge>
<Badge value="12" severity="warning"></Badge>
<Badge value="3" severity="danger"></Badge>
<Badge value="5" severity="contrast"></Badge>
</div>
</template>
<script setup>
<\/script>
`
}

View File

@ -1,10 +1,10 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Buttons have built-in badge support with <i>badge</i> and <i>badgeClass</i> properties.</p>
<p>Buttons have built-in badge support with <i>badge</i> and <i>badgeSeverity</i> properties.</p>
</DocSectionText>
<div class="card flex justify-content-center flex-wrap gap-3">
<Button type="button" label="Emails" badge="8" />
<Button type="button" label="Messages" icon="pi pi-users" badge="8" badgeClass="p-badge-danger" outlined />
<Button type="button" label="Emails" badge="2" />
<Button type="button" label="Messages" icon="pi pi-users" badge="2" badgeSeverity="contrast" outlined />
</div>
<DocSectionCode :code="code" />
</template>
@ -15,14 +15,14 @@ export default {
return {
code: {
basic: `
<Button type="button" label="Emails" badge="8" />
<Button type="button" label="Messages" icon="pi pi-users" badge="8" badgeClass="p-badge-danger" outlined />
<Button type="button" label="Emails" badge="2" />
<Button type="button" label="Messages" icon="pi pi-users" badge="2" badgeSeverity="contrast" outlined />
`,
options: `
<template>
<div class="card flex justify-content-center flex-wrap gap-3">
<Button type="button" label="Emails" badge="8" />
<Button type="button" label="Messages" icon="pi pi-users" badge="8" badgeClass="p-badge-danger" outlined />
<Button type="button" label="Emails" badge="2" />
<Button type="button" label="Messages" icon="pi pi-users" badge="2" badgeSeverity="contrast" outlined />
</div>
</template>
@ -32,8 +32,8 @@ export default {
composition: `
<template>
<div class="card flex justify-content-center flex-wrap gap-3">
<Button type="button" label="Emails" badge="8" />
<Button type="button" label="Messages" icon="pi pi-users" badge="8" badgeClass="p-badge-danger" outlined />
<Button type="button" label="Emails" badge="2" />
<Button type="button" label="Messages" icon="pi pi-users" badge="2" badgeSeverity="contrast" outlined />
</div>
</template>

View File

@ -1,13 +1,15 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Severity defines the color of the tag, possible values are <i>success</i>, <i>info</i>, <i>warning</i> and <i>danger</i> in addition to the default theme color.</p>
<p>Severity defines the variant of a tag.</p>
</DocSectionText>
<div class="card flex flex-wrap justify-content-center gap-2">
<Tag value="Primary"></Tag>
<Tag severity="secondary" value="Secondary"></Tag>
<Tag severity="success" value="Success"></Tag>
<Tag severity="info" value="Info"></Tag>
<Tag severity="warning" value="Warning"></Tag>
<Tag severity="danger" value="Danger"></Tag>
<Tag severity="contrast" value="Contrast"></Tag>
</div>
<DocSectionCode :code="code" />
</template>
@ -19,19 +21,23 @@ export default {
code: {
basic: `
<Tag value="Primary"></Tag>
<Tag severity="secondary" value="Secondary"></Tag>
<Tag severity="success" value="Success"></Tag>
<Tag severity="info" value="Info"></Tag>
<Tag severity="warning" value="Warning"></Tag>
<Tag severity="danger" value="Danger"></Tag>
<Tag severity="contrast" value="Contrast"></Tag>
`,
options: `
<template>
<div class="flex flex-wrap justify-content-center gap-2">
<Tag value="Primary"></Tag>
<Tag severity="secondary" value="Secondary"></Tag>
<Tag severity="success" value="Success"></Tag>
<Tag severity="info" value="Info"></Tag>
<Tag severity="warning" value="Warning"></Tag>
<Tag severity="danger" value="Danger"></Tag>
<Tag severity="contrast" value="Contrast"></Tag>
</div>
</template>
@ -43,10 +49,12 @@ export default {
<template>
<div class="flex flex-wrap justify-content-center gap-2">
<Tag value="Primary"></Tag>
<Tag severity="secondary" value="Secondary"></Tag>
<Tag severity="success" value="Success"></Tag>
<Tag severity="info" value="Info"></Tag>
<Tag severity="warning" value="Warning"></Tag>
<Tag severity="danger" value="Danger"></Tag>
<Tag severity="contrast" value="Contrast"></Tag>
</div>
</template>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5605,6 +5605,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5847,6 +5855,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #27272a;
color: #d4d4d8;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #09090b;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5607,6 +5607,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5849,6 +5857,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5607,6 +5607,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5849,6 +5857,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5607,6 +5607,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5849,6 +5857,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5607,6 +5607,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5849,6 +5857,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5607,6 +5607,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5849,6 +5857,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5607,6 +5607,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5849,6 +5857,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5615,6 +5615,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5857,6 +5865,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5607,6 +5607,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5849,6 +5857,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5607,6 +5607,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5849,6 +5857,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5607,6 +5607,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-badge.p-badge-contrast {
background-color: #020617;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5849,6 +5857,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #f1f5f9;
color: #475569;
}
.p-tag.p-tag-contrast {
background-color: #020617;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5598,6 +5598,14 @@
background-color: #f19ea6;
color: #151515;
}
.p-badge.p-badge-secondary {
background-color: #6c757d;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #20262e;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5840,6 +5848,14 @@
background-color: #f19ea6;
color: #151515;
}
.p-tag.p-tag-secondary {
background-color: #6c757d;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #20262e;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5598,6 +5598,14 @@
background-color: #f19ea6;
color: #151515;
}
.p-badge.p-badge-secondary {
background-color: #6c757d;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #20262e;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5840,6 +5848,14 @@
background-color: #f19ea6;
color: #151515;
}
.p-tag.p-tag-secondary {
background-color: #6c757d;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #20262e;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5598,6 +5598,14 @@
background-color: #dc3545;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #6c757d;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #212529;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5840,6 +5848,14 @@
background-color: #dc3545;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #6c757d;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #212529;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5598,6 +5598,14 @@
background-color: #dc3545;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #6c757d;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #212529;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5840,6 +5848,14 @@
background-color: #dc3545;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #6c757d;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #212529;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

File diff suppressed because it is too large Load Diff

View File

@ -5556,6 +5556,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #111827;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #111827;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #111827;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #111827;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #111827;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #111827;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #111827;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #111827;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #111827;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #111827;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #111827;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #111827;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #111827;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #111827;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-badge.p-badge-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #111827;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #f87171;
color: #450a0a;
}
.p-tag.p-tag-secondary {
background-color: #94a3b8;
color: #020617;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #111827;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5556,6 +5556,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5798,6 +5806,14 @@
background-color: #EF4444;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #1f2937;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -5610,6 +5610,14 @@
background-color: #EF9A9A;
color: #212121;
}
.p-badge.p-badge-secondary {
background-color: #A5D6A7;
color: #121212;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #121212;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5852,6 +5860,14 @@
background-color: #EF9A9A;
color: #212121;
}
.p-tag.p-tag-secondary {
background-color: #A5D6A7;
color: #121212;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #121212;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5610,6 +5610,14 @@
background-color: #EF9A9A;
color: #212121;
}
.p-badge.p-badge-secondary {
background-color: #F48FB1;
color: #121212;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #121212;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5852,6 +5860,14 @@
background-color: #EF9A9A;
color: #212121;
}
.p-tag.p-tag-secondary {
background-color: #F48FB1;
color: #121212;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #121212;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5610,6 +5610,14 @@
background-color: #D32F2F;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #4CAF50;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #212121;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5852,6 +5860,14 @@
background-color: #D32F2F;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #4CAF50;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #212121;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5610,6 +5610,14 @@
background-color: #D32F2F;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #ff4081;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #212121;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5852,6 +5860,14 @@
background-color: #D32F2F;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #ff4081;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #212121;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5610,6 +5610,14 @@
background-color: #EF9A9A;
color: #212121;
}
.p-badge.p-badge-secondary {
background-color: #A5D6A7;
color: #121212;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #121212;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5852,6 +5860,14 @@
background-color: #EF9A9A;
color: #212121;
}
.p-tag.p-tag-secondary {
background-color: #A5D6A7;
color: #121212;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #121212;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5610,6 +5610,14 @@
background-color: #EF9A9A;
color: #212121;
}
.p-badge.p-badge-secondary {
background-color: #F48FB1;
color: #121212;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #121212;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5852,6 +5860,14 @@
background-color: #EF9A9A;
color: #212121;
}
.p-tag.p-tag-secondary {
background-color: #F48FB1;
color: #121212;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #121212;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5610,6 +5610,14 @@
background-color: #D32F2F;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #4CAF50;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #212121;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5852,6 +5860,14 @@
background-color: #D32F2F;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #4CAF50;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #212121;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5610,6 +5610,14 @@
background-color: #D32F2F;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #ff4081;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #212121;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5852,6 +5860,14 @@
background-color: #D32F2F;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #ff4081;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #212121;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -5561,6 +5561,14 @@
background-color: #eb9a9c;
color: #1d1e27;
}
.p-badge.p-badge-secondary {
background-color: #d4ea93;
color: #1d1e27;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #1d1e27;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5803,6 +5811,14 @@
background-color: #eb9a9c;
color: #1d1e27;
}
.p-tag.p-tag-secondary {
background-color: #d4ea93;
color: #1d1e27;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #1d1e27;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5561,6 +5561,14 @@
background-color: #ea5455;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #a1c30d;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #212529;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5803,6 +5811,14 @@
background-color: #ea5455;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #a1c30d;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #212529;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -5618,6 +5618,14 @@
background-color: #e693a9;
color: #0e1315;
}
.p-badge.p-badge-secondary {
background-color: #b4bfcd;
color: #0e1315;
}
.p-badge.p-badge-contrast {
background-color: #ffffff;
color: #0e1315;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5860,6 +5868,14 @@
background-color: #e693a9;
color: #0e1315;
}
.p-tag.p-tag-secondary {
background-color: #b4bfcd;
color: #0e1315;
}
.p-tag.p-tag-contrast {
background-color: #ffffff;
color: #0e1315;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}

View File

@ -5618,6 +5618,14 @@
background-color: #d45472;
color: #ffffff;
}
.p-badge.p-badge-secondary {
background-color: #8191a6;
color: #ffffff;
}
.p-badge.p-badge-contrast {
background-color: #3b3b3b;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
@ -5860,6 +5868,14 @@
background-color: #d45472;
color: #ffffff;
}
.p-tag.p-tag-secondary {
background-color: #8191a6;
color: #ffffff;
}
.p-tag.p-tag-contrast {
background-color: #3b3b3b;
color: #ffffff;
}
.p-tag .p-tag-icon {
font-size: 0.75rem;
}