diff --git a/components/lib/tag/style/TagStyle.js b/components/lib/tag/style/TagStyle.js index 5ee6cf84f..f9cb57933 100644 --- a/components/lib/tag/style/TagStyle.js +++ b/components/lib/tag/style/TagStyle.js @@ -6,7 +6,7 @@ const classes = { { 'p-tag-info': props.severity === 'info', 'p-tag-success': props.severity === 'success', - 'p-tag-warning': props.severity === 'warning', + 'p-tag-warn': props.severity === 'warning', 'p-tag-danger': props.severity === 'danger', 'p-tag-secondary': props.severity === 'secondary', 'p-tag-contrast': props.severity === 'contrast', @@ -14,7 +14,7 @@ const classes = { } ], icon: 'p-tag-icon', - value: 'p-tag-value' + value: 'p-tag-label' }; export default BaseStyle.extend({ diff --git a/components/lib/themes/primeone/base/tag/index.js b/components/lib/themes/primeone/base/tag/index.js index d71f39aa3..c352f63b3 100644 --- a/components/lib/themes/primeone/base/tag/index.js +++ b/components/lib/themes/primeone/base/tag/index.js @@ -6,10 +6,10 @@ export default { justify-content: center; background: ${dt('tag.primary.background')}; color: ${dt('tag.primary.color')}; - font-size: 0.75rem; + font-size: 0.875rem; font-weight: 700; padding: 0.25rem 0.4rem; - border-radius: 6px; + border-radius: ${dt('rounded.base')}; gap: 0.25rem; } @@ -33,7 +33,7 @@ export default { color: ${dt('tag.info.color')}; } -.p-tag-warning { +.p-tag-warn { background: ${dt('tag.warn.background')}; color: ${dt('tag.warn.color')}; }