diff --git a/api-generator/build-tokens.js b/api-generator/build-tokens.js index 096adb155..0ff8551e4 100644 --- a/api-generator/build-tokens.js +++ b/api-generator/build-tokens.js @@ -2,7 +2,7 @@ const fs = require('fs'); const path = require('path'); // prettier-ignore -const THEME_COMPONENTS = ['Accordion','AutoComplete','Avatar','Badge','BlockUI','Breadcrumb','Button','Card','Carousel','CascadeSelect','Checkbox','Chip','ColorPicker','ConfirmDialog','ConfirmPopup','ContextMenu','DataTable','DataView','DatePicker','Dialog','Divider','Dock','Drawer','Editor','Fieldset','FileUpload','FloatLabel','Galleria','IconField','Image','InlineMessage','Inplace','InputChips','InputGroup','InputNumber','InputText','Knob','Listbox','MegaMenu','Menu','Menubar','Message','MeterGroup','MultiSelect','OrderList','OrganizationChart','Paginator','Panel','PanelMenu','Password','PickList','Popover','ProgressBar','ProgressSpinner','RadioButton','Rating','Ripple','ScrollPanel','Select','SelectButton','Skeleton','Slider','SpeedDial','SplitButton','Splitter','Stepper','Steps','Tabmenu','Tabs','TabView','Tag','Terminal','Textarea','TieredMenu','Timeline','Toast','ToggleButton','ToggleSwitch','Toolbar','Tooltip','Tree','TreeSelect','TreeTable']; +const THEME_COMPONENTS = ['Accordion','AutoComplete','Avatar','Badge','BlockUI','Breadcrumb','Button','Card','Carousel','CascadeSelect','Checkbox','Chip','ColorPicker','ConfirmDialog','ConfirmPopup','ContextMenu','DataTable','DataView','DatePicker','Dialog','Divider','Dock','Drawer','Editor','Fieldset','FileUpload','FloatLabel','Galleria','IconField','Image','InlineMessage','Inplace','InputChips','InputGroup','InputNumber','InputText','Knob','Listbox','MegaMenu','Menu','Menubar','Message','MeterGroup','MultiSelect','OrderList','OrganizationChart','OverlayBadge','Paginator','Panel','PanelMenu','Password','PickList','Popover','ProgressBar','ProgressSpinner','RadioButton','Rating','Ripple','ScrollPanel','Select','SelectButton','Skeleton','Slider','SpeedDial','SplitButton','Splitter','Stepper','Steps','Tabmenu','Tabs','TabView','Tag','Terminal','Textarea','TieredMenu','Timeline','Toast','ToggleButton','ToggleSwitch','Toolbar','Tooltip','Tree','TreeSelect','TreeTable']; const themeName = 'aura'; const rootDir = path.resolve(__dirname, '../'); diff --git a/components/lib/themes/aura/overlaybadge/package.json b/components/lib/themes/aura/overlaybadge/package.json new file mode 100644 index 000000000..0beda4e00 --- /dev/null +++ b/components/lib/themes/aura/overlaybadge/package.json @@ -0,0 +1,5 @@ +{ + "main": "./index.mjs", + "module": "./index.mjs", + "types": "../types/overlaybadge/index.d.ts" +} diff --git a/components/lib/themes/lara/overlaybadge/package.json b/components/lib/themes/lara/overlaybadge/package.json new file mode 100644 index 000000000..0beda4e00 --- /dev/null +++ b/components/lib/themes/lara/overlaybadge/package.json @@ -0,0 +1,5 @@ +{ + "main": "./index.mjs", + "module": "./index.mjs", + "types": "../types/overlaybadge/index.d.ts" +} diff --git a/components/lib/themes/nora/overlaybadge/package.json b/components/lib/themes/nora/overlaybadge/package.json new file mode 100644 index 000000000..0beda4e00 --- /dev/null +++ b/components/lib/themes/nora/overlaybadge/package.json @@ -0,0 +1,5 @@ +{ + "main": "./index.mjs", + "module": "./index.mjs", + "types": "../types/overlaybadge/index.d.ts" +} diff --git a/components/lib/themes/types/overlaybadge/index.d.ts b/components/lib/themes/types/overlaybadge/index.d.ts new file mode 100644 index 000000000..9d4446a81 --- /dev/null +++ b/components/lib/themes/types/overlaybadge/index.d.ts @@ -0,0 +1,36 @@ +/** + * + * OverlayBadge Design Tokens + * + * [Live Demo](https://www.primevue.org/overlaybadge/) + * + * @module themes/overlaybadge + * + */ + +import { ColorSchemeDesignToken } from '..'; + +export interface OverlayBadgeDesignTokens extends ColorSchemeDesignToken { + /** + * Used to pass tokens of the root section + */ + root?: { + /** + * Outline of root + */ + outline?: { + /** + * Outline width of root + * + * @designToken overlaybadge.outline.width + */ + width?: string; + /** + * Outline color of root + * + * @designToken overlaybadge.outline.color + */ + color?: string; + }; + }; +} diff --git a/doc/common/apidoc/index.json b/doc/common/apidoc/index.json index 30eeefeca..692e15745 100644 --- a/doc/common/apidoc/index.json +++ b/doc/common/apidoc/index.json @@ -72821,7 +72821,7 @@ } ], "methods": [], - "extendedBy": "AccordionDesignTokens,AutoCompleteDesignTokens,AvatarDesignTokens,BadgeDesignTokens,BlockUIDesignTokens,BreadcrumbDesignTokens,ButtonDesignTokens,CardDesignTokens,CarouselDesignTokens,CascadeSelectDesignTokens,CheckboxDesignTokens,ChipDesignTokens,ColorPickerDesignTokens,ConfirmDialogDesignTokens,ConfirmPopupDesignTokens,ContextMenuDesignTokens,DataTableDesignTokens,DataViewDesignTokens,DatePickerDesignTokens,DialogDesignTokens,DividerDesignTokens,DockDesignTokens,DrawerDesignTokens,EditorDesignTokens,FieldsetDesignTokens,FileUploadDesignTokens,FloatLabelDesignTokens,GalleriaDesignTokens,IconFieldDesignTokens,ImageDesignTokens,InlineMessageDesignTokens,InplaceDesignTokens,InputChipsDesignTokens,InputGroupDesignTokens,InputNumberDesignTokens,InputTextDesignTokens,KnobDesignTokens,ListboxDesignTokens,MegaMenuDesignTokens,MenuDesignTokens,MenubarDesignTokens,MessageDesignTokens,MeterGroupDesignTokens,MultiSelectDesignTokens,OrderListDesignTokens,OrganizationChartDesignTokens,PaginatorDesignTokens,PanelDesignTokens,PanelMenuDesignTokens,PasswordDesignTokens,PickListDesignTokens,PopoverDesignTokens,ProgressBarDesignTokens,ProgressSpinnerDesignTokens,RadioButtonDesignTokens,RatingDesignTokens,RippleDesignTokens,ScrollPanelDesignTokens,SelectDesignTokens,SelectButtonDesignTokens,SkeletonDesignTokens,SliderDesignTokens,SpeedDialDesignTokens,SplitButtonDesignTokens,SplitterDesignTokens,StepperDesignTokens,StepsDesignTokens,TabmenuDesignTokens,TabsDesignTokens,TabViewDesignTokens,TagDesignTokens,TerminalDesignTokens,TextareaDesignTokens,TieredMenuDesignTokens,TimelineDesignTokens,ToastDesignTokens,ToggleButtonDesignTokens,ToggleSwitchDesignTokens,ToolbarDesignTokens,TooltipDesignTokens,TreeDesignTokens,TreeSelectDesignTokens,TreeTableDesignTokens" + "extendedBy": "AccordionDesignTokens,AutoCompleteDesignTokens,AvatarDesignTokens,BadgeDesignTokens,BlockUIDesignTokens,BreadcrumbDesignTokens,ButtonDesignTokens,CardDesignTokens,CarouselDesignTokens,CascadeSelectDesignTokens,CheckboxDesignTokens,ChipDesignTokens,ColorPickerDesignTokens,ConfirmDialogDesignTokens,ConfirmPopupDesignTokens,ContextMenuDesignTokens,DataTableDesignTokens,DataViewDesignTokens,DatePickerDesignTokens,DialogDesignTokens,DividerDesignTokens,DockDesignTokens,DrawerDesignTokens,EditorDesignTokens,FieldsetDesignTokens,FileUploadDesignTokens,FloatLabelDesignTokens,GalleriaDesignTokens,IconFieldDesignTokens,ImageDesignTokens,InlineMessageDesignTokens,InplaceDesignTokens,InputChipsDesignTokens,InputGroupDesignTokens,InputNumberDesignTokens,InputTextDesignTokens,KnobDesignTokens,ListboxDesignTokens,MegaMenuDesignTokens,MenuDesignTokens,MenubarDesignTokens,MessageDesignTokens,MeterGroupDesignTokens,MultiSelectDesignTokens,OrderListDesignTokens,OrganizationChartDesignTokens,OverlayBadgeDesignTokens,PaginatorDesignTokens,PanelDesignTokens,PanelMenuDesignTokens,PasswordDesignTokens,PickListDesignTokens,PopoverDesignTokens,ProgressBarDesignTokens,ProgressSpinnerDesignTokens,RadioButtonDesignTokens,RatingDesignTokens,RippleDesignTokens,ScrollPanelDesignTokens,SelectDesignTokens,SelectButtonDesignTokens,SkeletonDesignTokens,SliderDesignTokens,SpeedDialDesignTokens,SplitButtonDesignTokens,SplitterDesignTokens,StepperDesignTokens,StepsDesignTokens,TabmenuDesignTokens,TabsDesignTokens,TabViewDesignTokens,TagDesignTokens,TerminalDesignTokens,TextareaDesignTokens,TieredMenuDesignTokens,TimelineDesignTokens,ToastDesignTokens,ToggleButtonDesignTokens,ToggleSwitchDesignTokens,ToolbarDesignTokens,TooltipDesignTokens,TreeDesignTokens,TreeSelectDesignTokens,TreeTableDesignTokens" }, "PaletteDesignToken": { "relatedProp": "", @@ -88759,6 +88759,66 @@ } } }, + "themes/overlaybadge": { + "description": "OverlayBadge Design Tokens\n\n[Live Demo](https://www.primevue.org/overlaybadge/)", + "interfaces": { + "description": "Defines the custom interfaces used by the module.", + "eventDescription": "Defines the custom events used by the component's emit.", + "methodDescription": "Defines methods that can be accessed by the component's reference.", + "typeDescription": "Defines the custom types used by the module.", + "values": { + "OverlayBadgeDesignTokens": { + "relatedProp": "", + "props": [ + { + "name": "colorScheme", + "optional": true, + "readonly": false, + "type": "Object", + "default": "" + }, + { + "name": "root", + "optional": true, + "readonly": false, + "type": "Object", + "default": "", + "description": "Used to pass tokens of the root section" + } + ], + "methods": [], + "extendedTypes": "ColorSchemeDesignToken" + } + } + }, + "tokens": { + "description": "Define design tokens used by the component.", + "values": { + "OverlayBadgeDesignTokens": { + "props": [ + { + "name": "outline.width", + "token": "overlaybadge.outline.width", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "Outline width of root" + }, + { + "name": "outline.color", + "token": "overlaybadge.outline.color", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "Outline color of root" + } + ] + } + } + } + }, "themes/paginator": { "description": "Paginator Design Tokens\n\n[Live Demo](https://www.primevue.org/paginator/)", "interfaces": {