@primeuix/themes/tokens/index.mjs.map

Themes for PrimeUI Libraries

{"version":3,"sources":["../tokens.ts"],"sourcesContent":["/***************** PrimeUIX Tokens (Auto-Generated) *****************/\nexport interface TokenMetaData {\n    description: string;\n    tokens: {\n        name: string;\n        token: string;\n        variable: string;\n        description: string;\n    }[];\n}\n\nexport interface Tokens {\n    accordion: TokenMetaData;\n    autocomplete: TokenMetaData;\n    avatar: TokenMetaData;\n    badge: TokenMetaData;\n    blockui: TokenMetaData;\n    breadcrumb: TokenMetaData;\n    button: TokenMetaData;\n    card: TokenMetaData;\n    carousel: TokenMetaData;\n    cascadeselect: TokenMetaData;\n    checkbox: TokenMetaData;\n    chip: TokenMetaData;\n    colorpicker: TokenMetaData;\n    confirmdialog: TokenMetaData;\n    confirmpopup: TokenMetaData;\n    contextmenu: TokenMetaData;\n    datatable: TokenMetaData;\n    dataview: TokenMetaData;\n    datepicker: TokenMetaData;\n    dialog: TokenMetaData;\n    divider: TokenMetaData;\n    dock: TokenMetaData;\n    drawer: TokenMetaData;\n    editor: TokenMetaData;\n    fieldset: TokenMetaData;\n    fileupload: TokenMetaData;\n    floatlabel: TokenMetaData;\n    galleria: TokenMetaData;\n    iconfield: TokenMetaData;\n    iftalabel: TokenMetaData;\n    image: TokenMetaData;\n    imagecompare: TokenMetaData;\n    themes: TokenMetaData;\n    inlinemessage: TokenMetaData;\n    inplace: TokenMetaData;\n    inputchips: TokenMetaData;\n    inputgroup: TokenMetaData;\n    inputnumber: TokenMetaData;\n    inputotp: TokenMetaData;\n    inputtext: TokenMetaData;\n    knob: TokenMetaData;\n    listbox: TokenMetaData;\n    megamenu: TokenMetaData;\n    menu: TokenMetaData;\n    menubar: TokenMetaData;\n    message: TokenMetaData;\n    metergroup: TokenMetaData;\n    multiselect: TokenMetaData;\n    orderlist: TokenMetaData;\n    organizationchart: TokenMetaData;\n    overlaybadge: TokenMetaData;\n    paginator: TokenMetaData;\n    panel: TokenMetaData;\n    panelmenu: TokenMetaData;\n    password: TokenMetaData;\n    picklist: TokenMetaData;\n    popover: TokenMetaData;\n    progressbar: TokenMetaData;\n    progressspinner: TokenMetaData;\n    radiobutton: TokenMetaData;\n    rating: TokenMetaData;\n    ripple: TokenMetaData;\n    scrollpanel: TokenMetaData;\n    select: TokenMetaData;\n    selectbutton: TokenMetaData;\n    skeleton: TokenMetaData;\n    slider: TokenMetaData;\n    speeddial: TokenMetaData;\n    splitbutton: TokenMetaData;\n    splitter: TokenMetaData;\n    stepper: TokenMetaData;\n    steps: TokenMetaData;\n    tabmenu: TokenMetaData;\n    tabs: TokenMetaData;\n    tabview: TokenMetaData;\n    tag: TokenMetaData;\n    terminal: TokenMetaData;\n    textarea: TokenMetaData;\n    tieredmenu: TokenMetaData;\n    timeline: TokenMetaData;\n    toast: TokenMetaData;\n    togglebutton: TokenMetaData;\n    toggleswitch: TokenMetaData;\n    toolbar: TokenMetaData;\n    tooltip: TokenMetaData;\n    tree: TokenMetaData;\n    treeselect: TokenMetaData;\n    treetable: TokenMetaData;\n    virtualscroller: TokenMetaData;\n}\n\nexport default {\n    accordion: {\n        description: 'Accordion Design Tokens',\n        tokens: [\n            {\n                name: 'accordion.root.transitionDuration',\n                token: 'accordion.transition.duration',\n                variable: '--p-accordion-transition-duration',\n                description: 'Transition duration of root'\n            },\n            {\n                name: 'accordion.panel.borderWidth',\n                token: 'accordion.panel.border.width',\n                variable: '--p-accordion-panel-border-width',\n                description: 'Border width of panel'\n            },\n            {\n                name: 'accordion.panel.borderColor',\n                token: 'accordion.panel.border.color',\n                variable: '--p-accordion-panel-border-color',\n                description: 'Border color of panel'\n            },\n            {\n                name: 'accordion.header.color',\n                token: 'accordion.header.color',\n                variable: '--p-accordion-header-color',\n                description: 'Color of header'\n            },\n            {\n                name: 'accordion.header.hoverColor',\n                token: 'accordion.header.hover.color',\n                variable: '--p-accordion-header-hover-color',\n                description: 'Hover color of header'\n            },\n            {\n                name: 'accordion.header.activeColor',\n                token: 'accordion.header.active.color',\n                variable: '--p-accordion-header-active-color',\n                description: 'Active color of header'\n            },\n            {\n                name: 'accordion.header.activeHoverColor',\n                token: 'accordion.header.active.hover.color',\n                variable: '--p-accordion-header-active-hover-color',\n                description: 'Active hover color of header'\n            },\n            {\n                name: 'accordion.header.padding',\n                token: 'accordion.header.padding',\n                variable: '--p-accordion-header-padding',\n                description: 'Padding of header'\n            },\n            {\n                name: 'accordion.header.fontWeight',\n                token: 'accordion.header.font.weight',\n                variable: '--p-accordion-header-font-weight',\n                description: 'Font weight of header'\n            },\n            {\n                name: 'accordion.header.borderRadius',\n                token: 'accordion.header.border.radius',\n                variable: '--p-accordion-header-border-radius',\n                description: 'Border radius of header'\n            },\n            {\n                name: 'accordion.header.borderWidth',\n                token: 'accordion.header.border.width',\n                variable: '--p-accordion-header-border-width',\n                description: 'Border width of header'\n            },\n            {\n                name: 'accordion.header.borderColor',\n                token: 'accordion.header.border.color',\n                variable: '--p-accordion-header-border-color',\n                description: 'Border color of header'\n            },\n            {\n                name: 'accordion.header.background',\n                token: 'accordion.header.background',\n                variable: '--p-accordion-header-background',\n                description: 'Background of header'\n            },\n            {\n                name: 'accordion.header.hoverBackground',\n                token: 'accordion.header.hover.background',\n                variable: '--p-accordion-header-hover-background',\n                description: 'Hover background of header'\n            },\n            {\n                name: 'accordion.header.activeBackground',\n                token: 'accordion.header.active.background',\n                variable: '--p-accordion-header-active-background',\n                description: 'Active background of header'\n            },\n            {\n                name: 'accordion.header.activeHoverBackground',\n                token: 'accordion.header.active.hover.background',\n                variable: '--p-accordion-header-active-hover-background',\n                description: 'Active hover background of header'\n            },\n            {\n                name: 'accordion.header.focusRing.width',\n                token: 'accordion.header.focus.ring.width',\n                variable: '--p-accordion-header-focus-ring-width',\n                description: 'Focus ring width of header'\n            },\n            {\n                name: 'accordion.header.focusRing.style',\n                token: 'accordion.header.focus.ring.style',\n                variable: '--p-accordion-header-focus-ring-style',\n                description: 'Focus ring style of header'\n            },\n            {\n                name: 'accordion.header.focusRing.color',\n                token: 'accordion.header.focus.ring.color',\n                variable: '--p-accordion-header-focus-ring-color',\n                description: 'Focus ring color of header'\n            },\n            {\n                name: 'accordion.header.focusRing.offset',\n                token: 'accordion.header.focus.ring.offset',\n                variable: '--p-accordion-header-focus-ring-offset',\n                description: 'Focus ring offset of header'\n            },\n            {\n                name: 'accordion.header.focusRing.shadow',\n                token: 'accordion.header.focus.ring.shadow',\n                variable: '--p-accordion-header-focus-ring-shadow',\n                description: 'Focus ring shadow of header'\n            },\n            {\n                name: 'accordion.header.toggleIcon.color',\n                token: 'accordion.header.toggle.icon.color',\n                variable: '--p-accordion-header-toggle-icon-color',\n                description: 'Toggle icon color of header'\n            },\n            {\n                name: 'accordion.header.toggleIcon.hoverColor',\n                token: 'accordion.header.toggle.icon.hover.color',\n                variable: '--p-accordion-header-toggle-icon-hover-color',\n                description: 'Toggle icon hover color of header'\n            },\n            {\n                name: 'accordion.header.toggleIcon.activeColor',\n                token: 'accordion.header.toggle.icon.active.color',\n                variable: '--p-accordion-header-toggle-icon-active-color',\n                description: 'Toggle icon active color of header'\n            },\n            {\n                name: 'accordion.header.toggleIcon.activeHoverColor',\n                token: 'accordion.header.toggle.icon.active.hover.color',\n                variable: '--p-accordion-header-toggle-icon-active-hover-color',\n                description: 'Toggle icon active hover color of header'\n            },\n            {\n                name: 'accordion.header.first.topBorderRadius',\n                token: 'accordion.header.first.top.border.radius',\n                variable: '--p-accordion-header-first-top-border-radius',\n                description: 'First top border radius of header'\n            },\n            {\n                name: 'accordion.header.first.borderWidth',\n                token: 'accordion.header.first.border.width',\n                variable: '--p-accordion-header-first-border-width',\n                description: 'First border width of header'\n            },\n            {\n                name: 'accordion.header.last.bottomBorderRadius',\n                token: 'accordion.header.last.bottom.border.radius',\n                variable: '--p-accordion-header-last-bottom-border-radius',\n                description: 'Last bottom border radius of header'\n            },\n            {\n                name: 'accordion.header.last.activeBottomBorderRadius',\n                token: 'accordion.header.last.active.bottom.border.radius',\n                variable: '--p-accordion-header-last-active-bottom-border-radius',\n                description: 'Last active bottom border radius of header'\n            },\n            {\n                name: 'accordion.content.borderWidth',\n                token: 'accordion.content.border.width',\n                variable: '--p-accordion-content-border-width',\n                description: 'Border width of content'\n            },\n            {\n                name: 'accordion.content.borderColor',\n                token: 'accordion.content.border.color',\n                variable: '--p-accordion-content-border-color',\n                description: 'Border color of content'\n            },\n            {\n                name: 'accordion.content.background',\n                token: 'accordion.content.background',\n                variable: '--p-accordion-content-background',\n                description: 'Background of content'\n            },\n            {\n                name: 'accordion.content.color',\n                token: 'accordion.content.color',\n                variable: '--p-accordion-content-color',\n                description: 'Color of content'\n            },\n            {\n                name: 'accordion.content.padding',\n                token: 'accordion.content.padding',\n                variable: '--p-accordion-content-padding',\n                description: 'Padding of content'\n            }\n        ]\n    },\n    autocomplete: {\n        description: 'AutoComplete Design Tokens',\n        tokens: [\n            {\n                name: 'autocomplete.root.background',\n                token: 'autocomplete.background',\n                variable: '--p-autocomplete-background',\n                description: 'Background of root'\n            },\n            {\n                name: 'autocomplete.root.disabledBackground',\n                token: 'autocomplete.disabled.background',\n                variable: '--p-autocomplete-disabled-background',\n                description: 'Disabled background of root'\n            },\n            {\n                name: 'autocomplete.root.filledBackground',\n                token: 'autocomplete.filled.background',\n                variable: '--p-autocomplete-filled-background',\n                description: 'Filled background of root'\n            },\n            {\n                name: 'autocomplete.root.filledHoverBackground',\n                token: 'autocomplete.filled.hover.background',\n                variable: '--p-autocomplete-filled-hover-background',\n                description: 'Filled hover background of root'\n            },\n            {\n                name: 'autocomplete.root.filledFocusBackground',\n                token: 'autocomplete.filled.focus.background',\n                variable: '--p-autocomplete-filled-focus-background',\n                description: 'Filled focus background of root'\n            },\n            {\n                name: 'autocomplete.root.borderColor',\n                token: 'autocomplete.border.color',\n                variable: '--p-autocomplete-border-color',\n                description: 'Border color of root'\n            },\n            {\n                name: 'autocomplete.root.hoverBorderColor',\n                token: 'autocomplete.hover.border.color',\n                variable: '--p-autocomplete-hover-border-color',\n                description: 'Hover border color of root'\n            },\n            {\n                name: 'autocomplete.root.focusBorderColor',\n                token: 'autocomplete.focus.border.color',\n                variable: '--p-autocomplete-focus-border-color',\n                description: 'Focus border color of root'\n            },\n            {\n                name: 'autocomplete.root.invalidBorderColor',\n                token: 'autocomplete.invalid.border.color',\n                variable: '--p-autocomplete-invalid-border-color',\n                description: 'Invalid border color of root'\n            },\n            {\n                name: 'autocomplete.root.color',\n                token: 'autocomplete.color',\n                variable: '--p-autocomplete-color',\n                description: 'Color of root'\n            },\n            {\n                name: 'autocomplete.root.disabledColor',\n                token: 'autocomplete.disabled.color',\n                variable: '--p-autocomplete-disabled-color',\n                description: 'Disabled color of root'\n            },\n            {\n                name: 'autocomplete.root.placeholderColor',\n                token: 'autocomplete.placeholder.color',\n                variable: '--p-autocomplete-placeholder-color',\n                description: 'Placeholder color of root'\n            },\n            {\n                name: 'autocomplete.root.invalidPlaceholderColor',\n                token: 'autocomplete.invalid.placeholder.color',\n                variable: '--p-autocomplete-invalid-placeholder-color',\n                description: 'Invalid placeholder color of root'\n            },\n            {\n                name: 'autocomplete.root.shadow',\n                token: 'autocomplete.shadow',\n                variable: '--p-autocomplete-shadow',\n                description: 'Shadow of root'\n            },\n            {\n                name: 'autocomplete.root.paddingX',\n                token: 'autocomplete.padding.x',\n                variable: '--p-autocomplete-padding-x',\n                description: 'Padding x of root'\n            },\n            {\n                name: 'autocomplete.root.paddingY',\n                token: 'autocomplete.padding.y',\n                variable: '--p-autocomplete-padding-y',\n                description: 'Padding y of root'\n            },\n            {\n                name: 'autocomplete.root.borderRadius',\n                token: 'autocomplete.border.radius',\n                variable: '--p-autocomplete-border-radius',\n                description: 'Border radius of root'\n            },\n            {\n                name: 'autocomplete.root.focusRing.width',\n                token: 'autocomplete.focus.ring.width',\n                variable: '--p-autocomplete-focus-ring-width',\n                description: 'Focus ring width of root'\n            },\n            {\n                name: 'autocomplete.root.focusRing.style',\n                token: 'autocomplete.focus.ring.style',\n                variable: '--p-autocomplete-focus-ring-style',\n                description: 'Focus ring style of root'\n            },\n            {\n                name: 'autocomplete.root.focusRing.color',\n                token: 'autocomplete.focus.ring.color',\n                variable: '--p-autocomplete-focus-ring-color',\n                description: 'Focus ring color of root'\n            },\n            {\n                name: 'autocomplete.root.focusRing.offset',\n                token: 'autocomplete.focus.ring.offset',\n                variable: '--p-autocomplete-focus-ring-offset',\n                description: 'Focus ring offset of root'\n            },\n            {\n                name: 'autocomplete.root.focusRing.shadow',\n                token: 'autocomplete.focus.ring.shadow',\n                variable: '--p-autocomplete-focus-ring-shadow',\n                description: 'Focus ring shadow of root'\n            },\n            {\n                name: 'autocomplete.root.transitionDuration',\n                token: 'autocomplete.transition.duration',\n                variable: '--p-autocomplete-transition-duration',\n                description: 'Transition duration of root'\n            },\n            {\n                name: 'autocomplete.overlay.background',\n                token: 'autocomplete.overlay.background',\n                variable: '--p-autocomplete-overlay-background',\n                description: 'Background of overlay'\n            },\n            {\n                name: 'autocomplete.overlay.borderColor',\n                token: 'autocomplete.overlay.border.color',\n                variable: '--p-autocomplete-overlay-border-color',\n                description: 'Border color of overlay'\n            },\n            {\n                name: 'autocomplete.overlay.borderRadius',\n                token: 'autocomplete.overlay.border.radius',\n                variable: '--p-autocomplete-overlay-border-radius',\n                description: 'Border radius of overlay'\n            },\n            {\n                name: 'autocomplete.overlay.color',\n                token: 'autocomplete.overlay.color',\n                variable: '--p-autocomplete-overlay-color',\n                description: 'Color of overlay'\n            },\n            {\n                name: 'autocomplete.overlay.shadow',\n                token: 'autocomplete.overlay.shadow',\n                variable: '--p-autocomplete-overlay-shadow',\n                description: 'Shadow of overlay'\n            },\n            {\n                name: 'autocomplete.list.padding',\n                token: 'autocomplete.list.padding',\n                variable: '--p-autocomplete-list-padding',\n                description: 'Padding of list'\n            },\n            {\n                name: 'autocomplete.list.gap',\n                token: 'autocomplete.list.gap',\n                variable: '--p-autocomplete-list-gap',\n                description: 'Gap of list'\n            },\n            {\n                name: 'autocomplete.option.focusBackground',\n                token: 'autocomplete.option.focus.background',\n                variable: '--p-autocomplete-option-focus-background',\n                description: 'Focus background of option'\n            },\n            {\n                name: 'autocomplete.option.selectedBackground',\n                token: 'autocomplete.option.selected.background',\n                variable: '--p-autocomplete-option-selected-background',\n                description: 'Selected background of option'\n            },\n            {\n                name: 'autocomplete.option.selectedFocusBackground',\n                token: 'autocomplete.option.selected.focus.background',\n                variable: '--p-autocomplete-option-selected-focus-background',\n                description: 'Selected focus background of option'\n            },\n            {\n                name: 'autocomplete.option.color',\n                token: 'autocomplete.option.color',\n                variable: '--p-autocomplete-option-color',\n                description: 'Color of option'\n            },\n            {\n                name: 'autocomplete.option.focusColor',\n                token: 'autocomplete.option.focus.color',\n                variable: '--p-autocomplete-option-focus-color',\n                description: 'Focus color of option'\n            },\n            {\n                name: 'autocomplete.option.selectedColor',\n                token: 'autocomplete.option.selected.color',\n                variable: '--p-autocomplete-option-selected-color',\n                description: 'Selected color of option'\n            },\n            {\n                name: 'autocomplete.option.selectedFocusColor',\n                token: 'autocomplete.option.selected.focus.color',\n                variable: '--p-autocomplete-option-selected-focus-color',\n                description: 'Selected focus color of option'\n            },\n            {\n                name: 'autocomplete.option.padding',\n                token: 'autocomplete.option.padding',\n                variable: '--p-autocomplete-option-padding',\n                description: 'Padding of option'\n            },\n            {\n                name: 'autocomplete.option.borderRadius',\n                token: 'autocomplete.option.border.radius',\n                variable: '--p-autocomplete-option-border-radius',\n                description: 'Border radius of option'\n            },\n            {\n                name: 'autocomplete.optionGroup.background',\n                token: 'autocomplete.option.group.background',\n                variable: '--p-autocomplete-option-group-background',\n                description: 'Background of option group'\n            },\n            {\n                name: 'autocomplete.optionGroup.color',\n                token: 'autocomplete.option.group.color',\n                variable: '--p-autocomplete-option-group-color',\n                description: 'Color of option group'\n            },\n            {\n                name: 'autocomplete.optionGroup.fontWeight',\n                token: 'autocomplete.option.group.font.weight',\n                variable: '--p-autocomplete-option-group-font-weight',\n                description: 'Font weight of option group'\n            },\n            {\n                name: 'autocomplete.optionGroup.padding',\n                token: 'autocomplete.option.group.padding',\n                variable: '--p-autocomplete-option-group-padding',\n                description: 'Padding of option group'\n            },\n            {\n                name: 'autocomplete.dropdown.width',\n                token: 'autocomplete.dropdown.width',\n                variable: '--p-autocomplete-dropdown-width',\n                description: 'Width of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.sm.width',\n                token: 'autocomplete.dropdown.sm.width',\n                variable: '--p-autocomplete-dropdown-sm-width',\n                description: 'Sm width of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.lg.width',\n                token: 'autocomplete.dropdown.lg.width',\n                variable: '--p-autocomplete-dropdown-lg-width',\n                description: 'Lg width of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.borderColor',\n                token: 'autocomplete.dropdown.border.color',\n                variable: '--p-autocomplete-dropdown-border-color',\n                description: 'Border color of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.hoverBorderColor',\n                token: 'autocomplete.dropdown.hover.border.color',\n                variable: '--p-autocomplete-dropdown-hover-border-color',\n                description: 'Hover border color of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.activeBorderColor',\n                token: 'autocomplete.dropdown.active.border.color',\n                variable: '--p-autocomplete-dropdown-active-border-color',\n                description: 'Active border color of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.borderRadius',\n                token: 'autocomplete.dropdown.border.radius',\n                variable: '--p-autocomplete-dropdown-border-radius',\n                description: 'Border radius of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.focusRing.width',\n                token: 'autocomplete.dropdown.focus.ring.width',\n                variable: '--p-autocomplete-dropdown-focus-ring-width',\n                description: 'Focus ring width of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.focusRing.style',\n                token: 'autocomplete.dropdown.focus.ring.style',\n                variable: '--p-autocomplete-dropdown-focus-ring-style',\n                description: 'Focus ring style of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.focusRing.color',\n                token: 'autocomplete.dropdown.focus.ring.color',\n                variable: '--p-autocomplete-dropdown-focus-ring-color',\n                description: 'Focus ring color of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.focusRing.offset',\n                token: 'autocomplete.dropdown.focus.ring.offset',\n                variable: '--p-autocomplete-dropdown-focus-ring-offset',\n                description: 'Focus ring offset of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.focusRing.shadow',\n                token: 'autocomplete.dropdown.focus.ring.shadow',\n                variable: '--p-autocomplete-dropdown-focus-ring-shadow',\n                description: 'Focus ring shadow of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.background',\n                token: 'autocomplete.dropdown.background',\n                variable: '--p-autocomplete-dropdown-background',\n                description: 'Background of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.hoverBackground',\n                token: 'autocomplete.dropdown.hover.background',\n                variable: '--p-autocomplete-dropdown-hover-background',\n                description: 'Hover background of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.activeBackground',\n                token: 'autocomplete.dropdown.active.background',\n                variable: '--p-autocomplete-dropdown-active-background',\n                description: 'Active background of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.color',\n                token: 'autocomplete.dropdown.color',\n                variable: '--p-autocomplete-dropdown-color',\n                description: 'Color of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.hoverColor',\n                token: 'autocomplete.dropdown.hover.color',\n                variable: '--p-autocomplete-dropdown-hover-color',\n                description: 'Hover color of dropdown'\n            },\n            {\n                name: 'autocomplete.dropdown.activeColor',\n                token: 'autocomplete.dropdown.active.color',\n                variable: '--p-autocomplete-dropdown-active-color',\n                description: 'Active color of dropdown'\n            },\n            {\n                name: 'autocomplete.chip.borderRadius',\n                token: 'autocomplete.chip.border.radius',\n                variable: '--p-autocomplete-chip-border-radius',\n                description: 'Border radius of chip'\n            },\n            {\n                name: 'autocomplete.chip.focusBackground',\n                token: 'autocomplete.chip.focus.background',\n                variable: '--p-autocomplete-chip-focus-background',\n                description: 'Focus background of chip'\n            },\n            {\n                name: 'autocomplete.chip.focusColor',\n                token: 'autocomplete.chip.focus.color',\n                variable: '--p-autocomplete-chip-focus-color',\n                description: 'Focus color of chip'\n            },\n            {\n                name: 'autocomplete.emptyMessage.padding',\n                token: 'autocomplete.empty.message.padding',\n                variable: '--p-autocomplete-empty-message-padding',\n                description: 'Padding of empty message'\n            }\n        ]\n    },\n    avatar: {\n        description: 'Avatar Design Tokens',\n        tokens: [\n            {\n                name: 'avatar.root.width',\n                token: 'avatar.width',\n                variable: '--p-avatar-width',\n                description: 'Width of root'\n            },\n            {\n                name: 'avatar.root.height',\n                token: 'avatar.height',\n                variable: '--p-avatar-height',\n                description: 'Height of root'\n            },\n            {\n                name: 'avatar.root.fontSize',\n                token: 'avatar.font.size',\n                variable: '--p-avatar-font-size',\n                description: 'Font size of root'\n            },\n            {\n                name: 'avatar.root.background',\n                token: 'avatar.background',\n                variable: '--p-avatar-background',\n                description: 'Background of root'\n            },\n            {\n                name: 'avatar.root.color',\n                token: 'avatar.color',\n                variable: '--p-avatar-color',\n                description: 'Color of root'\n            },\n            {\n                name: 'avatar.root.borderRadius',\n                token: 'avatar.border.radius',\n                variable: '--p-avatar-border-radius',\n                description: 'Border radius of root'\n            },\n            {\n                name: 'avatar.icon.size',\n                token: 'avatar.icon.size',\n                variable: '--p-avatar-icon-size',\n                description: 'Size of icon'\n            },\n            {\n                name: 'avatar.group.borderColor',\n                token: 'avatar.group.border.color',\n                variable: '--p-avatar-group-border-color',\n                description: 'Border color of group'\n            },\n            {\n                name: 'avatar.group.offset',\n                token: 'avatar.group.offset',\n                variable: '--p-avatar-group-offset',\n                description: 'Offset of group'\n            },\n            {\n                name: 'avatar.lg.width',\n                token: 'avatar.lg.width',\n                variable: '--p-avatar-lg-width',\n                description: 'Width of lg'\n            },\n            {\n                name: 'avatar.lg.height',\n                token: 'avatar.lg.height',\n                variable: '--p-avatar-lg-height',\n                description: 'Height of lg'\n            },\n            {\n                name: 'avatar.lg.fontSize',\n                token: 'avatar.lg.font.size',\n                variable: '--p-avatar-lg-font-size',\n                description: 'Font size of lg'\n            },\n            {\n                name: 'avatar.lg.icon.size',\n                token: 'avatar.lg.icon.size',\n                variable: '--p-avatar-lg-icon-size',\n                description: 'Icon size of lg'\n            },\n            {\n                name: 'avatar.lg.group.offset',\n                token: 'avatar.lg.group.offset',\n                variable: '--p-avatar-lg-group-offset',\n                description: 'Group offset of lg'\n            },\n            {\n                name: 'avatar.xl.width',\n                token: 'avatar.xl.width',\n                variable: '--p-avatar-xl-width',\n                description: 'Width of xl'\n            },\n            {\n                name: 'avatar.xl.height',\n                token: 'avatar.xl.height',\n                variable: '--p-avatar-xl-height',\n                description: 'Height of xl'\n            },\n            {\n                name: 'avatar.xl.fontSize',\n                token: 'avatar.xl.font.size',\n                variable: '--p-avatar-xl-font-size',\n                description: 'Font size of xl'\n            },\n            {\n                name: 'avatar.xl.icon.size',\n                token: 'avatar.xl.icon.size',\n                variable: '--p-avatar-xl-icon-size',\n                description: 'Icon size of xl'\n            },\n            {\n                name: 'avatar.xl.group.offset',\n                token: 'avatar.xl.group.offset',\n                variable: '--p-avatar-xl-group-offset',\n                description: 'Group offset of xl'\n            }\n        ]\n    },\n    badge: {\n        description: 'Badge Design Tokens',\n        tokens: [\n            {\n                name: 'badge.root.borderRadius',\n                token: 'badge.border.radius',\n                variable: '--p-badge-border-radius',\n                description: 'Border radius of root'\n            },\n            {\n                name: 'badge.root.padding',\n                token: 'badge.padding',\n                variable: '--p-badge-padding',\n                description: 'Padding of root'\n            },\n            {\n                name: 'badge.root.fontSize',\n                token: 'badge.font.size',\n                variable: '--p-badge-font-size',\n                description: 'Font size of root'\n            },\n            {\n                name: 'badge.root.fontWeight',\n                token: 'badge.font.weight',\n                variable: '--p-badge-font-weight',\n                description: 'Font weight of root'\n            },\n            {\n                name: 'badge.root.minWidth',\n                token: 'badge.min.width',\n                variable: '--p-badge-min-width',\n                description: 'Min width of root'\n            },\n            {\n                name: 'badge.root.height',\n                token: 'badge.height',\n                variable: '--p-badge-height',\n                description: 'Height of root'\n            },\n            {\n                name: 'badge.dot.size',\n                token: 'badge.dot.size',\n                variable: '--p-badge-dot-size',\n                description: 'Size of dot'\n            },\n            {\n                name: 'badge.sm.fontSize',\n                token: 'badge.sm.font.size',\n                variable: '--p-badge-sm-font-size',\n                description: 'Font size of sm'\n            },\n            {\n                name: 'badge.sm.minWidth',\n                token: 'badge.sm.min.width',\n                variable: '--p-badge-sm-min-width',\n                description: 'Min width of sm'\n            },\n            {\n                name: 'badge.sm.height',\n                token: 'badge.sm.height',\n                variable: '--p-badge-sm-height',\n                description: 'Height of sm'\n            },\n            {\n                name: 'badge.lg.fontSize',\n                token: 'badge.lg.font.size',\n                variable: '--p-badge-lg-font-size',\n                description: 'Font size of lg'\n            },\n            {\n                name: 'badge.lg.minWidth',\n                token: 'badge.lg.min.width',\n                variable: '--p-badge-lg-min-width',\n                description: 'Min width of lg'\n            },\n            {\n                name: 'badge.lg.height',\n                token: 'badge.lg.height',\n                variable: '--p-badge-lg-height',\n                description: 'Height of lg'\n            },\n            {\n                name: 'badge.xl.fontSize',\n                token: 'badge.xl.font.size',\n                variable: '--p-badge-xl-font-size',\n                description: 'Font size of xl'\n            },\n            {\n                name: 'badge.xl.minWidth',\n                token: 'badge.xl.min.width',\n                variable: '--p-badge-xl-min-width',\n                description: 'Min width of xl'\n            },\n            {\n                name: 'badge.xl.height',\n                token: 'badge.xl.height',\n                variable: '--p-badge-xl-height',\n                description: 'Height of xl'\n            },\n            {\n                name: 'badge.primary.background',\n                token: 'badge.primary.background',\n                variable: '--p-badge-primary-background',\n                description: 'Background of primary'\n            },\n            {\n                name: 'badge.primary.color',\n                token: 'badge.primary.color',\n                variable: '--p-badge-primary-color',\n                description: 'Color of primary'\n            },\n            {\n                name: 'badge.secondary.background',\n                token: 'badge.secondary.background',\n                variable: '--p-badge-secondary-background',\n                description: 'Background of secondary'\n            },\n            {\n                name: 'badge.secondary.color',\n                token: 'badge.secondary.color',\n                variable: '--p-badge-secondary-color',\n                description: 'Color of secondary'\n            },\n            {\n                name: 'badge.success.background',\n                token: 'badge.success.background',\n                variable: '--p-badge-success-background',\n                description: 'Background of success'\n            },\n            {\n                name: 'badge.success.color',\n                token: 'badge.success.color',\n                variable: '--p-badge-success-color',\n                description: 'Color of success'\n            },\n            {\n                name: 'badge.info.background',\n                token: 'badge.info.background',\n                variable: '--p-badge-info-background',\n                description: 'Background of info'\n            },\n            {\n                name: 'badge.info.color',\n                token: 'badge.info.color',\n                variable: '--p-badge-info-color',\n                description: 'Color of info'\n            },\n            {\n                name: 'badge.warn.background',\n                token: 'badge.warn.background',\n                variable: '--p-badge-warn-background',\n                description: 'Background of warn'\n            },\n            {\n                name: 'badge.warn.color',\n                token: 'badge.warn.color',\n                variable: '--p-badge-warn-color',\n                description: 'Color of warn'\n            },\n            {\n                name: 'badge.danger.background',\n                token: 'badge.danger.background',\n                variable: '--p-badge-danger-background',\n                description: 'Background of danger'\n            },\n            {\n                name: 'badge.danger.color',\n                token: 'badge.danger.color',\n                variable: '--p-badge-danger-color',\n                description: 'Color of danger'\n            },\n            {\n                name: 'badge.contrast.background',\n                token: 'badge.contrast.background',\n                variable: '--p-badge-contrast-background',\n                description: 'Background of contrast'\n            },\n            {\n                name: 'badge.contrast.color',\n                token: 'badge.contrast.color',\n                variable: '--p-badge-contrast-color',\n                description: 'Color of contrast'\n            }\n        ]\n    },\n    blockui: {\n        description: 'BlockUI Design Tokens',\n        tokens: [\n            {\n                name: 'blockui.root.borderRadius',\n                token: 'blockui.border.radius',\n                variable: '--p-blockui-border-radius',\n                description: 'Border radius of root'\n            }\n        ]\n    },\n    breadcrumb: {\n        description: 'Breadcrumb Design Tokens',\n        tokens: [\n            {\n                name: 'breadcrumb.root.padding',\n                token: 'breadcrumb.padding',\n                variable: '--p-breadcrumb-padding',\n                description: 'Padding of root'\n            },\n            {\n                name: 'breadcrumb.root.background',\n                token: 'breadcrumb.background',\n                variable: '--p-breadcrumb-background',\n                description: 'Background of root'\n            },\n            {\n                name: 'breadcrumb.root.gap',\n                token: 'breadcrumb.gap',\n                variable: '--p-breadcrumb-gap',\n                description: 'Gap of root'\n            },\n            {\n                name: 'breadcrumb.root.transitionDuration',\n                token: 'breadcrumb.transition.duration',\n                variable: '--p-breadcrumb-transition-duration',\n                description: 'Transition duration of root'\n            },\n            {\n                name: 'breadcrumb.item.color',\n                token: 'breadcrumb.item.color',\n                variable: '--p-breadcrumb-item-color',\n                description: 'Color of item'\n            },\n            {\n                name: 'breadcrumb.item.hoverColor',\n                token: 'breadcrumb.item.hover.color',\n                variable: '--p-breadcrumb-item-hover-color',\n                description: 'Hover color of item'\n            },\n            {\n                name: 'breadcrumb.item.borderRadius',\n                token: 'breadcrumb.item.border.radius',\n                variable: '--p-breadcrumb-item-border-radius',\n                description: 'Border radius of item'\n            },\n            {\n                name: 'breadcrumb.item.gap',\n                token: 'breadcrumb.item.gap',\n                variable: '--p-breadcrumb-item-gap',\n                description: 'Gap of item'\n            },\n            {\n                name: 'breadcrumb.item.icon.color',\n                token: 'breadcrumb.item.icon.color',\n                variable: '--p-breadcrumb-item-icon-color',\n                description: 'Icon color of item'\n            },\n            {\n                name: 'breadcrumb.item.icon.hoverColor',\n                token: 'breadcrumb.item.icon.hover.color',\n                variable: '--p-breadcrumb-item-icon-hover-color',\n                description: 'Icon hover color of item'\n            },\n            {\n                name: 'breadcrumb.item.focusRing.width',\n                token: 'breadcrumb.item.focus.ring.width',\n                variable: '--p-breadcrumb-item-focus-ring-width',\n                description: 'Focus ring width of item'\n            },\n            {\n                name: 'breadcrumb.item.focusRing.style',\n                token: 'breadcrumb.item.focus.ring.style',\n                variable: '--p-breadcrumb-item-focus-ring-style',\n                description: 'Focus ring style of item'\n            },\n            {\n                name: 'breadcrumb.item.focusRing.color',\n                token: 'breadcrumb.item.focus.ring.color',\n                variable: '--p-breadcrumb-item-focus-ring-color',\n                description: 'Focus ring color of item'\n            },\n            {\n                name: 'breadcrumb.item.focusRing.offset',\n                token: 'breadcrumb.item.focus.ring.offset',\n                variable: '--p-breadcrumb-item-focus-ring-offset',\n                description: 'Focus ring offset of item'\n            },\n            {\n                name: 'breadcrumb.item.focusRing.shadow',\n                token: 'breadcrumb.item.focus.ring.shadow',\n                variable: '--p-breadcrumb-item-focus-ring-shadow',\n                description: 'Focus ring shadow of item'\n            },\n            {\n                name: 'breadcrumb.separator.color',\n                token: 'breadcrumb.separator.color',\n                variable: '--p-breadcrumb-separator-color',\n                description: 'Color of separator'\n            }\n        ]\n    },\n    button: {\n        description: 'Button Design Tokens',\n        tokens: [\n            {\n                name: 'button.root.borderRadius',\n                token: 'button.border.radius',\n                variable: '--p-button-border-radius',\n                description: 'Border radius of root'\n            },\n            {\n                name: 'button.root.roundedBorderRadius',\n                token: 'button.rounded.border.radius',\n                variable: '--p-button-rounded-border-radius',\n                description: 'Rounded border radius of root'\n            },\n            {\n                name: 'button.root.gap',\n                token: 'button.gap',\n                variable: '--p-button-gap',\n                description: 'Gap of root'\n            },\n            {\n                name: 'button.root.paddingX',\n                token: 'button.padding.x',\n                variable: '--p-button-padding-x',\n                description: 'Padding x of root'\n            },\n            {\n                name: 'button.root.paddingY',\n                token: 'button.padding.y',\n                variable: '--p-button-padding-y',\n                description: 'Padding y of root'\n            },\n            {\n                name: 'button.root.iconOnlyWidth',\n                token: 'button.icon.only.width',\n                variable: '--p-button-icon-only-width',\n                description: 'Icon only width of root'\n            },\n            {\n                name: 'button.root.sm.fontSize',\n                token: 'button.sm.font.size',\n                variable: '--p-button-sm-font-size',\n                description: 'Sm font size of root'\n            },\n            {\n                name: 'button.root.sm.paddingX',\n                token: 'button.sm.padding.x',\n                variable: '--p-button-sm-padding-x',\n                description: 'Sm padding x of root'\n            },\n            {\n                name: 'button.root.sm.paddingY',\n                token: 'button.sm.padding.y',\n                variable: '--p-button-sm-padding-y',\n                description: 'Sm padding y of root'\n            },\n            {\n                name: 'button.root.sm.iconOnlyWidth',\n                token: 'button.sm.icon.only.width',\n                variable: '--p-button-sm-icon-only-width',\n                description: 'Sm icon only width of root'\n            },\n            {\n                name: 'button.root.lg.fontSize',\n                token: 'button.lg.font.size',\n                variable: '--p-button-lg-font-size',\n                description: 'Lg font size of root'\n            },\n            {\n                name: 'button.root.lg.paddingX',\n                token: 'button.lg.padding.x',\n                variable: '--p-button-lg-padding-x',\n                description: 'Lg padding x of root'\n            },\n            {\n                name: 'button.root.lg.paddingY',\n                token: 'button.lg.padding.y',\n                variable: '--p-button-lg-padding-y',\n                description: 'Lg padding y of root'\n            },\n            {\n                name: 'button.root.lg.iconOnlyWidth',\n                token: 'button.lg.icon.only.width',\n                variable: '--p-button-lg-icon-only-width',\n                description: 'Lg icon only width of root'\n            },\n            {\n                name: 'button.root.label.fontWeight',\n                token: 'button.label.font.weight',\n                variable: '--p-button-label-font-weight',\n                description: 'Label font weight of root'\n            },\n            {\n                name: 'button.root.raisedShadow',\n                token: 'button.raised.shadow',\n                variable: '--p-button-