@primeuix/themes/tokens/index.mjs

Themes for PrimeUI Libraries

var o={accordion:{description:"Accordion Design Tokens",tokens:[{name:"accordion.root.transitionDuration",token:"accordion.transition.duration",variable:"--p-accordion-transition-duration",description:"Transition duration of root"},{name:"accordion.panel.borderWidth",token:"accordion.panel.border.width",variable:"--p-accordion-panel-border-width",description:"Border width of panel"},{name:"accordion.panel.borderColor",token:"accordion.panel.border.color",variable:"--p-accordion-panel-border-color",description:"Border color of panel"},{name:"accordion.header.color",token:"accordion.header.color",variable:"--p-accordion-header-color",description:"Color of header"},{name:"accordion.header.hoverColor",token:"accordion.header.hover.color",variable:"--p-accordion-header-hover-color",description:"Hover color of header"},{name:"accordion.header.activeColor",token:"accordion.header.active.color",variable:"--p-accordion-header-active-color",description:"Active color of header"},{name:"accordion.header.activeHoverColor",token:"accordion.header.active.hover.color",variable:"--p-accordion-header-active-hover-color",description:"Active hover color of header"},{name:"accordion.header.padding",token:"accordion.header.padding",variable:"--p-accordion-header-padding",description:"Padding of header"},{name:"accordion.header.fontWeight",token:"accordion.header.font.weight",variable:"--p-accordion-header-font-weight",description:"Font weight of header"},{name:"accordion.header.borderRadius",token:"accordion.header.border.radius",variable:"--p-accordion-header-border-radius",description:"Border radius of header"},{name:"accordion.header.borderWidth",token:"accordion.header.border.width",variable:"--p-accordion-header-border-width",description:"Border width of header"},{name:"accordion.header.borderColor",token:"accordion.header.border.color",variable:"--p-accordion-header-border-color",description:"Border color of header"},{name:"accordion.header.background",token:"accordion.header.background",variable:"--p-accordion-header-background",description:"Background of header"},{name:"accordion.header.hoverBackground",token:"accordion.header.hover.background",variable:"--p-accordion-header-hover-background",description:"Hover background of header"},{name:"accordion.header.activeBackground",token:"accordion.header.active.background",variable:"--p-accordion-header-active-background",description:"Active background of header"},{name:"accordion.header.activeHoverBackground",token:"accordion.header.active.hover.background",variable:"--p-accordion-header-active-hover-background",description:"Active hover background of header"},{name:"accordion.header.focusRing.width",token:"accordion.header.focus.ring.width",variable:"--p-accordion-header-focus-ring-width",description:"Focus ring width of header"},{name:"accordion.header.focusRing.style",token:"accordion.header.focus.ring.style",variable:"--p-accordion-header-focus-ring-style",description:"Focus ring style of header"},{name:"accordion.header.focusRing.color",token:"accordion.header.focus.ring.color",variable:"--p-accordion-header-focus-ring-color",description:"Focus ring color of header"},{name:"accordion.header.focusRing.offset",token:"accordion.header.focus.ring.offset",variable:"--p-accordion-header-focus-ring-offset",description:"Focus ring offset of header"},{name:"accordion.header.focusRing.shadow",token:"accordion.header.focus.ring.shadow",variable:"--p-accordion-header-focus-ring-shadow",description:"Focus ring shadow of header"},{name:"accordion.header.toggleIcon.color",token:"accordion.header.toggle.icon.color",variable:"--p-accordion-header-toggle-icon-color",description:"Toggle icon color of header"},{name:"accordion.header.toggleIcon.hoverColor",token:"accordion.header.toggle.icon.hover.color",variable:"--p-accordion-header-toggle-icon-hover-color",description:"Toggle icon hover color of header"},{name:"accordion.header.toggleIcon.activeColor",token:"accordion.header.toggle.icon.active.color",variable:"--p-accordion-header-toggle-icon-active-color",description:"Toggle icon active color of header"},{name:"accordion.header.toggleIcon.activeHoverColor",token:"accordion.header.toggle.icon.active.hover.color",variable:"--p-accordion-header-toggle-icon-active-hover-color",description:"Toggle icon active hover color of header"},{name:"accordion.header.first.topBorderRadius",token:"accordion.header.first.top.border.radius",variable:"--p-accordion-header-first-top-border-radius",description:"First top border radius of header"},{name:"accordion.header.first.borderWidth",token:"accordion.header.first.border.width",variable:"--p-accordion-header-first-border-width",description:"First border width of header"},{name:"accordion.header.last.bottomBorderRadius",token:"accordion.header.last.bottom.border.radius",variable:"--p-accordion-header-last-bottom-border-radius",description:"Last bottom border radius of header"},{name:"accordion.header.last.activeBottomBorderRadius",token:"accordion.header.last.active.bottom.border.radius",variable:"--p-accordion-header-last-active-bottom-border-radius",description:"Last active bottom border radius of header"},{name:"accordion.content.borderWidth",token:"accordion.content.border.width",variable:"--p-accordion-content-border-width",description:"Border width of content"},{name:"accordion.content.borderColor",token:"accordion.content.border.color",variable:"--p-accordion-content-border-color",description:"Border color of content"},{name:"accordion.content.background",token:"accordion.content.background",variable:"--p-accordion-content-background",description:"Background of content"},{name:"accordion.content.color",token:"accordion.content.color",variable:"--p-accordion-content-color",description:"Color of content"},{name:"accordion.content.padding",token:"accordion.content.padding",variable:"--p-accordion-content-padding",description:"Padding of content"}]},autocomplete:{description:"AutoComplete Design Tokens",tokens:[{name:"autocomplete.root.background",token:"autocomplete.background",variable:"--p-autocomplete-background",description:"Background of root"},{name:"autocomplete.root.disabledBackground",token:"autocomplete.disabled.background",variable:"--p-autocomplete-disabled-background",description:"Disabled background of root"},{name:"autocomplete.root.filledBackground",token:"autocomplete.filled.background",variable:"--p-autocomplete-filled-background",description:"Filled background of root"},{name:"autocomplete.root.filledHoverBackground",token:"autocomplete.filled.hover.background",variable:"--p-autocomplete-filled-hover-background",description:"Filled hover background of root"},{name:"autocomplete.root.filledFocusBackground",token:"autocomplete.filled.focus.background",variable:"--p-autocomplete-filled-focus-background",description:"Filled focus background of root"},{name:"autocomplete.root.borderColor",token:"autocomplete.border.color",variable:"--p-autocomplete-border-color",description:"Border color of root"},{name:"autocomplete.root.hoverBorderColor",token:"autocomplete.hover.border.color",variable:"--p-autocomplete-hover-border-color",description:"Hover border color of root"},{name:"autocomplete.root.focusBorderColor",token:"autocomplete.focus.border.color",variable:"--p-autocomplete-focus-border-color",description:"Focus border color of root"},{name:"autocomplete.root.invalidBorderColor",token:"autocomplete.invalid.border.color",variable:"--p-autocomplete-invalid-border-color",description:"Invalid border color of root"},{name:"autocomplete.root.color",token:"autocomplete.color",variable:"--p-autocomplete-color",description:"Color of root"},{name:"autocomplete.root.disabledColor",token:"autocomplete.disabled.color",variable:"--p-autocomplete-disabled-color",description:"Disabled color of root"},{name:"autocomplete.root.placeholderColor",token:"autocomplete.placeholder.color",variable:"--p-autocomplete-placeholder-color",description:"Placeholder color of root"},{name:"autocomplete.root.invalidPlaceholderColor",token:"autocomplete.invalid.placeholder.color",variable:"--p-autocomplete-invalid-placeholder-color",description:"Invalid placeholder color of root"},{name:"autocomplete.root.shadow",token:"autocomplete.shadow",variable:"--p-autocomplete-shadow",description:"Shadow of root"},{name:"autocomplete.root.paddingX",token:"autocomplete.padding.x",variable:"--p-autocomplete-padding-x",description:"Padding x of root"},{name:"autocomplete.root.paddingY",token:"autocomplete.padding.y",variable:"--p-autocomplete-padding-y",description:"Padding y of root"},{name:"autocomplete.root.borderRadius",token:"autocomplete.border.radius",variable:"--p-autocomplete-border-radius",description:"Border radius of root"},{name:"autocomplete.root.focusRing.width",token:"autocomplete.focus.ring.width",variable:"--p-autocomplete-focus-ring-width",description:"Focus ring width of root"},{name:"autocomplete.root.focusRing.style",token:"autocomplete.focus.ring.style",variable:"--p-autocomplete-focus-ring-style",description:"Focus ring style of root"},{name:"autocomplete.root.focusRing.color",token:"autocomplete.focus.ring.color",variable:"--p-autocomplete-focus-ring-color",description:"Focus ring color of root"},{name:"autocomplete.root.focusRing.offset",token:"autocomplete.focus.ring.offset",variable:"--p-autocomplete-focus-ring-offset",description:"Focus ring offset of root"},{name:"autocomplete.root.focusRing.shadow",token:"autocomplete.focus.ring.shadow",variable:"--p-autocomplete-focus-ring-shadow",description:"Focus ring shadow of root"},{name:"autocomplete.root.transitionDuration",token:"autocomplete.transition.duration",variable:"--p-autocomplete-transition-duration",description:"Transition duration of root"},{name:"autocomplete.overlay.background",token:"autocomplete.overlay.background",variable:"--p-autocomplete-overlay-background",description:"Background of overlay"},{name:"autocomplete.overlay.borderColor",token:"autocomplete.overlay.border.color",variable:"--p-autocomplete-overlay-border-color",description:"Border color of overlay"},{name:"autocomplete.overlay.borderRadius",token:"autocomplete.overlay.border.radius",variable:"--p-autocomplete-overlay-border-radius",description:"Border radius of overlay"},{name:"autocomplete.overlay.color",token:"autocomplete.overlay.color",variable:"--p-autocomplete-overlay-color",description:"Color of overlay"},{name:"autocomplete.overlay.shadow",token:"autocomplete.overlay.shadow",variable:"--p-autocomplete-overlay-shadow",description:"Shadow of overlay"},{name:"autocomplete.list.padding",token:"autocomplete.list.padding",variable:"--p-autocomplete-list-padding",description:"Padding of list"},{name:"autocomplete.list.gap",token:"autocomplete.list.gap",variable:"--p-autocomplete-list-gap",description:"Gap of list"},{name:"autocomplete.option.focusBackground",token:"autocomplete.option.focus.background",variable:"--p-autocomplete-option-focus-background",description:"Focus background of option"},{name:"autocomplete.option.selectedBackground",token:"autocomplete.option.selected.background",variable:"--p-autocomplete-option-selected-background",description:"Selected background of option"},{name:"autocomplete.option.selectedFocusBackground",token:"autocomplete.option.selected.focus.background",variable:"--p-autocomplete-option-selected-focus-background",description:"Selected focus background of option"},{name:"autocomplete.option.color",token:"autocomplete.option.color",variable:"--p-autocomplete-option-color",description:"Color of option"},{name:"autocomplete.option.focusColor",token:"autocomplete.option.focus.color",variable:"--p-autocomplete-option-focus-color",description:"Focus color of option"},{name:"autocomplete.option.selectedColor",token:"autocomplete.option.selected.color",variable:"--p-autocomplete-option-selected-color",description:"Selected color of option"},{name:"autocomplete.option.selectedFocusColor",token:"autocomplete.option.selected.focus.color",variable:"--p-autocomplete-option-selected-focus-color",description:"Selected focus color of option"},{name:"autocomplete.option.padding",token:"autocomplete.option.padding",variable:"--p-autocomplete-option-padding",description:"Padding of option"},{name:"autocomplete.option.borderRadius",token:"autocomplete.option.border.radius",variable:"--p-autocomplete-option-border-radius",description:"Border radius of option"},{name:"autocomplete.optionGroup.background",token:"autocomplete.option.group.background",variable:"--p-autocomplete-option-group-background",description:"Background of option group"},{name:"autocomplete.optionGroup.color",token:"autocomplete.option.group.color",variable:"--p-autocomplete-option-group-color",description:"Color of option group"},{name:"autocomplete.optionGroup.fontWeight",token:"autocomplete.option.group.font.weight",variable:"--p-autocomplete-option-group-font-weight",description:"Font weight of option group"},{name:"autocomplete.optionGroup.padding",token:"autocomplete.option.group.padding",variable:"--p-autocomplete-option-group-padding",description:"Padding of option group"},{name:"autocomplete.dropdown.width",token:"autocomplete.dropdown.width",variable:"--p-autocomplete-dropdown-width",description:"Width of dropdown"},{name:"autocomplete.dropdown.sm.width",token:"autocomplete.dropdown.sm.width",variable:"--p-autocomplete-dropdown-sm-width",description:"Sm width of dropdown"},{name:"autocomplete.dropdown.lg.width",token:"autocomplete.dropdown.lg.width",variable:"--p-autocomplete-dropdown-lg-width",description:"Lg width of dropdown"},{name:"autocomplete.dropdown.borderColor",token:"autocomplete.dropdown.border.color",variable:"--p-autocomplete-dropdown-border-color",description:"Border color of dropdown"},{name:"autocomplete.dropdown.hoverBorderColor",token:"autocomplete.dropdown.hover.border.color",variable:"--p-autocomplete-dropdown-hover-border-color",description:"Hover border color of dropdown"},{name:"autocomplete.dropdown.activeBorderColor",token:"autocomplete.dropdown.active.border.color",variable:"--p-autocomplete-dropdown-active-border-color",description:"Active border color of dropdown"},{name:"autocomplete.dropdown.borderRadius",token:"autocomplete.dropdown.border.radius",variable:"--p-autocomplete-dropdown-border-radius",description:"Border radius of dropdown"},{name:"autocomplete.dropdown.focusRing.width",token:"autocomplete.dropdown.focus.ring.width",variable:"--p-autocomplete-dropdown-focus-ring-width",description:"Focus ring width of dropdown"},{name:"autocomplete.dropdown.focusRing.style",token:"autocomplete.dropdown.focus.ring.style",variable:"--p-autocomplete-dropdown-focus-ring-style",description:"Focus ring style of dropdown"},{name:"autocomplete.dropdown.focusRing.color",token:"autocomplete.dropdown.focus.ring.color",variable:"--p-autocomplete-dropdown-focus-ring-color",description:"Focus ring color of dropdown"},{name:"autocomplete.dropdown.focusRing.offset",token:"autocomplete.dropdown.focus.ring.offset",variable:"--p-autocomplete-dropdown-focus-ring-offset",description:"Focus ring offset of dropdown"},{name:"autocomplete.dropdown.focusRing.shadow",token:"autocomplete.dropdown.focus.ring.shadow",variable:"--p-autocomplete-dropdown-focus-ring-shadow",description:"Focus ring shadow of dropdown"},{name:"autocomplete.dropdown.background",token:"autocomplete.dropdown.background",variable:"--p-autocomplete-dropdown-background",description:"Background of dropdown"},{name:"autocomplete.dropdown.hoverBackground",token:"autocomplete.dropdown.hover.background",variable:"--p-autocomplete-dropdown-hover-background",description:"Hover background of dropdown"},{name:"autocomplete.dropdown.activeBackground",token:"autocomplete.dropdown.active.background",variable:"--p-autocomplete-dropdown-active-background",description:"Active background of dropdown"},{name:"autocomplete.dropdown.color",token:"autocomplete.dropdown.color",variable:"--p-autocomplete-dropdown-color",description:"Color of dropdown"},{name:"autocomplete.dropdown.hoverColor",token:"autocomplete.dropdown.hover.color",variable:"--p-autocomplete-dropdown-hover-color",description:"Hover color of dropdown"},{name:"autocomplete.dropdown.activeColor",token:"autocomplete.dropdown.active.color",variable:"--p-autocomplete-dropdown-active-color",description:"Active color of dropdown"},{name:"autocomplete.chip.borderRadius",token:"autocomplete.chip.border.radius",variable:"--p-autocomplete-chip-border-radius",description:"Border radius of chip"},{name:"autocomplete.chip.focusBackground",token:"autocomplete.chip.focus.background",variable:"--p-autocomplete-chip-focus-background",description:"Focus background of chip"},{name:"autocomplete.chip.focusColor",token:"autocomplete.chip.focus.color",variable:"--p-autocomplete-chip-focus-color",description:"Focus color of chip"},{name:"autocomplete.emptyMessage.padding",token:"autocomplete.empty.message.padding",variable:"--p-autocomplete-empty-message-padding",description:"Padding of empty message"}]},avatar:{description:"Avatar Design Tokens",tokens:[{name:"avatar.root.width",token:"avatar.width",variable:"--p-avatar-width",description:"Width of root"},{name:"avatar.root.height",token:"avatar.height",variable:"--p-avatar-height",description:"Height of root"},{name:"avatar.root.fontSize",token:"avatar.font.size",variable:"--p-avatar-font-size",description:"Font size of root"},{name:"avatar.root.background",token:"avatar.background",variable:"--p-avatar-background",description:"Background of root"},{name:"avatar.root.color",token:"avatar.color",variable:"--p-avatar-color",description:"Color of root"},{name:"avatar.root.borderRadius",token:"avatar.border.radius",variable:"--p-avatar-border-radius",description:"Border radius of root"},{name:"avatar.icon.size",token:"avatar.icon.size",variable:"--p-avatar-icon-size",description:"Size of icon"},{name:"avatar.group.borderColor",token:"avatar.group.border.color",variable:"--p-avatar-group-border-color",description:"Border color of group"},{name:"avatar.group.offset",token:"avatar.group.offset",variable:"--p-avatar-group-offset",description:"Offset of group"},{name:"avatar.lg.width",token:"avatar.lg.width",variable:"--p-avatar-lg-width",description:"Width of lg"},{name:"avatar.lg.height",token:"avatar.lg.height",variable:"--p-avatar-lg-height",description:"Height of lg"},{name:"avatar.lg.fontSize",token:"avatar.lg.font.size",variable:"--p-avatar-lg-font-size",description:"Font size of lg"},{name:"avatar.lg.icon.size",token:"avatar.lg.icon.size",variable:"--p-avatar-lg-icon-size",description:"Icon size of lg"},{name:"avatar.lg.group.offset",token:"avatar.lg.group.offset",variable:"--p-avatar-lg-group-offset",description:"Group offset of lg"},{name:"avatar.xl.width",token:"avatar.xl.width",variable:"--p-avatar-xl-width",description:"Width of xl"},{name:"avatar.xl.height",token:"avatar.xl.height",variable:"--p-avatar-xl-height",description:"Height of xl"},{name:"avatar.xl.fontSize",token:"avatar.xl.font.size",variable:"--p-avatar-xl-font-size",description:"Font size of xl"},{name:"avatar.xl.icon.size",token:"avatar.xl.icon.size",variable:"--p-avatar-xl-icon-size",description:"Icon size of xl"},{name:"avatar.xl.group.offset",token:"avatar.xl.group.offset",variable:"--p-avatar-xl-group-offset",description:"Group offset of xl"}]},badge:{description:"Badge Design Tokens",tokens:[{name:"badge.root.borderRadius",token:"badge.border.radius",variable:"--p-badge-border-radius",description:"Border radius of root"},{name:"badge.root.padding",token:"badge.padding",variable:"--p-badge-padding",description:"Padding of root"},{name:"badge.root.fontSize",token:"badge.font.size",variable:"--p-badge-font-size",description:"Font size of root"},{name:"badge.root.fontWeight",token:"badge.font.weight",variable:"--p-badge-font-weight",description:"Font weight of root"},{name:"badge.root.minWidth",token:"badge.min.width",variable:"--p-badge-min-width",description:"Min width of root"},{name:"badge.root.height",token:"badge.height",variable:"--p-badge-height",description:"Height of root"},{name:"badge.dot.size",token:"badge.dot.size",variable:"--p-badge-dot-size",description:"Size of dot"},{name:"badge.sm.fontSize",token:"badge.sm.font.size",variable:"--p-badge-sm-font-size",description:"Font size of sm"},{name:"badge.sm.minWidth",token:"badge.sm.min.width",variable:"--p-badge-sm-min-width",description:"Min width of sm"},{name:"badge.sm.height",token:"badge.sm.height",variable:"--p-badge-sm-height",description:"Height of sm"},{name:"badge.lg.fontSize",token:"badge.lg.font.size",variable:"--p-badge-lg-font-size",description:"Font size of lg"},{name:"badge.lg.minWidth",token:"badge.lg.min.width",variable:"--p-badge-lg-min-width",description:"Min width of lg"},{name:"badge.lg.height",token:"badge.lg.height",variable:"--p-badge-lg-height",description:"Height of lg"},{name:"badge.xl.fontSize",token:"badge.xl.font.size",variable:"--p-badge-xl-font-size",description:"Font size of xl"},{name:"badge.xl.minWidth",token:"badge.xl.min.width",variable:"--p-badge-xl-min-width",description:"Min width of xl"},{name:"badge.xl.height",token:"badge.xl.height",variable:"--p-badge-xl-height",description:"Height of xl"},{name:"badge.primary.background",token:"badge.primary.background",variable:"--p-badge-primary-background",description:"Background of primary"},{name:"badge.primary.color",token:"badge.primary.color",variable:"--p-badge-primary-color",description:"Color of primary"},{name:"badge.secondary.background",token:"badge.secondary.background",variable:"--p-badge-secondary-background",description:"Background of secondary"},{name:"badge.secondary.color",token:"badge.secondary.color",variable:"--p-badge-secondary-color",description:"Color of secondary"},{name:"badge.success.background",token:"badge.success.background",variable:"--p-badge-success-background",description:"Background of success"},{name:"badge.success.color",token:"badge.success.color",variable:"--p-badge-success-color",description:"Color of success"},{name:"badge.info.background",token:"badge.info.background",variable:"--p-badge-info-background",description:"Background of info"},{name:"badge.info.color",token:"badge.info.color",variable:"--p-badge-info-color",description:"Color of info"},{name:"badge.warn.background",token:"badge.warn.background",variable:"--p-badge-warn-background",description:"Background of warn"},{name:"badge.warn.color",token:"badge.warn.color",variable:"--p-badge-warn-color",description:"Color of warn"},{name:"badge.danger.background",token:"badge.danger.background",variable:"--p-badge-danger-background",description:"Background of danger"},{name:"badge.danger.color",token:"badge.danger.color",variable:"--p-badge-danger-color",description:"Color of danger"},{name:"badge.contrast.background",token:"badge.contrast.background",variable:"--p-badge-contrast-background",description:"Background of contrast"},{name:"badge.contrast.color",token:"badge.contrast.color",variable:"--p-badge-contrast-color",description:"Color of contrast"}]},blockui:{description:"BlockUI Design Tokens",tokens:[{name:"blockui.root.borderRadius",token:"blockui.border.radius",variable:"--p-blockui-border-radius",description:"Border radius of root"}]},breadcrumb:{description:"Breadcrumb Design Tokens",tokens:[{name:"breadcrumb.root.padding",token:"breadcrumb.padding",variable:"--p-breadcrumb-padding",description:"Padding of root"},{name:"breadcrumb.root.background",token:"breadcrumb.background",variable:"--p-breadcrumb-background",description:"Background of root"},{name:"breadcrumb.root.gap",token:"breadcrumb.gap",variable:"--p-breadcrumb-gap",description:"Gap of root"},{name:"breadcrumb.root.transitionDuration",token:"breadcrumb.transition.duration",variable:"--p-breadcrumb-transition-duration",description:"Transition duration of root"},{name:"breadcrumb.item.color",token:"breadcrumb.item.color",variable:"--p-breadcrumb-item-color",description:"Color of item"},{name:"breadcrumb.item.hoverColor",token:"breadcrumb.item.hover.color",variable:"--p-breadcrumb-item-hover-color",description:"Hover color of item"},{name:"breadcrumb.item.borderRadius",token:"breadcrumb.item.border.radius",variable:"--p-breadcrumb-item-border-radius",description:"Border radius of item"},{name:"breadcrumb.item.gap",token:"breadcrumb.item.gap",variable:"--p-breadcrumb-item-gap",description:"Gap of item"},{name:"breadcrumb.item.icon.color",token:"breadcrumb.item.icon.color",variable:"--p-breadcrumb-item-icon-color",description:"Icon color of item"},{name:"breadcrumb.item.icon.hoverColor",token:"breadcrumb.item.icon.hover.color",variable:"--p-breadcrumb-item-icon-hover-color",description:"Icon hover color of item"},{name:"breadcrumb.item.focusRing.width",token:"breadcrumb.item.focus.ring.width",variable:"--p-breadcrumb-item-focus-ring-width",description:"Focus ring width of item"},{name:"breadcrumb.item.focusRing.style",token:"breadcrumb.item.focus.ring.style",variable:"--p-breadcrumb-item-focus-ring-style",description:"Focus ring style of item"},{name:"breadcrumb.item.focusRing.color",token:"breadcrumb.item.focus.ring.color",variable:"--p-breadcrumb-item-focus-ring-color",description:"Focus ring color of item"},{name:"breadcrumb.item.focusRing.offset",token:"breadcrumb.item.focus.ring.offset",variable:"--p-breadcrumb-item-focus-ring-offset",description:"Focus ring offset of item"},{name:"breadcrumb.item.focusRing.shadow",token:"breadcrumb.item.focus.ring.shadow",variable:"--p-breadcrumb-item-focus-ring-shadow",description:"Focus ring shadow of item"},{name:"breadcrumb.separator.color",token:"breadcrumb.separator.color",variable:"--p-breadcrumb-separator-color",description:"Color of separator"}]},button:{description:"Button Design Tokens",tokens:[{name:"button.root.borderRadius",token:"button.border.radius",variable:"--p-button-border-radius",description:"Border radius of root"},{name:"button.root.roundedBorderRadius",token:"button.rounded.border.radius",variable:"--p-button-rounded-border-radius",description:"Rounded border radius of root"},{name:"button.root.gap",token:"button.gap",variable:"--p-button-gap",description:"Gap of root"},{name:"button.root.paddingX",token:"button.padding.x",variable:"--p-button-padding-x",description:"Padding x of root"},{name:"button.root.paddingY",token:"button.padding.y",variable:"--p-button-padding-y",description:"Padding y of root"},{name:"button.root.iconOnlyWidth",token:"button.icon.only.width",variable:"--p-button-icon-only-width",description:"Icon only width of root"},{name:"button.root.sm.fontSize",token:"button.sm.font.size",variable:"--p-button-sm-font-size",description:"Sm font size of root"},{name:"button.root.sm.paddingX",token:"button.sm.padding.x",variable:"--p-button-sm-padding-x",description:"Sm padding x of root"},{name:"button.root.sm.paddingY",token:"button.sm.padding.y",variable:"--p-button-sm-padding-y",description:"Sm padding y of root"},{name:"button.root.sm.iconOnlyWidth",token:"button.sm.icon.only.width",variable:"--p-button-sm-icon-only-width",description:"Sm icon only width of root"},{name:"button.root.lg.fontSize",token:"button.lg.font.size",variable:"--p-button-lg-font-size",description:"Lg font size of root"},{name:"button.root.lg.paddingX",token:"button.lg.padding.x",variable:"--p-button-lg-padding-x",description:"Lg padding x of root"},{name:"button.root.lg.paddingY",token:"button.lg.padding.y",variable:"--p-button-lg-padding-y",description:"Lg padding y of root"},{name:"button.root.lg.iconOnlyWidth",token:"button.lg.icon.only.width",variable:"--p-button-lg-icon-only-width",description:"Lg icon only width of root"},{name:"button.root.label.fontWeight",token:"button.label.font.weight",variable:"--p-button-label-font-weight",description:"Label font weight of root"},{name:"button.root.raisedShadow",token:"button.raised.shadow",variable:"--p-button-raised-shadow",description:"Raised shadow of root"},{name:"button.root.focusRing.width",token:"button.focus.ring.width",variable:"--p-button-focus-ring-width",description:"Focus ring width of root"},{name:"button.root.focusRing.style",token:"button.focus.ring.style",variable:"--p-button-focus-ring-style",description:"Focus ring style of root"},{name:"button.root.focusRing.offset",token:"button.focus.ring.offset",variable:"--p-button-focus-ring-offset",description:"Focus ring offset of root"},{name:"button.root.badgeSize",token:"button.badge.size",variable:"--p-button-badge-size",description:"Badge size of root"},{name:"button.root.transitionDuration",token:"button.transition.duration",variable:"--p-button-transition-duration",description:"Transition duration of root"},{name:"button.root.primary.background",token:"button.primary.background",variable:"--p-button-primary-background",description:"Primary background of root"},{name:"button.root.primary.hoverBackground",token:"button.primary.hover.background",variable:"--p-button-primary-hover-background",description:"Primary hover background of root"},{name:"button.root.primary.activeBackground",token:"button.primary.active.background",variable:"--p-button-primary-active-background",description:"Primary active background of root"},{name:"button.root.primary.borderColor",token:"button.primary.border.color",variable:"--p-button-primary-border-color",description:"Primary border color of root"},{name:"button.root.primary.hoverBorderColor",token:"button.primary.hover.border.color",variable:"--p-button-primary-hover-border-color",description:"Primary hover border color of root"},{name:"button.root.primary.activeBorderColor",token:"button.primary.active.border.color",variable:"--p-button-primary-active-border-color",description:"Primary active border color of root"},{name:"button.root.primary.color",token:"button.primary.color",variable:"--p-button-primary-color",description:"Primary color of root"},{name:"button.root.primary.hoverColor",token:"button.primary.hover.color",variable:"--p-button-primary-hover-color",description:"Primary hover color of root"},{name:"button.root.primary.activeColor",token:"button.primary.active.color",variable:"--p-button-primary-active-color",description:"Primary active color of root"},{name:"button.root.primary.focusRing.color",token:"button.primary.focus.ring.color",variable:"--p-button-primary-focus-ring-color",description:"Primary focus ring color of root"},{name:"button.root.primary.focusRing.shadow",token:"button.primary.focus.ring.shadow",variable:"--p-button-primary-focus-ring-shadow",description:"Primary focus ring shadow of root"},{name:"button.root.secondary.background",token:"button.secondary.background",variable:"--p-button-secondary-background",description:"Secondary background of root"},{name:"button.root.secondary.hoverBackground",token:"button.secondary.hover.background",variable:"--p-button-secondary-hover-background",description:"Secondary hover background of root"},{name:"button.root.secondary.activeBackground",token:"button.secondary.active.background",variable:"--p-button-secondary-active-background",description:"Secondary active background of root"},{name:"button.root.secondary.borderColor",token:"button.secondary.border.color",variable:"--p-button-secondary-border-color",description:"Secondary border color of root"},{name:"button.root.secondary.hoverBorderColor",token:"button.secondary.hover.border.color",variable:"--p-button-secondary-hover-border-color",description:"Secondary hover border color of root"},{name:"button.root.secondary.activeBorderColor",token:"button.secondary.active.border.color",variable:"--p-button-secondary-active-border-color",description:"Secondary active border color of root"},{name:"button.root.secondary.color",token:"button.secondary.color",variable:"--p-button-secondary-color",description:"Secondary color of root"},{name:"button.root.secondary.hoverColor",token:"button.secondary.hover.color",variable:"--p-button-secondary-hover-color",description:"Secondary hover color of root"},{name:"button.root.secondary.activeColor",token:"button.secondary.active.color",variable:"--p-button-secondary-active-color",description:"Secondary active color of root"},{name:"button.root.secondary.focusRing.color",token:"button.secondary.focus.ring.color",variable:"--p-button-secondary-focus-ring-color",description:"Secondary focus ring color of root"},{name:"button.root.secondary.focusRing.shadow",token:"button.secondary.focus.ring.shadow",variable:"--p-button-secondary-focus-ring-shadow",description:"Secondary focus ring shadow of root"},{name:"button.root.info.background",token:"button.info.background",variable:"--p-button-info-background",description:"Info background of root"},{name:"button.root.info.hoverBackground",token:"button.info.hover.background",variable:"--p-button-info-hover-background",description:"Info hover background of root"},{name:"button.root.info.activeBackground",token:"button.info.active.background",variable:"--p-button-info-active-background",description:"Info active background of root"},{name:"button.root.info.borderColor",token:"button.info.border.color",variable:"--p-button-info-border-color",description:"Info border color of root"},{name:"button.root.info.hoverBorderColor",token:"button.info.hover.border.color",variable:"--p-button-info-hover-border-color",description:"Info hover border color of root"},{name:"button.root.info.activeBorderColor",token:"button.info.active.border.color",variable:"--p-button-info-active-border-color",description:"Info active border color of root"},{name:"button.root.info.color",token:"button.info.color",variable:"--p-button-info-color",description:"Info color of root"},{name:"button.root.info.hoverColor",token:"button.info.hover.color",variable:"--p-button-info-hover-color",description:"Info hover color of root"},{name:"button.root.info.activeColor",token:"button.info.active.color",variable:"--p-button-info-active-color",description:"Info active color of root"},{name:"button.root.info.focusRing.color",token:"button.info.focus.ring.color",variable:"--p-button-info-focus-ring-color",description:"Info focus ring color of root"},{name:"button.root.info.focusRing.shadow",token:"button.info.focus.ring.shadow",variable:"--p-button-info-focus-ring-shadow",description:"Info focus ring shadow of root"},{name:"button.root.success.background",token:"button.success.background",variable:"--p-button-success-background",description:"Success background of root"},{name:"button.root.success.hoverBackground",token:"button.success.hover.background",variable:"--p-button-success-hover-background",description:"Success hover background of root"},{name:"button.root.success.activeBackground",token:"button.success.active.background",variable:"--p-button-success-active-background",description:"Success active background of root"},{name:"button.root.success.borderColor",token:"button.success.border.color",variable:"--p-button-success-border-color",description:"Success border color of root"},{name:"button.root.success.hoverBorderColor",token:"button.success.hover.border.color",variable:"--p-button-success-hover-border-color",description:"Success hover border color of root"},{name:"button.root.success.activeBorderColor",token:"button.success.active.border.color",variable:"--p-button-success-active-border-color",description:"Success active border color of root"},{name:"button.root.success.color",token:"button.success.color",variable:"--p-button-success-color",description:"Success color of root"},{name:"button.root.success.hoverColor",token:"button.success.hover.color",variable:"--p-button-success-hover-color",description:"Success hover color of root"},{name:"button.root.success.activeColor",token:"button.success.active.color",variable:"--p-button-success-active-color",description:"Success active color of root"},{name:"button.root.success.focusRing.color",token:"button.success.focus.ring.color",variable:"--p-button-success-focus-ring-color",description:"Success focus ring color of root"},{name:"button.root.success.focusRing.shadow",token:"button.success.focus.ring.shadow",variable:"--p-button-success-focus-ring-shadow",description:"Success focus ring shadow of root"},{name:"button.root.warn.background",token:"button.warn.background",variable:"--p-button-warn-background",description:"Warn background of root"},{name:"button.root.warn.hoverBackground",token:"button.warn.hover.background",variable:"--p-button-warn-hover-background",description:"Warn hover background of root"},{name:"button.root.warn.activeBackground",token:"button.warn.active.background",variable:"--p-button-warn-active-background",description:"Warn active background of root"},{name:"button.root.warn.borderColor",token:"button.warn.border.color",variable:"--p-button-warn-border-color",description:"Warn border color of root"},{name:"button.root.warn.hoverBorderColor",token:"button.warn.hover.border.color",variable:"--p-button-warn-hover-border-color",description:"Warn hover border color of root"},{name:"button.root.warn.activeBorderColor",token:"button.warn.active.border.color",variable:"--p-button-warn-active-border-color",description:"Warn active border color of root"},{name:"button.root.warn.color",token:"button.warn.color",variable:"--p-button-warn-color",description:"Warn color of root"},{name:"button.root.warn.hoverColor",token:"button.warn.hover.color",variable:"--p-button-warn-hover-color",description:"Warn hover color of root"},{name:"button.root.warn.activeColor",token:"button.warn.active.color",variable:"--p-button-warn-active-color",description:"Warn active color of root"},{name:"button.root.warn.focusRing.color",token:"button.warn.focus.ring.color",variable:"--p-button-warn-focus-ring-color",description:"Warn focus ring color of root"},{name:"button.root.warn.focusRing.shadow",token:"button.warn.focus.ring.shadow",variable:"--p-button-warn-focus-ring-shadow",description:"Warn focus ring shadow of root"},{name:"button.root.help.background",token:"button.help.background",variable:"--p-button-help-background",description:"Help background of root"},{name:"button.root.help.hoverBackground",token:"button.help.hover.background",variable:"--p-button-help-hover-background",description:"Help hover background of root"},{name:"button.root.help.activeBackground",token:"button.help.active.background",variable:"--p-button-help-active-background",description:"Help active background of root"},{name:"button.root.help.borderColor",token:"button.help.border.color",variable:"--p-button-help-border-color",description:"Help border color of root"},{name:"button.root.help.hoverBorderColor",token:"button.help.hover.border.color",variable:"--p-button-help-hover-border-color",description:"Help hover border color of root"},{name:"button.root.help.activeBorderColor",token:"button.help.active.border.color",variable:"--p-button-help-active-border-color",description:"Help active border color of root"},{name:"button.root.help.color",token:"button.help.color",variable:"--p-button-help-color",description:"Help color of root"},{name:"button.root.help.hoverColor",token:"button.help.hover.color",variable:"--p-button-help-hover-color",description:"Help hover color of root"},{name:"button.root.help.activeColor",token:"button.help.active.color",variable:"--p-button-help-active-color",description:"Help active color of root"},{name:"button.root.help.focusRing.color",token:"button.help.focus.ring.color",variable:"--p-button-help-focus-ring-color",description:"Help focus ring color of root"},{name:"button.root.help.focusRing.shadow",token:"button.help.focus.ring.shadow",variable:"--p-button-help-focus-ring-shadow",description:"Help focus ring shadow of root"},{name:"button.root.danger.background",token:"button.danger.background",variable:"--p-button-danger-background",description:"Danger background of root"},{name:"button.root.danger.hoverBackground",token:"button.danger.hover.background",variable:"--p-button-danger-hover-background",description:"Danger hover background of root"},{name:"button.root.danger.activeBackground",token:"button.danger.active.background",variable:"--p-button-danger-active-background",description:"Danger active background of root"},{name:"button.root.danger.borderColor",token:"button.danger.border.color",variable:"--p-button-danger-border-color",description:"Danger border color of root"},{name:"button.root.danger.hoverBorderColor",token:"button.danger.hover.border.color",variable:"--p-button-danger-hover-border-color",description:"Danger hover border color of root"},{name:"button.root.danger.activeBorderColor",token:"button.danger.active.border.color",variable:"--p-button-danger-active-border-color",description:"Danger active border color of root"},{name:"button.root.danger.color",token:"button.danger.color",variable:"--p-button-danger-color",description:"Danger color of root"},{name:"button.root.danger.hoverColor",token:"button.danger.hover.color",variable:"--p-button-danger-hover-color",description:"Danger hover color of root"},{name:"button.root.danger.activeColor",token:"button.danger.active.color",variable:"--p-button-danger-active-color",description:"Danger active color of root"},{name:"button.root.danger.focusRing.color",token:"button.danger.focus.ring.color",variable:"--p-button-danger-focus-ring-color",description:"Danger focus ring color of root"},{name:"button.root.danger.focusRing.shadow",token:"button.danger.focus.ring.shadow",variable:"--p-button-danger-focus-ring-shadow",description:"Danger focus ring shadow of root"},{name:"button.root.contrast.background",token:"button.contrast.background",variable:"--p-button-contrast-background",description:"Contrast background of root"},{name:"button.root.contrast.hoverBackground",token:"button.contrast.hover.background",variable:"--p-button-contrast-hover-background",description:"Contrast hover background of root"},{name:"button.root.contrast.activeBackground",token:"button.contrast.active.background",variable:"--p-button-contrast-active-background",description:"Contrast active background of root"},{name:"button.root.contrast.borderColor",token:"button.contrast.border.color",variable:"--p-button-contrast-border-color",description:"Contrast border color of root"},{name:"button.root.contrast.hoverBorderColor",token:"button.contrast.hover.border.color",variable:"--p-button-contrast-hover-border-color",description:"Contrast hover border color of root"},{name:"button.root.contrast.activeBorderColor",token:"button.contrast.active.border.color",variable:"--p-button-contrast-active-border-color",description:"Contrast active border color of root"},{name:"button.root.contrast.color",token:"button.contrast.color",variable:"--p-button-contrast-color",description:"Contrast color of root"},{name:"button.root.contrast.hoverColor",token:"button.contrast.hover.color",variable:"--p-button-contrast-hover-color",description:"Contrast hover color of root"},{name:"button.root.contrast.activeColor",token:"button.contrast.active.color",variable:"--p-button-contrast-active-color",description:"Contrast active color of root"},{name:"button.root.contrast.focusRing.color",token:"button.contrast.focus.ring.color",variable:"--p-button-contrast-focus-ring-color",description:"Contrast focus ring color of root"},{name:"button.root.contrast.focusRing.shadow",token:"button.contrast.focus.ring.shadow",variable:"--p-button-contrast-focus-ring-shadow",description:"Contrast focus ring shadow of root"},{name:"button.outlined.primary.hoverBackground",token:"button.outlined.primary.hover.background",variable:"--p-button-outlined-primary-hover-background",description:"Primary hover background of outlined"},{name:"button.outlined.primary.activeBackground",token:"button.outlined.primary.active.background",variable:"--p-button-outlined-primary-active-background",description:"Primary active background of outlined"},{name:"button.outlined.primary.borderColor",token:"button.outlined.primary.border.color",variable:"--p-button-outlined-primary-border-color",description:"Primary border color of outlined"},{name:"button.outlined.primary.color",token:"button.outlined.primary.color",variable:"--p-button-outlined-primary-color",description:"Primary color of outlined"},{name:"button.outlined.secondary.hoverBackground",token:"button.outlined.secondary.hover.background",variable:"--p-button-outlined-secondary-hover-background",description:"Secondary hover background of outlined"},{name:"button.outlined.secondary.activeBackground",token:"button.outlined.secondary.active.background",variable:"--p-button-outlined-secondary-active-background",description:"Secondary active background of outlined"},{name:"button.outlined.secondary.borderColor",token:"button.outlined.secondary.border.color",variable:"--p-button-outlined-secondary-border-color",description:"Secondary border color of outlined"},{name:"button.outlined.secondary.color",token:"button.outlined.secondary.color",variable:"--p-button-outlined-secondary-color",description:"Secondary color of outlined"},{name:"button.outlined.success.hoverBackground",token:"button.outlined.success.hover.background",variable:"--p-button-outlined-success-hover-background",description:"Success hover background of outlined"},{name:"button.outlined.success.activeBackground",token:"button.outlined.success.active.background",variable:"--p-button-outlined-success-active-background",description:"Success active background of outlined"},{name:"button.outlined.success.borderColor",token:"button.outlined.success.border.color",variable:"--p-button-outlined-success-border-color",description:"Success border color of outlined"},{name:"button.outlined.success.color",token:"button.outlined.success.color",variable:"--p-button-outlined-success-color",description:"Success color of outlined"},{name:"button.outlined.info.hoverBackground",token:"button.outlined.info.hover.background",variable:"--p-button-outlined-info-hover-background",description:"Info hover background of outlined"},{name:"button.outlined.info.activeBackground",token:"button.outlined.info.active.background",variable:"--p-button-outlined-info-active-background",description:"Info active background of outlined"},{name:"button.outlined.info.borderColor",token:"button.outlined.info.border.color",variable:"--p-button-outlined-info-border-color",description:"Info border color of outlined"},{name:"button.outlined.info.color",token:"button.outlined.info.color",variable:"--p-button-outlined-info-color",description:"Info color of outlined"},{name:"button.outlined.warn.hoverBackground",token:"button.outlined.warn.hover.background",variable:"--p-button-outlined-warn-hover-background",description:"Warn hover background of outlined"},{name:"button.outlined.warn.activeBackground",token:"button.outlined.warn.active.background",variable:"--p-button-outlined-warn-active-background",description:"Warn active background of outlined"},{name:"button.outlined.warn.borderColor",token:"button.outlined.warn.border.color",variable:"--p-button-outlined-warn-border-color",description:"Warn border color of outlined"},{name:"button.outlined.warn.color",token:"button.outlined.warn.color",variable:"--p-button-outlined-warn-color",description:"Warn color of outlined"},{name:"button.outlined.help.hoverBackground",token:"button.outlined.help.hover.background",variable:"--p-button-outlined-help-hover-background",description:"Help hover background of outlined"},{name:"button.outlined.help.activeBackground",token:"button.outlined.help.active.background",variable:"--p-button-outlined-help-active-background",description:"Help active background of outlined"},{name:"button.outlined.help.borderColor",token:"button.outlined.help.border.color",variable:"--p-button-outlined-help-border-color",description:"Help border color of outlined"},{name:"button.outlined.help.color",token:"button.outlined.help.color",variable:"--p-button-outlined-help-color",description:"Help color of outlined"},{name:"button.outlined.danger.hoverBackground",token:"button.outlined.danger.hover.background",variable:"--p-button-outlined-danger-hover-background",description:"Danger hover background of outlined"},{name:"button.outlined.danger.activeBackground",token:"button.outlined.danger.active.background",variable:"--p-button-outlined-danger-active-background",description:"Danger active background of outlined"},{name:"button.outlined.danger.borderColor",token:"button.outlined.danger.border.color",variable:"--p-button-outlined-danger-border-color",description:"Danger border color of outlined"},{name:"button.outlined.danger.color",token:"button.outlined.danger.color",variable:"--p-button-outlined-danger-color",description:"Danger color of outlined"},{name:"button.outlined.contrast.hoverBackground",token:"button.outlined.contrast.hover.background",variable:"--p-button-outlined-contrast-hover-background",description:"Contrast hover background of outlined"},{name:"button.outlined.contrast.activeBackground",token:"button.outlined.contrast.active.background",variable:"--p-button-outlined-contrast-active-background",description:"Contrast active background of outlined"},{name:"button.outlined.contrast.borderColor",token:"button.outlined.contrast.border.color",variable:"--p-button-outlined-contrast-border-color",description:"Contrast border color of outlined"},{name:"button.outlined.contrast.color",token:"button.outlined.contrast.color",variable:"--p-button-outlined-contrast-color",description:"Contrast color of outlined"},{name:"button.outlined.plain.hoverBackground",token:"button.outlined.plain.hover.background",variable:"--p-button-outlined-plain-hover-background",description:"Plain hover background of outlined"},{name:"button.outlined.plain.activeBackground",token:"button.outlined.plain.active.background",variable:"--p-button-outlined-plain-active-background",description:"Plain active background of outlined"},{name:"button.outlined.plain.borderColor",token:"button.outlined.plain.border.color",variable:"--p-button-outlined-plain-border-color",description:"Plain border color of outlined"},{name:"button.outlined.plain.color",token:"button.outlined.plain.color",variable:"--p-butt