diff --git a/components/lib/breadcrumb/style/BreadcrumbStyle.js b/components/lib/breadcrumb/style/BreadcrumbStyle.js index 3e8ac0f7a..ea462d845 100644 --- a/components/lib/breadcrumb/style/BreadcrumbStyle.js +++ b/components/lib/breadcrumb/style/BreadcrumbStyle.js @@ -6,9 +6,9 @@ const classes = { home: 'p-breadcrumb-home-item', separator: 'p-breadcrumb-separator', menuitem: ({ instance }) => ['p-breadcrumb-item', { 'p-disabled': instance.disabled() }], - action: 'p-breadcrumb-action', - icon: 'p-breadcrumb-icon', - label: 'p-breadcrumb-label' + action: 'p-breadcrumb-item-link', + icon: 'p-breadcrumb-item-icon', + label: 'p-breadcrumb-item-label' }; export default BaseStyle.extend({ diff --git a/components/lib/themes/primeone/base/breadcrumb/index.js b/components/lib/themes/primeone/base/breadcrumb/index.js index 042fd4651..0d1bd8295 100644 --- a/components/lib/themes/primeone/base/breadcrumb/index.js +++ b/components/lib/themes/primeone/base/breadcrumb/index.js @@ -28,7 +28,7 @@ export default { display: none; } -.p-breadcrumb-action { +.p-breadcrumb-item-link { text-decoration: none; display: flex; align-items: center; @@ -37,23 +37,23 @@ export default { outline-color: transparent; } -.p-breadcrumb-action:focus-visible { +.p-breadcrumb-item-link:focus-visible { outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')}; outline-offset: ${dt('focus.ring.offset')}; } -.p-breadcrumb-label { +.p-breadcrumb-item-link { color: ${dt('breadcrumb.item.color')}; transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; line-height: 1; } -.p-breadcrumb-label:hover { +.p-breadcrumb-item-label:hover { color: ${dt('breadcrumb.item.hover.color')}; line-height: 1; } -.p-breadcrumb-icon { +.p-breadcrumb-item-icon { color: ${dt('breadcrumb.item.icon.color')}; } `