From f496c2669fff2f0c8de1e8aca8bbbcb90e0c3128 Mon Sep 17 00:00:00 2001 From: mertsincan Date: Tue, 2 Apr 2024 09:24:31 +0100 Subject: [PATCH] Fixed #5506 - Add `dt` props to all components and directives --- components/lib/accordion/Accordion.d.ts | 6 +++++- components/lib/accordiontab/AccordionTab.d.ts | 6 +++++- components/lib/autocomplete/AutoComplete.d.ts | 6 +++++- components/lib/avatar/Avatar.d.ts | 6 +++++- components/lib/avatargroup/AvatarGroup.d.ts | 6 +++++- components/lib/badge/Badge.d.ts | 6 +++++- components/lib/badgedirective/BadgeDirective.d.ts | 6 +++++- components/lib/blockui/BlockUI.d.ts | 6 +++++- components/lib/breadcrumb/Breadcrumb.d.ts | 6 +++++- components/lib/button/Button.d.ts | 6 +++++- components/lib/buttongroup/ButtonGroup.d.ts | 6 +++++- components/lib/calendar/Calendar.d.ts | 6 +++++- components/lib/card/Card.d.ts | 6 +++++- components/lib/carousel/Carousel.d.ts | 6 +++++- components/lib/cascadeselect/CascadeSelect.d.ts | 6 +++++- components/lib/chart/Chart.d.ts | 6 +++++- components/lib/checkbox/Checkbox.d.ts | 6 +++++- components/lib/chip/Chip.d.ts | 6 +++++- components/lib/chips/Chips.d.ts | 6 +++++- components/lib/colorpicker/ColorPicker.d.ts | 6 +++++- components/lib/column/Column.d.ts | 6 +++++- components/lib/columngroup/ColumnGroup.d.ts | 6 +++++- components/lib/confirmdialog/ConfirmDialog.d.ts | 6 +++++- components/lib/confirmpopup/ConfirmPopup.d.ts | 6 +++++- components/lib/contextmenu/ContextMenu.d.ts | 6 +++++- components/lib/datatable/DataTable.d.ts | 6 +++++- components/lib/dataview/DataView.d.ts | 6 +++++- components/lib/deferredcontent/DeferredContent.d.ts | 6 +++++- components/lib/dialog/Dialog.d.ts | 6 +++++- components/lib/divider/Divider.d.ts | 6 +++++- components/lib/dock/Dock.d.ts | 6 +++++- components/lib/dropdown/Dropdown.d.ts | 6 +++++- components/lib/editor/Editor.d.ts | 6 +++++- components/lib/fieldset/Fieldset.d.ts | 6 +++++- components/lib/fileupload/FileUpload.d.ts | 6 +++++- components/lib/floatlabel/FloatLabel.d.ts | 6 +++++- components/lib/focustrap/FocusTrap.d.ts | 6 +++++- components/lib/galleria/Galleria.d.ts | 6 +++++- components/lib/iconfield/IconField.d.ts | 6 +++++- components/lib/image/Image.d.ts | 6 +++++- components/lib/inlinemessage/InlineMessage.d.ts | 6 +++++- components/lib/inplace/Inplace.d.ts | 6 +++++- components/lib/inputgroup/InputGroup.d.ts | 6 +++++- components/lib/inputgroupaddon/InputGroupAddon.d.ts | 6 +++++- components/lib/inputicon/InputIcon.d.ts | 6 +++++- components/lib/inputmask/InputMask.d.ts | 6 +++++- components/lib/inputnumber/InputNumber.d.ts | 6 +++++- components/lib/inputotp/InputOtp.d.ts | 6 +++++- components/lib/inputswitch/InputSwitch.d.ts | 6 +++++- components/lib/inputtext/InputText.d.ts | 6 +++++- components/lib/knob/Knob.d.ts | 6 +++++- components/lib/listbox/Listbox.d.ts | 6 +++++- components/lib/megamenu/MegaMenu.d.ts | 6 +++++- components/lib/menu/Menu.d.ts | 6 +++++- components/lib/menubar/Menubar.d.ts | 6 +++++- components/lib/message/Message.d.ts | 6 +++++- components/lib/metergroup/MeterGroup.d.ts | 6 +++++- components/lib/multiselect/MultiSelect.d.ts | 6 +++++- components/lib/orderlist/OrderList.d.ts | 6 +++++- components/lib/organizationchart/OrganizationChart.d.ts | 6 +++++- components/lib/overlaypanel/OverlayPanel.d.ts | 6 +++++- components/lib/paginator/Paginator.d.ts | 6 +++++- components/lib/panel/Panel.d.ts | 6 +++++- components/lib/panelmenu/PanelMenu.d.ts | 6 +++++- components/lib/password/Password.d.ts | 6 +++++- components/lib/picklist/PickList.d.ts | 6 +++++- components/lib/progressbar/ProgressBar.d.ts | 6 +++++- components/lib/progressspinner/ProgressSpinner.d.ts | 6 +++++- components/lib/radiobutton/RadioButton.d.ts | 6 +++++- components/lib/rating/Rating.d.ts | 6 +++++- components/lib/ripple/Ripple.d.ts | 6 +++++- components/lib/scrollpanel/ScrollPanel.d.ts | 6 +++++- components/lib/scrolltop/ScrollTop.d.ts | 6 +++++- components/lib/selectbutton/SelectButton.d.ts | 6 +++++- components/lib/sidebar/Sidebar.d.ts | 6 +++++- components/lib/skeleton/Skeleton.d.ts | 6 +++++- components/lib/slider/Slider.d.ts | 6 +++++- components/lib/speeddial/SpeedDial.d.ts | 6 +++++- components/lib/splitbutton/SplitButton.d.ts | 6 +++++- components/lib/splitter/Splitter.d.ts | 6 +++++- components/lib/splitterpanel/SplitterPanel.d.ts | 6 +++++- components/lib/stepper/Stepper.d.ts | 6 +++++- components/lib/stepperpanel/StepperPanel.d.ts | 6 +++++- components/lib/steps/Steps.d.ts | 6 +++++- components/lib/styleclass/StyleClass.d.ts | 6 +++++- components/lib/tabmenu/TabMenu.d.ts | 6 +++++- components/lib/tabpanel/TabPanel.d.ts | 6 +++++- components/lib/tabview/TabView.d.ts | 6 +++++- components/lib/tag/Tag.d.ts | 6 +++++- components/lib/terminal/Terminal.d.ts | 6 +++++- components/lib/textarea/Textarea.d.ts | 6 +++++- components/lib/tieredmenu/TieredMenu.d.ts | 6 +++++- components/lib/timeline/Timeline.d.ts | 6 +++++- components/lib/toast/Toast.d.ts | 6 +++++- components/lib/togglebutton/ToggleButton.d.ts | 6 +++++- components/lib/toolbar/Toolbar.d.ts | 6 +++++- components/lib/tooltip/Tooltip.d.ts | 6 +++++- components/lib/tree/Tree.d.ts | 6 +++++- components/lib/treeselect/TreeSelect.d.ts | 6 +++++- components/lib/treetable/TreeTable.d.ts | 6 +++++- components/lib/ts-helpers.d.ts | 2 ++ components/lib/virtualscroller/VirtualScroller.d.ts | 6 +++++- 102 files changed, 507 insertions(+), 101 deletions(-) diff --git a/components/lib/accordion/Accordion.d.ts b/components/lib/accordion/Accordion.d.ts index 75ca204d3..d4be5837b 100755 --- a/components/lib/accordion/Accordion.d.ts +++ b/components/lib/accordion/Accordion.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { AccordionTabPassThroughOptionType } from '../accordiontab'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type AccordionPassThroughOptionType = AccordionPassThroughAttributes | ((options: AccordionPassThroughMethodOptions) => AccordionPassThroughAttributes | string) | string | null | undefined; @@ -157,6 +157,10 @@ export interface AccordionProps { * @defaultValue false */ selectOnFocus?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {AccordionPassThroughOptions} diff --git a/components/lib/accordiontab/AccordionTab.d.ts b/components/lib/accordiontab/AccordionTab.d.ts index f7ad00874..24c3ccf4d 100755 --- a/components/lib/accordiontab/AccordionTab.d.ts +++ b/components/lib/accordiontab/AccordionTab.d.ts @@ -9,7 +9,7 @@ */ import { AnchorHTMLAttributes, HTMLAttributes, TransitionProps, VNode } from 'vue'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type AccordionTabPassThroughOptionType = AccordionTabPassThroughAttributes | ((options: AccordionTabPassThroughMethodOptions) => AccordionTabPassThroughAttributes | string) | string | null | undefined; @@ -135,6 +135,10 @@ export interface AccordionTabProps { * @defaultValue false */ disabled?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {AccordionTabPassThroughOptions} diff --git a/components/lib/autocomplete/AutoComplete.d.ts b/components/lib/autocomplete/AutoComplete.d.ts index ab70814cf..9c8dcac9b 100755 --- a/components/lib/autocomplete/AutoComplete.d.ts +++ b/components/lib/autocomplete/AutoComplete.d.ts @@ -11,7 +11,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, HintedString, Nullable, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, Nullable, PassThrough } from '../ts-helpers'; import { VirtualScrollerItemOptions, VirtualScrollerPassThroughOptionType, VirtualScrollerProps } from '../virtualscroller'; export declare type AutoCompletePassThroughOptionType = AutoCompletePassThroughAttributes | ((options: AutoCompletePassThroughMethodOptions) => AutoCompletePassThroughAttributes | string) | string | null | undefined; @@ -495,6 +495,10 @@ export interface AutoCompleteProps { * Identifier of the underlying input element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {AutoCompletePassThroughOptions} diff --git a/components/lib/avatar/Avatar.d.ts b/components/lib/avatar/Avatar.d.ts index bf8341f8a..a7ed13053 100644 --- a/components/lib/avatar/Avatar.d.ts +++ b/components/lib/avatar/Avatar.d.ts @@ -9,7 +9,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type AvatarPassThroughOptionType = AvatarPassThroughAttributes | ((options: AvatarPassThroughMethodOptions) => AvatarPassThroughAttributes | string) | string | null | undefined; @@ -109,6 +109,10 @@ export interface AvatarProps { * Establishes relationships between the component and label(s) where its value should be one or more element IDs. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {AvatarPassThroughOptions} diff --git a/components/lib/avatargroup/AvatarGroup.d.ts b/components/lib/avatargroup/AvatarGroup.d.ts index fa171ea43..a3a1cec9c 100644 --- a/components/lib/avatargroup/AvatarGroup.d.ts +++ b/components/lib/avatargroup/AvatarGroup.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type AvatarGroupPassThroughOptionType = AvatarGroupPassThroughAttributes | ((options: AvatarGroupPassThroughMethodOptions) => AvatarGroupPassThroughAttributes | string) | string | null | undefined; @@ -67,6 +67,10 @@ export interface AvatarGroupPassThroughOptions { * Defines valid properties in AvatarGroup component. */ export interface AvatarGroupProps { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {AvatarGroupPassThroughOptions} diff --git a/components/lib/badge/Badge.d.ts b/components/lib/badge/Badge.d.ts index 092031ec0..99e8373f2 100644 --- a/components/lib/badge/Badge.d.ts +++ b/components/lib/badge/Badge.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type BadgePassThroughOptionType = BadgePassThroughAttributes | ((options: BadgePassThroughMethodOptions) => BadgePassThroughAttributes | string) | string | null | undefined; @@ -75,6 +75,10 @@ export interface BadgeProps { * Size of the badge, valid options are 'large' and 'xlarge'. */ size?: 'large' | 'xlarge' | null | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {BadgePassThroughOptions} diff --git a/components/lib/badgedirective/BadgeDirective.d.ts b/components/lib/badgedirective/BadgeDirective.d.ts index bdca4a783..0d0a2f667 100644 --- a/components/lib/badgedirective/BadgeDirective.d.ts +++ b/components/lib/badgedirective/BadgeDirective.d.ts @@ -9,7 +9,7 @@ import { DirectiveBinding, ObjectDirective } from 'vue'; import { DirectiveHooks } from '../basedirective'; import { PassThroughOptions } from '../passthrough'; -import { PassThrough } from '../ts-helpers'; +import { DesignToken, PassThrough } from '../ts-helpers'; export declare type BadgeDirectivePassThroughOptionType = BadgeDirectivePassThroughAttributes | ((options: BadgePassThroughMethodOptions) => BadgeDirectivePassThroughAttributes) | null | undefined; @@ -36,6 +36,10 @@ export interface BadgePassThroughMethodOptions { * Defines options of Badge. */ export interface BadgeDirectiveOptions { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {BadgeDirectivePassThroughOptions} diff --git a/components/lib/blockui/BlockUI.d.ts b/components/lib/blockui/BlockUI.d.ts index 2edda21d6..dd685d651 100755 --- a/components/lib/blockui/BlockUI.d.ts +++ b/components/lib/blockui/BlockUI.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type BlockUIPassThroughOptionType = BlockUIPassThroughAttributes | ((options: BlockUIPassThroughMethodOptions) => BlockUIPassThroughAttributes | string) | string | null | undefined; @@ -106,6 +106,10 @@ export interface BlockUIProps { * @defaultValue true */ autoZIndex?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {BlockUIPassThroughOptions} diff --git a/components/lib/breadcrumb/Breadcrumb.d.ts b/components/lib/breadcrumb/Breadcrumb.d.ts index 77e87024f..8372de184 100755 --- a/components/lib/breadcrumb/Breadcrumb.d.ts +++ b/components/lib/breadcrumb/Breadcrumb.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type BreadcrumbPassThroughOptionType = BreadcrumbPassThroughAttributes | ((options: BreadcrumbPassThroughMethodOptions) => BreadcrumbPassThroughAttributes | string) | string | null | undefined; @@ -154,6 +154,10 @@ export interface BreadcrumbProps { * Identifier of the underlying menu element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {BreadcrumbPassThroughOptions} diff --git a/components/lib/button/Button.d.ts b/components/lib/button/Button.d.ts index ffad1880b..d4588a8d5 100755 --- a/components/lib/button/Button.d.ts +++ b/components/lib/button/Button.d.ts @@ -10,7 +10,7 @@ import { ButtonHTMLAttributes, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type ButtonPassThroughOptionType = ButtonPassThroughAttributes | ((options: ButtonPassThroughMethodOptions) => ButtonPassThroughAttributes | string) | string | null | undefined; @@ -167,6 +167,10 @@ export interface ButtonProps extends ButtonHTMLAttributes { * @defaultValue false */ plain?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ButtonPassThroughOptions} diff --git a/components/lib/buttongroup/ButtonGroup.d.ts b/components/lib/buttongroup/ButtonGroup.d.ts index d844dba2b..50e835617 100644 --- a/components/lib/buttongroup/ButtonGroup.d.ts +++ b/components/lib/buttongroup/ButtonGroup.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent/BaseComponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ButtonGroupPassThroughOptionType = ButtonGroupPassThroughAttributes | ((options: ButtonGroupPassThroughMethodOptions) => ButtonGroupPassThroughAttributes | string) | string | null | undefined; @@ -59,6 +59,10 @@ export interface ButtonGroupPassThroughAttributes { * Defines valid properties in ButtonGroup component. */ export interface ButtonGroupProps { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ButtonGroupPassThroughOptions} diff --git a/components/lib/calendar/Calendar.d.ts b/components/lib/calendar/Calendar.d.ts index a9cd03d3a..4bac218fd 100755 --- a/components/lib/calendar/Calendar.d.ts +++ b/components/lib/calendar/Calendar.d.ts @@ -12,7 +12,7 @@ import { ComponentHooks } from '../basecomponent'; import { ButtonPassThroughOptions, ButtonProps } from '../button'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type CalendarPassThroughOptionType = CalendarPassThroughAttributes | ((options: CalendarPassThroughMethodOptions) => CalendarPassThroughAttributes | string) | string | null | undefined; @@ -783,6 +783,10 @@ export interface CalendarProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {CalendarPassThroughOptions} diff --git a/components/lib/card/Card.d.ts b/components/lib/card/Card.d.ts index 00c244562..b46de6f6f 100755 --- a/components/lib/card/Card.d.ts +++ b/components/lib/card/Card.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type CardPassThroughOptionType = CardPassThroughAttributes | ((options: CardPassThroughMethodOptions) => CardPassThroughAttributes | string) | string | null | undefined; @@ -91,6 +91,10 @@ export interface CardPassThroughAttributes { * Defines valid properties in Card component. */ export interface CardProps { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {CardPassThroughOptions} diff --git a/components/lib/carousel/Carousel.d.ts b/components/lib/carousel/Carousel.d.ts index 21b619de6..7b890a0e7 100755 --- a/components/lib/carousel/Carousel.d.ts +++ b/components/lib/carousel/Carousel.d.ts @@ -10,7 +10,7 @@ import { ButtonHTMLAttributes, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type CarouselPassThroughOptionType = CarouselPassThroughAttributes | ((options: CarouselPassThroughMethodOptions) => CarouselPassThroughAttributes | string) | string | null | undefined; @@ -295,6 +295,10 @@ export interface CarouselProps { * Used to pass all properties of the HTMLButtonElement to the next navigation button. */ nextButtonProps?: ButtonHTMLAttributes | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {CarouselPassThroughOptions} diff --git a/components/lib/cascadeselect/CascadeSelect.d.ts b/components/lib/cascadeselect/CascadeSelect.d.ts index bae223c0b..675f25af5 100644 --- a/components/lib/cascadeselect/CascadeSelect.d.ts +++ b/components/lib/cascadeselect/CascadeSelect.d.ts @@ -10,7 +10,7 @@ import { HTMLAttributes, InputHTMLAttributes, TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type CascadeSelectPassThroughOptionType = CascadeSelectPassThroughAttributes | ((options: CascadeSelectPassThroughMethodOptions) => CascadeSelectPassThroughAttributes | string) | string | null | undefined; @@ -399,6 +399,10 @@ export interface CascadeSelectProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {CascadeSelectPassThroughOptions} diff --git a/components/lib/chart/Chart.d.ts b/components/lib/chart/Chart.d.ts index c25209896..f85ecca94 100755 --- a/components/lib/chart/Chart.d.ts +++ b/components/lib/chart/Chart.d.ts @@ -10,7 +10,7 @@ import { CanvasHTMLAttributes } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ChartPassThroughOptionType = ChartPassThroughAttributes | ((options: ChartPassThroughMethodOptions) => ChartPassThroughAttributes | string) | string | null | undefined; @@ -120,6 +120,10 @@ export interface ChartProps { * Used to pass all properties of the CanvasHTMLAttributes to canvas element inside the component. */ canvasProps?: CanvasHTMLAttributes | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ChartPassThroughOptions} diff --git a/components/lib/checkbox/Checkbox.d.ts b/components/lib/checkbox/Checkbox.d.ts index 7167a6ee7..a96a72b15 100755 --- a/components/lib/checkbox/Checkbox.d.ts +++ b/components/lib/checkbox/Checkbox.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type CheckboxPassThroughOptionType = CheckboxPassThroughAttributes | ((options: CheckboxPassThroughMethodOptions) => CheckboxPassThroughAttributes | string) | string | null | undefined; @@ -175,6 +175,10 @@ export interface CheckboxProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {CheckboxPassThroughOptions} diff --git a/components/lib/chip/Chip.d.ts b/components/lib/chip/Chip.d.ts index e54042784..6061f5186 100644 --- a/components/lib/chip/Chip.d.ts +++ b/components/lib/chip/Chip.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ChipPassThroughOptionType = ChipPassThroughAttributes | ((options: ChipPassThroughMethodOptions) => ChipPassThroughAttributes | string) | string | null | undefined; @@ -121,6 +121,10 @@ export interface ChipProps { * @deprecated since v3.27.0. Use 'removeicon' slot. */ removeIcon?: string; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ChipPassThroughOptions} diff --git a/components/lib/chips/Chips.d.ts b/components/lib/chips/Chips.d.ts index c48fa60b5..ddc10817d 100755 --- a/components/lib/chips/Chips.d.ts +++ b/components/lib/chips/Chips.d.ts @@ -10,7 +10,7 @@ import { InputHTMLAttributes, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ChipsPassThroughOptionType = ChipsPassThroughAttributes | ((options: ChipsPassThroughMethodOptions) => ChipsPassThroughAttributes | string) | string | null | undefined; @@ -211,6 +211,10 @@ export interface ChipsProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ChipsPassThroughOptions} diff --git a/components/lib/colorpicker/ColorPicker.d.ts b/components/lib/colorpicker/ColorPicker.d.ts index 6ba38de47..54095d674 100755 --- a/components/lib/colorpicker/ColorPicker.d.ts +++ b/components/lib/colorpicker/ColorPicker.d.ts @@ -10,7 +10,7 @@ import { TransitionProps } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type ColorPickerPassThroughOptionType = ColorPickerPassThroughAttributes | ((options: ColorPickerPassThroughMethodOptions) => ColorPickerPassThroughAttributes | string) | string | null | undefined; @@ -182,6 +182,10 @@ export interface ColorPickerProps { * @defaultValue body */ appendTo?: HintedString<'body' | 'self'> | undefined | HTMLElement; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ColorPickerPassThroughOptions} diff --git a/components/lib/column/Column.d.ts b/components/lib/column/Column.d.ts index f09e0d1f2..acd18011e 100755 --- a/components/lib/column/Column.d.ts +++ b/components/lib/column/Column.d.ts @@ -17,7 +17,7 @@ import { DataTablePassThroughOptions } from '../datatable'; import { DropdownPassThroughOptionType } from '../dropdown'; import { PassThroughOptions } from '../passthrough'; import { RadioButtonPassThroughOptionType } from '../radiobutton'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; import { VirtualScrollerLoaderOptions } from '../virtualscroller'; export declare type ColumnPassThroughOptionType = ColumnPassThroughAttributes | ((options: ColumnPassThroughMethodOptions) => ColumnPassThroughAttributes | string) | string | null | undefined; @@ -564,6 +564,10 @@ export interface ColumnProps { * @defaultValue false */ hidden?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ColumnPassThroughOptions} diff --git a/components/lib/columngroup/ColumnGroup.d.ts b/components/lib/columngroup/ColumnGroup.d.ts index 3834573b0..70912af5a 100755 --- a/components/lib/columngroup/ColumnGroup.d.ts +++ b/components/lib/columngroup/ColumnGroup.d.ts @@ -7,7 +7,7 @@ */ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ColumnGroupPassThroughOptionType = ColumnGroupPassThroughAttributes | ((options: ColumnGroupPassThroughMethodOptions) => ColumnGroupPassThroughAttributes | string) | string | null | undefined; @@ -72,6 +72,10 @@ export interface ColumnGroupProps { * Type of column group */ type?: 'header' | 'footer' | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ColumnGroupPassThroughOptions} diff --git a/components/lib/confirmdialog/ConfirmDialog.d.ts b/components/lib/confirmdialog/ConfirmDialog.d.ts index fc0587bb6..d4f2f71f2 100644 --- a/components/lib/confirmdialog/ConfirmDialog.d.ts +++ b/components/lib/confirmdialog/ConfirmDialog.d.ts @@ -12,7 +12,7 @@ import { ComponentHooks } from '../basecomponent'; import { ButtonPassThroughOptions } from '../button'; import { ConfirmationOptions } from '../confirmationoptions'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ConfirmDialogPassThroughOptionType = ConfirmDialogPassThroughAttributes | ((options: ConfirmDialogPassThroughMethodOptions) => ConfirmDialogPassThroughAttributes | string) | string | null | undefined; @@ -184,6 +184,10 @@ export interface ConfirmDialogProps { * @defaultValue true */ draggable?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ConfirmDialogPassThroughOptions} diff --git a/components/lib/confirmpopup/ConfirmPopup.d.ts b/components/lib/confirmpopup/ConfirmPopup.d.ts index f9769896f..64434d066 100644 --- a/components/lib/confirmpopup/ConfirmPopup.d.ts +++ b/components/lib/confirmpopup/ConfirmPopup.d.ts @@ -12,7 +12,7 @@ import { ComponentHooks } from '../basecomponent'; import { ButtonPassThroughOptions } from '../button'; import { ConfirmationOptions } from '../confirmationoptions'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ConfirmPopupPassThroughOptionType = ConfirmPopupPassThroughAttributes | ((options: ConfirmPopupPassThroughMethodOptions) => ConfirmPopupPassThroughAttributes | string) | string | null | undefined; @@ -138,6 +138,10 @@ export interface ConfirmPopupProps { * Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance. */ group?: string; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ConfirmPopupPassThroughOptions} diff --git a/components/lib/contextmenu/ContextMenu.d.ts b/components/lib/contextmenu/ContextMenu.d.ts index da72e0158..261d85dc5 100755 --- a/components/lib/contextmenu/ContextMenu.d.ts +++ b/components/lib/contextmenu/ContextMenu.d.ts @@ -12,7 +12,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type ContextMenuPassThroughOptionType = ContextMenuPassThroughAttributes | ((options: ContextMenuPassThroughMethodOptions) => ContextMenuPassThroughAttributes | string) | string | null | undefined; @@ -265,6 +265,10 @@ export interface ContextMenuProps { * Identifier of the underlying menu element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ContextMenuPassThroughOptions} diff --git a/components/lib/datatable/DataTable.d.ts b/components/lib/datatable/DataTable.d.ts index c9085313e..0a79b2bcc 100755 --- a/components/lib/datatable/DataTable.d.ts +++ b/components/lib/datatable/DataTable.d.ts @@ -15,7 +15,7 @@ import { ColumnGroupPassThroughOptionType } from '../columngroup'; import { PaginatorPassThroughOptionType } from '../paginator'; import { PassThroughOptions } from '../passthrough'; import { RowPassThroughOptionType } from '../row'; -import { ClassComponent, GlobalComponentConstructor, HintedString, Nullable, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, Nullable, PassThrough } from '../ts-helpers'; import { VirtualScrollerPassThroughOptionType, VirtualScrollerProps } from '../virtualscroller'; export declare type DataTablePassThroughOptionType = DataTablePassThroughAttributes | ((options: DataTablePassThroughMethodOptions) => DataTablePassThroughAttributes | string) | string | null | undefined; @@ -1163,6 +1163,10 @@ export interface DataTableProps { } */ filterButtonProps?: DataTableFilterButtonPropsOptions | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {DataTablePassThroughOptions} diff --git a/components/lib/dataview/DataView.d.ts b/components/lib/dataview/DataView.d.ts index 2af9157d5..322d29da6 100755 --- a/components/lib/dataview/DataView.d.ts +++ b/components/lib/dataview/DataView.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PaginatorPassThroughOptionType } from '../paginator'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type DataViewPassThroughOptionType = DataViewPassThroughAttributes | ((options: DataViewPassThroughMethodOptions) => DataViewPassThroughAttributes | string) | string | null | undefined; @@ -237,6 +237,10 @@ export interface DataViewProps { * Name of the data that uniquely identifies the a record in the data. */ dataKey: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {DataViewPassThroughOptions} diff --git a/components/lib/deferredcontent/DeferredContent.d.ts b/components/lib/deferredcontent/DeferredContent.d.ts index dd9a1336f..893151a6f 100755 --- a/components/lib/deferredcontent/DeferredContent.d.ts +++ b/components/lib/deferredcontent/DeferredContent.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type DeferredContentPassThroughOptionType = DeferredContentPassThroughAttributes | ((options: DeferredContentPassThroughMethodOptions) => DeferredContentPassThroughAttributes | string) | string | null | undefined; @@ -82,6 +82,10 @@ export interface DeferredContentState { * Defines valid props in DeferredContent component. */ export interface DeferredContentProps { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {DeferredContentPassThroughOptions} diff --git a/components/lib/dialog/Dialog.d.ts b/components/lib/dialog/Dialog.d.ts index 10292b456..bb2b8e437 100755 --- a/components/lib/dialog/Dialog.d.ts +++ b/components/lib/dialog/Dialog.d.ts @@ -10,7 +10,7 @@ import { HTMLAttributes, TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type DialogPassThroughOptionType = DialogPassThroughAttributes | ((options: DialogPassThroughMethodOptions) => DialogPassThroughAttributes | string) | string | null | undefined; @@ -279,6 +279,10 @@ export interface DialogProps { * @deprecated since v3.27.0. Use 'minimizeicon' slot. */ minimizeIcon?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {DialogPassThroughOptions} diff --git a/components/lib/divider/Divider.d.ts b/components/lib/divider/Divider.d.ts index 14cc0543d..804727c3e 100644 --- a/components/lib/divider/Divider.d.ts +++ b/components/lib/divider/Divider.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type DividerPassThroughOptionType = DividerPassThroughAttributes | ((options: DividerPassThroughMethodOptions) => DividerPassThroughAttributes | string) | string | null | undefined; @@ -85,6 +85,10 @@ export interface DividerProps { * @defaultValue solid */ type?: 'solid' | 'dashed' | 'dotted' | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {DividerPassThroughOptions} diff --git a/components/lib/dock/Dock.d.ts b/components/lib/dock/Dock.d.ts index b5e83c935..725bc7983 100644 --- a/components/lib/dock/Dock.d.ts +++ b/components/lib/dock/Dock.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type DockPassThroughOptionType = DockPassThroughAttributes | ((options: DockPassThroughMethodOptions) => DockPassThroughAttributes | string) | string | null | undefined; @@ -226,6 +226,10 @@ export interface DockProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {DockPassThroughOptions} diff --git a/components/lib/dropdown/Dropdown.d.ts b/components/lib/dropdown/Dropdown.d.ts index 966655bd8..c743b51d3 100755 --- a/components/lib/dropdown/Dropdown.d.ts +++ b/components/lib/dropdown/Dropdown.d.ts @@ -11,7 +11,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; import { VirtualScrollerItemOptions, VirtualScrollerPassThroughOptionType, VirtualScrollerProps } from '../virtualscroller'; export declare type DropdownPassThroughOptionType = DropdownPassThroughAttributes | ((options: DropdownPassThroughMethodOptions) => DropdownPassThroughAttributes | string) | string | null | undefined; @@ -499,6 +499,10 @@ export interface DropdownProps { * Identifier of the underlying input element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {DropdownPassThroughOptions} diff --git a/components/lib/editor/Editor.d.ts b/components/lib/editor/Editor.d.ts index e5d965e46..44e4896ab 100755 --- a/components/lib/editor/Editor.d.ts +++ b/components/lib/editor/Editor.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type EditorPassThroughOptionType = EditorPassThroughAttributes | ((options: EditorPassThroughMethodOptions) => EditorPassThroughAttributes | string) | string | null | undefined; @@ -238,6 +238,10 @@ export interface EditorProps { * Modules configuration, see [here](https://quilljs.com/docs/modules/) for available options. */ modules?: any; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {EditorPassThroughOptions} diff --git a/components/lib/fieldset/Fieldset.d.ts b/components/lib/fieldset/Fieldset.d.ts index 823e60d25..a61d5bfc4 100755 --- a/components/lib/fieldset/Fieldset.d.ts +++ b/components/lib/fieldset/Fieldset.d.ts @@ -10,7 +10,7 @@ import { AnchorHTMLAttributes, TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type FieldsetPassThroughOptionType = FieldsetPassThroughAttributes | ((options: FieldsetPassThroughMethodOptions) => FieldsetPassThroughAttributes | string) | string | null | undefined; @@ -146,6 +146,10 @@ export interface FieldsetProps { * @deprecated since v3.26.0. Use 'pt' property instead. */ toggleButtonProps?: AnchorHTMLAttributes | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {FieldsetPassThroughOptions} diff --git a/components/lib/fileupload/FileUpload.d.ts b/components/lib/fileupload/FileUpload.d.ts index 6e81481cb..3ab950ae8 100755 --- a/components/lib/fileupload/FileUpload.d.ts +++ b/components/lib/fileupload/FileUpload.d.ts @@ -13,7 +13,7 @@ import { ComponentHooks } from '../basecomponent'; import { ButtonPassThroughOptions } from '../button'; import { MessagePassThroughOptions } from '../message'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type FileUploadPassThroughOptionType = FileUploadPassThroughAttributes | ((options: FileUploadPassThroughMethodOptions) => FileUploadPassThroughAttributes | string) | string | null | undefined; @@ -437,6 +437,10 @@ export interface FileUploadProps { * Style class of the component. */ class?: any; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {FileUploadPassThroughOptions} diff --git a/components/lib/floatlabel/FloatLabel.d.ts b/components/lib/floatlabel/FloatLabel.d.ts index b1b440616..3e862d69b 100644 --- a/components/lib/floatlabel/FloatLabel.d.ts +++ b/components/lib/floatlabel/FloatLabel.d.ts @@ -10,7 +10,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type FloatLabelPassThroughOptionType = FloatLabelPassThroughAttributes | ((options: FloatLabelPassThroughMethodOptions) => FloatLabelPassThroughAttributes | string) | string | null | undefined; @@ -69,6 +69,10 @@ export interface FloatLabelPassThroughAttributes { * Defines valid properties in FloatLabel component. */ export interface FloatLabelProps { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {FloatLabelPassThroughOptions} diff --git a/components/lib/focustrap/FocusTrap.d.ts b/components/lib/focustrap/FocusTrap.d.ts index 6a93970dc..f6e295e53 100644 --- a/components/lib/focustrap/FocusTrap.d.ts +++ b/components/lib/focustrap/FocusTrap.d.ts @@ -9,7 +9,7 @@ import { DirectiveBinding, ObjectDirective } from 'vue'; import { DirectiveHooks } from '../basedirective'; import { PassThroughOptions } from '../passthrough'; -import { PassThrough } from '../ts-helpers'; +import { DesignToken, PassThrough } from '../ts-helpers'; export declare type FocusTrapDirectivePassThroughOptionType = FocusTrapDirectivePassThroughAttributes | null | undefined; @@ -27,6 +27,10 @@ export interface FocusTrapOptions { * @defaultValue true */ autoFocus?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {FocusTrapDirectivePassThroughOptions} diff --git a/components/lib/galleria/Galleria.d.ts b/components/lib/galleria/Galleria.d.ts index 21757c800..49889fb1d 100755 --- a/components/lib/galleria/Galleria.d.ts +++ b/components/lib/galleria/Galleria.d.ts @@ -10,7 +10,7 @@ import { ButtonHTMLAttributes, HTMLAttributes, TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type GalleriaPassThroughOptionType = GalleriaPassThroughAttributes | ((options: GalleriaPassThroughMethodOptions) => GalleriaPassThroughAttributes | string) | string | null | undefined; @@ -406,6 +406,10 @@ export interface GalleriaProps { * Defines a string value that description for the role of the component. */ ariaRoledescription?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {GalleriaPassThroughOptions} diff --git a/components/lib/iconfield/IconField.d.ts b/components/lib/iconfield/IconField.d.ts index 8ca6ebd54..fcab9f40f 100644 --- a/components/lib/iconfield/IconField.d.ts +++ b/components/lib/iconfield/IconField.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type IconFieldPassThroughOptionType = IconFieldPassThroughAttributes | ((options: IconFieldPassThroughMethodOptions) => IconFieldPassThroughAttributes | string) | string | null | undefined; @@ -72,6 +72,10 @@ export interface IconFieldProps { * @defaultValue right */ iconPosition?: 'left' | 'right' | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {IconFieldPassThroughOptions} diff --git a/components/lib/image/Image.d.ts b/components/lib/image/Image.d.ts index 7f0a26e5e..4fc8fee9e 100644 --- a/components/lib/image/Image.d.ts +++ b/components/lib/image/Image.d.ts @@ -10,7 +10,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ImagePassThroughOptionType = ImagePassThroughAttributes | ((options: ImagePassThroughMethodOptions) => ImagePassThroughAttributes | string) | string | null | undefined; @@ -199,6 +199,10 @@ export interface ImageProps { * @defaultValue false */ zoomOutDisabled?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ImagePassThroughOptions} diff --git a/components/lib/inlinemessage/InlineMessage.d.ts b/components/lib/inlinemessage/InlineMessage.d.ts index 478615cdc..9f957d1f1 100755 --- a/components/lib/inlinemessage/InlineMessage.d.ts +++ b/components/lib/inlinemessage/InlineMessage.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type InlineMessagePassThroughOptionType = InlineMessagePassThroughAttributes | ((options: InlineMessagePassThroughMethodOptions) => InlineMessagePassThroughAttributes | string) | string | null | undefined; @@ -100,6 +100,10 @@ export interface InlineMessageProps { * @deprecated since v3.27.0. Use 'icon' slot. */ icon?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InlineMessagePassThroughOptions} diff --git a/components/lib/inplace/Inplace.d.ts b/components/lib/inplace/Inplace.d.ts index d17323026..bb3f85523 100755 --- a/components/lib/inplace/Inplace.d.ts +++ b/components/lib/inplace/Inplace.d.ts @@ -12,7 +12,7 @@ import { ButtonHTMLAttributes, HTMLAttributes, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { ButtonPassThroughOptions } from '../button'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type InplacePassThroughOptionType = InplacePassThroughAttributes | ((options: InplacePassThroughMethodOptions) => InplacePassThroughAttributes | string) | string | null | undefined; @@ -139,6 +139,10 @@ export interface InplaceProps { * Used to pass all properties of the HTMLButtonElement to the close button. */ closeButtonProps?: ButtonHTMLAttributes | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InplacePassThroughOptions} diff --git a/components/lib/inputgroup/InputGroup.d.ts b/components/lib/inputgroup/InputGroup.d.ts index 76678dbc1..e24460a4c 100644 --- a/components/lib/inputgroup/InputGroup.d.ts +++ b/components/lib/inputgroup/InputGroup.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type InputGroupPassThroughOptionType = InputGroupPassThroughAttributes | ((options: InputGroupPassThroughMethodOptions) => InputGroupPassThroughAttributes | string) | string | null | undefined; @@ -63,6 +63,10 @@ export interface InputGroupPassThroughAttributes { * Defines valid properties in InputGroup component. */ export interface InputGroupProps { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InputGroupPassThroughOptions} diff --git a/components/lib/inputgroupaddon/InputGroupAddon.d.ts b/components/lib/inputgroupaddon/InputGroupAddon.d.ts index ad6a0ffef..372b70706 100644 --- a/components/lib/inputgroupaddon/InputGroupAddon.d.ts +++ b/components/lib/inputgroupaddon/InputGroupAddon.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type InputGroupAddonPassThroughOptionType = InputGroupAddonPassThroughAttributes | ((options: InputGroupAddonPassThroughMethodOptions) => InputGroupAddonPassThroughAttributes | string) | string | null | undefined; @@ -63,6 +63,10 @@ export interface InputGroupAddonPassThroughAttributes { * Defines valid properties in InputGroupAddon component. */ export interface InputGroupAddonProps { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InputGroupAddonPassThroughOptions} diff --git a/components/lib/inputicon/InputIcon.d.ts b/components/lib/inputicon/InputIcon.d.ts index 8e9907984..29224d8b0 100644 --- a/components/lib/inputicon/InputIcon.d.ts +++ b/components/lib/inputicon/InputIcon.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type InputIconPassThroughOptionType = InputIconPassThroughAttributes | ((options: InputIconPassThroughMethodOptions) => InputIconPassThroughAttributes | string) | string | null | undefined; @@ -63,6 +63,10 @@ export interface InputIconPassThroughAttributes { * Defines valid properties in InputIcon component. */ export interface InputIconProps { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InputIconPassThroughOptions} diff --git a/components/lib/inputmask/InputMask.d.ts b/components/lib/inputmask/InputMask.d.ts index 22d30b519..017204381 100755 --- a/components/lib/inputmask/InputMask.d.ts +++ b/components/lib/inputmask/InputMask.d.ts @@ -10,7 +10,7 @@ import { ComponentHooks } from '../basecomponent'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type InputMaskPassThroughOptionType = InputMaskPassThroughAttributes | ((options: InputMaskPassThroughMethodOptions) => InputMaskPassThroughAttributes | string) | string | null | undefined; @@ -141,6 +141,10 @@ export interface InputMaskProps { * @defaultValue false */ disabled?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InputMaskPassThroughOptions} diff --git a/components/lib/inputnumber/InputNumber.d.ts b/components/lib/inputnumber/InputNumber.d.ts index 8d23d6d65..71e501aa6 100755 --- a/components/lib/inputnumber/InputNumber.d.ts +++ b/components/lib/inputnumber/InputNumber.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, Nullable, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, Nullable, PassThrough } from '../ts-helpers'; export declare type RoundingMode = 'ceil' | 'floor' | 'expand' | 'trunc' | 'halfCeil' | 'halfFloor' | 'halfExpand' | 'halfTrunc' | 'halfEven'; @@ -334,6 +334,10 @@ export interface InputNumberProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InputNumberPassThroughOptions} diff --git a/components/lib/inputotp/InputOtp.d.ts b/components/lib/inputotp/InputOtp.d.ts index 294a01e8e..6a445d3d7 100755 --- a/components/lib/inputotp/InputOtp.d.ts +++ b/components/lib/inputotp/InputOtp.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent/BaseComponent'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type InputOtpPassThroughOptionType = InputOtpPassThroughAttributes | ((options: InputOtpPassThroughMethodOptions) => InputOtpPassThroughAttributes | string) | string | null | undefined; @@ -182,6 +182,10 @@ export interface InputOtpProps { * @defaultValue false */ integerOnly?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InputOtpPassThroughOptions} diff --git a/components/lib/inputswitch/InputSwitch.d.ts b/components/lib/inputswitch/InputSwitch.d.ts index c348b37f0..e2f589873 100755 --- a/components/lib/inputswitch/InputSwitch.d.ts +++ b/components/lib/inputswitch/InputSwitch.d.ts @@ -9,7 +9,7 @@ */ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type InputSwitchPassThroughOptionType = InputSwitchPassThroughAttributes | ((options: InputSwitchPassThroughMethodOptions) => InputSwitchPassThroughAttributes | string) | string | null | undefined; @@ -132,6 +132,10 @@ export interface InputSwitchProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InputSwitchPassThroughOptions} diff --git a/components/lib/inputtext/InputText.d.ts b/components/lib/inputtext/InputText.d.ts index 124470fdf..792983ccc 100755 --- a/components/lib/inputtext/InputText.d.ts +++ b/components/lib/inputtext/InputText.d.ts @@ -10,7 +10,7 @@ import { InputHTMLAttributes } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, Nullable, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, Nullable, PassThrough } from '../ts-helpers'; export declare type InputTextPassThroughOptionType = InputTextPassThroughAttributes | ((options: InputTextPassThroughMethodOptions) => InputTextPassThroughAttributes | string) | string | null | undefined; @@ -101,6 +101,10 @@ export interface InputTextProps extends InputHTMLAttributes { * @defaultValue outlined */ variant?: 'outlined' | 'filled' | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {InputTextPassThroughOptions} diff --git a/components/lib/knob/Knob.d.ts b/components/lib/knob/Knob.d.ts index 084f25c30..a1f9bbcd7 100644 --- a/components/lib/knob/Knob.d.ts +++ b/components/lib/knob/Knob.d.ts @@ -9,7 +9,7 @@ */ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type KnobPassThroughOptionType = KnobPassThroughAttributes | ((options: KnobPassThroughMethodOptions) => KnobPassThroughAttributes | string) | string | null | undefined; @@ -192,6 +192,10 @@ export interface KnobProps { * Used to define a string that labels the element. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {KnobPassThroughOptions} diff --git a/components/lib/listbox/Listbox.d.ts b/components/lib/listbox/Listbox.d.ts index 8fb241a9e..99ace9aa1 100755 --- a/components/lib/listbox/Listbox.d.ts +++ b/components/lib/listbox/Listbox.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; import { VirtualScrollerItemOptions, VirtualScrollerPassThroughOptionType, VirtualScrollerProps } from '../virtualscroller'; export declare type ListboxPassThroughOptionType = ListboxPassThroughAttributes | ((options: ListboxPassThroughMethodOptions) => ListboxPassThroughAttributes | string) | string | null | undefined; @@ -390,6 +390,10 @@ export interface ListboxProps { * Identifier of the underlying input element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ListboxPassThroughOptions} diff --git a/components/lib/megamenu/MegaMenu.d.ts b/components/lib/megamenu/MegaMenu.d.ts index 4de94700d..492ff3557 100755 --- a/components/lib/megamenu/MegaMenu.d.ts +++ b/components/lib/megamenu/MegaMenu.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type MegaMenuPassThroughOptionType = MegaMenuPassThroughAttributes | ((options: MegaMenuPassThroughMethodOptions) => MegaMenuPassThroughAttributes | string) | string | null | undefined; @@ -275,6 +275,10 @@ export interface MegaMenuProps { * Identifier of the underlying menu element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {MegaMenuPassThroughOptions} diff --git a/components/lib/menu/Menu.d.ts b/components/lib/menu/Menu.d.ts index 21e97d871..35bcd119e 100755 --- a/components/lib/menu/Menu.d.ts +++ b/components/lib/menu/Menu.d.ts @@ -11,7 +11,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type MenuPassThroughOptionType = MenuPassThroughAttributes | ((options: MenuPassThroughMethodOptions) => MenuPassThroughAttributes | string) | string | null | undefined; @@ -234,6 +234,10 @@ export interface MenuProps { * Identifier of the underlying input element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {MenuPassThroughOptions} diff --git a/components/lib/menubar/Menubar.d.ts b/components/lib/menubar/Menubar.d.ts index 5f87d1cd5..e3e23f01d 100755 --- a/components/lib/menubar/Menubar.d.ts +++ b/components/lib/menubar/Menubar.d.ts @@ -11,7 +11,7 @@ import { ButtonHTMLAttributes, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type MenubarPassThroughOptionType = MenubarPassThroughAttributes | ((options: MenubarPassThroughMethodOptions) => MenubarPassThroughAttributes | string) | string | null | undefined; @@ -258,6 +258,10 @@ export interface MenubarProps { * Identifier of the underlying input element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {MenubarPassThroughOptions} diff --git a/components/lib/message/Message.d.ts b/components/lib/message/Message.d.ts index 9f2941df9..b2e43cec9 100755 --- a/components/lib/message/Message.d.ts +++ b/components/lib/message/Message.d.ts @@ -10,7 +10,7 @@ import { ButtonHTMLAttributes, TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type MessagePassThroughOptionType = MessagePassThroughAttributes | ((options: MessagePassThroughMethodOptions) => MessagePassThroughAttributes | string) | string | null | undefined; @@ -147,6 +147,10 @@ export interface MessageProps { * Used to pass all properties of the HTMLButtonElement to the close button. */ closeButtonProps?: ButtonHTMLAttributes | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {MessagePassThroughOptions} diff --git a/components/lib/metergroup/MeterGroup.d.ts b/components/lib/metergroup/MeterGroup.d.ts index 8f2fbca52..08ed74d16 100644 --- a/components/lib/metergroup/MeterGroup.d.ts +++ b/components/lib/metergroup/MeterGroup.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type MeterGroupPassThroughOptionType = MeterGroupPassThroughAttributes | ((options: MeterGroupPassThroughMethodOptions) => MeterGroupPassThroughAttributes | string) | string | null | undefined; @@ -159,6 +159,10 @@ export interface MeterGroupProps { * @defaultValue horizontal */ labelOrientation?: 'horizontal' | 'vertical' | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {MeterGroupPassThroughOptions} diff --git a/components/lib/multiselect/MultiSelect.d.ts b/components/lib/multiselect/MultiSelect.d.ts index 8cc397f91..e0f60ad35 100755 --- a/components/lib/multiselect/MultiSelect.d.ts +++ b/components/lib/multiselect/MultiSelect.d.ts @@ -11,7 +11,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; import { VirtualScrollerItemOptions, VirtualScrollerPassThroughOptionType, VirtualScrollerProps } from '../virtualscroller'; export declare type MultiSelectPassThroughOptionType = MultiSelectPassThroughAttributes | ((options: MultiSelectPassThroughMethodOptions) => MultiSelectPassThroughAttributes | string) | string | null | undefined; @@ -527,6 +527,10 @@ export interface MultiSelectProps { * Identifier of the underlying input element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {MultiSelectPassThroughOptions} diff --git a/components/lib/orderlist/OrderList.d.ts b/components/lib/orderlist/OrderList.d.ts index 93c266869..23df9e8f6 100755 --- a/components/lib/orderlist/OrderList.d.ts +++ b/components/lib/orderlist/OrderList.d.ts @@ -12,7 +12,7 @@ import { ComponentHooks } from '../basecomponent'; import { ButtonPassThroughOptions, ButtonProps } from '../button'; import { ListboxPassThroughOptions } from '../listbox'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type OrderListPassThroughOptionType = OrderListPassThroughAttributes | ((options: OrderListPassThroughMethodOptions) => OrderListPassThroughAttributes | string) | string | null | undefined; @@ -261,6 +261,10 @@ export interface OrderListProps { * Identifier of the underlying list element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {OrderListPassThroughOptions} diff --git a/components/lib/organizationchart/OrganizationChart.d.ts b/components/lib/organizationchart/OrganizationChart.d.ts index 7284241c6..866826855 100755 --- a/components/lib/organizationchart/OrganizationChart.d.ts +++ b/components/lib/organizationchart/OrganizationChart.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type OrganizationChartPassThroughOptionType = OrganizationChartPassThroughAttributes | ((options: OrganizationChartPassThroughMethodOptions) => OrganizationChartPassThroughAttributes | string) | string | null | undefined; @@ -245,6 +245,10 @@ export interface OrganizationChartProps { * @defaultValue false */ collapsible?: boolean; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {OrganizationChartPassThroughOptions} diff --git a/components/lib/overlaypanel/OverlayPanel.d.ts b/components/lib/overlaypanel/OverlayPanel.d.ts index d94a6ea37..f50ab38b7 100755 --- a/components/lib/overlaypanel/OverlayPanel.d.ts +++ b/components/lib/overlaypanel/OverlayPanel.d.ts @@ -10,7 +10,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type OverlayPanelPassThroughOptionType = OverlayPanelPassThroughAttributes | ((options: OverlayPanelPassThroughMethodOptions) => OverlayPanelPassThroughAttributes | string) | string | null | undefined; @@ -138,6 +138,10 @@ export interface OverlayPanelProps { * Object literal to define widths per screen size. */ breakpoints?: OverlayPanelBreakpoints; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {OverlayPanelPassThroughOptions} diff --git a/components/lib/paginator/Paginator.d.ts b/components/lib/paginator/Paginator.d.ts index 6ff17e20b..db1090ac5 100755 --- a/components/lib/paginator/Paginator.d.ts +++ b/components/lib/paginator/Paginator.d.ts @@ -12,7 +12,7 @@ import { ComponentHooks } from '../basecomponent'; import { DropdownPassThroughOptions } from '../dropdown'; import { InputNumberPassThroughOptions } from '../inputnumber'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type PaginatorPassThroughOptionType = PaginatorPassThroughAttributes | ((options: PaginatorPassThroughMethodOptions) => PaginatorPassThroughAttributes | string) | string | null | undefined; @@ -266,6 +266,10 @@ export interface PaginatorProps { * @defaultValue true */ alwaysShow?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {PaginatorPassThroughOptions} diff --git a/components/lib/panel/Panel.d.ts b/components/lib/panel/Panel.d.ts index 319f84dae..3dd4afbc6 100755 --- a/components/lib/panel/Panel.d.ts +++ b/components/lib/panel/Panel.d.ts @@ -10,7 +10,7 @@ import { ButtonHTMLAttributes, TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type PanelPassThroughOptionType = PanelPassThroughAttributes | ((options: PanelPassThroughMethodOptions) => PanelPassThroughAttributes | string) | string | null | undefined; @@ -154,6 +154,10 @@ export interface PanelProps { * @deprecated since v3.26.0. Use 'pt' property instead. */ toggleButtonProps?: ButtonHTMLAttributes | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {PanelPassThroughOptions} diff --git a/components/lib/panelmenu/PanelMenu.d.ts b/components/lib/panelmenu/PanelMenu.d.ts index 2c8d5f41c..527ab8b4c 100755 --- a/components/lib/panelmenu/PanelMenu.d.ts +++ b/components/lib/panelmenu/PanelMenu.d.ts @@ -11,7 +11,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type PanelMenuPassThroughOptionType = PanelMenuPassThroughAttributes | ((options: PanelMenuPassThroughMethodOptions) => PanelMenuPassThroughAttributes | string) | string | null | undefined; @@ -279,6 +279,10 @@ export interface PanelMenuProps { * Index of the element in tabbing order. */ tabindex?: number | string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {PanelMenuPassThroughOptions} diff --git a/components/lib/password/Password.d.ts b/components/lib/password/Password.d.ts index 6c305c8ac..0ce5202a9 100755 --- a/components/lib/password/Password.d.ts +++ b/components/lib/password/Password.d.ts @@ -11,7 +11,7 @@ import { HTMLAttributes, InputHTMLAttributes, TransitionProps, VNode } from 'vue import { ComponentHooks } from '../basecomponent'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, Nullable, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, Nullable, PassThrough } from '../ts-helpers'; export declare type PasswordPassThroughOptionType = PasswordPassThroughAttributes | ((options: PasswordPassThroughMethodOptions) => PasswordPassThroughAttributes | string) | string | null | undefined; @@ -285,6 +285,10 @@ export interface PasswordProps extends InputHTMLAttributes { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {PasswordPassThroughOptions} diff --git a/components/lib/picklist/PickList.d.ts b/components/lib/picklist/PickList.d.ts index 6aa8240c8..a77ba9ac0 100755 --- a/components/lib/picklist/PickList.d.ts +++ b/components/lib/picklist/PickList.d.ts @@ -11,7 +11,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { ButtonPassThroughOptions } from '../button'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type PickListPassThroughOptionType = PickListPassThroughAttributes | ((options: PickListPassThroughMethodOptions) => PickListPassThroughAttributes | string) | string | null | undefined; @@ -403,6 +403,10 @@ export interface PickListProps { * Index of the list element in tabbing order. */ tabindex?: number | string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {PickListPassThroughOptions} diff --git a/components/lib/progressbar/ProgressBar.d.ts b/components/lib/progressbar/ProgressBar.d.ts index e7d9acad3..68fa701f7 100755 --- a/components/lib/progressbar/ProgressBar.d.ts +++ b/components/lib/progressbar/ProgressBar.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ProgressBarPassThroughOptionType = ProgressBarPassThroughAttributes | ((options: ProgressBarPassThroughMethodOptions) => ProgressBarPassThroughAttributes | string) | string | null | undefined; @@ -85,6 +85,10 @@ export interface ProgressBarProps { * @defaultValue true */ showValue?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ProgressBarPassThroughOptions} diff --git a/components/lib/progressspinner/ProgressSpinner.d.ts b/components/lib/progressspinner/ProgressSpinner.d.ts index 34fdc0491..eabf8b534 100755 --- a/components/lib/progressspinner/ProgressSpinner.d.ts +++ b/components/lib/progressspinner/ProgressSpinner.d.ts @@ -9,7 +9,7 @@ */ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ProgressSpinnerPassThroughOptionType = ProgressSpinnerPassThroughAttributes | ((options: ProgressSpinnerPassThroughMethodOptions) => ProgressSpinnerPassThroughAttributes | string) | string | null | undefined; @@ -88,6 +88,10 @@ export interface ProgressSpinnerProps { * @defaultValue 2s */ animationDuration?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ProgressSpinnerPassThroughOptions} diff --git a/components/lib/radiobutton/RadioButton.d.ts b/components/lib/radiobutton/RadioButton.d.ts index b38a30278..fb3c0af33 100755 --- a/components/lib/radiobutton/RadioButton.d.ts +++ b/components/lib/radiobutton/RadioButton.d.ts @@ -9,7 +9,7 @@ */ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type RadioButtonPassThroughOptionType = RadioButtonPassThroughAttributes | ((options: RadioButtonPassThroughMethodOptions) => RadioButtonPassThroughAttributes | string) | string | null | undefined; @@ -154,6 +154,10 @@ export interface RadioButtonProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {RadioButtonPassThroughOptions} diff --git a/components/lib/rating/Rating.d.ts b/components/lib/rating/Rating.d.ts index 8c60c1a9b..36e093013 100755 --- a/components/lib/rating/Rating.d.ts +++ b/components/lib/rating/Rating.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type RatingPassThroughOptionType = RatingPassThroughAttributes | ((options: RatingPassThroughMethodOptions) => RatingPassThroughAttributes | string) | string | null | undefined; @@ -200,6 +200,10 @@ export interface RatingProps { * @deprecated since v3.27.0. Use 'cancelicon' slot. */ cancelIcon?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {RatingPassThroughOptions} diff --git a/components/lib/ripple/Ripple.d.ts b/components/lib/ripple/Ripple.d.ts index 4a6bf786b..81ab5aa2b 100644 --- a/components/lib/ripple/Ripple.d.ts +++ b/components/lib/ripple/Ripple.d.ts @@ -9,7 +9,7 @@ import { DirectiveBinding, ObjectDirective } from 'vue'; import { DirectiveHooks } from '../basedirective'; import { PassThroughOptions } from '../passthrough'; -import { PassThrough } from '../ts-helpers'; +import { DesignToken, PassThrough } from '../ts-helpers'; export declare type RippleDirectivePassThroughOptionType = RippleDirectivePassThroughAttributes | null | undefined; @@ -17,6 +17,10 @@ export declare type RippleDirectivePassThroughOptionType = RippleDirectivePassTh * Defines options of Ripple. */ export interface RippleOptions { + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {RippleDirectivePassThroughOptions} diff --git a/components/lib/scrollpanel/ScrollPanel.d.ts b/components/lib/scrollpanel/ScrollPanel.d.ts index 1b4081ee2..e202f12c7 100644 --- a/components/lib/scrollpanel/ScrollPanel.d.ts +++ b/components/lib/scrollpanel/ScrollPanel.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ScrollPanelPassThroughOptionType = ScrollPanelPassThroughAttributes | ((options: ScrollPanelPassThroughMethodOptions) => ScrollPanelPassThroughAttributes | string) | string | null | undefined; @@ -117,6 +117,10 @@ export interface ScrollPanelProps { * @defaultValue 5 */ step?: number | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ScrollPanelPassThroughOptions} diff --git a/components/lib/scrolltop/ScrollTop.d.ts b/components/lib/scrolltop/ScrollTop.d.ts index 44b8bd335..1ed88a814 100644 --- a/components/lib/scrolltop/ScrollTop.d.ts +++ b/components/lib/scrolltop/ScrollTop.d.ts @@ -10,7 +10,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ScrollTopPassThroughOptionType = ScrollTopPassThroughAttributes | ((options: ScrollTopPassThroughMethodOptions) => ScrollTopPassThroughAttributes | string) | string | null | undefined; @@ -112,6 +112,10 @@ export interface ScrollTopProps { * @defaultValue smooth */ behavior?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ScrollTopPassThroughOptions} diff --git a/components/lib/selectbutton/SelectButton.d.ts b/components/lib/selectbutton/SelectButton.d.ts index c8634b4b9..d6c346134 100755 --- a/components/lib/selectbutton/SelectButton.d.ts +++ b/components/lib/selectbutton/SelectButton.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; // import { ToggleButtonPassThroughOptions } from '../togglebutton'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type SelectButtonPassThroughOptionType = SelectButtonPassThroughAttributes | ((options: SelectButtonPassThroughMethodOptions) => SelectButtonPassThroughAttributes | string) | string | null | undefined; @@ -183,6 +183,10 @@ export interface SelectButtonProps { * Identifier of the underlying element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {SelectButtonPassThroughOptions} diff --git a/components/lib/sidebar/Sidebar.d.ts b/components/lib/sidebar/Sidebar.d.ts index 870de69f8..fc15776cf 100755 --- a/components/lib/sidebar/Sidebar.d.ts +++ b/components/lib/sidebar/Sidebar.d.ts @@ -10,7 +10,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type SidebarPassThroughOptionType = SidebarPassThroughAttributes | ((options: SidebarPassThroughMethodOptions) => SidebarPassThroughAttributes | string) | string | null | undefined; @@ -161,6 +161,10 @@ export interface SidebarProps { * @defaultValue false */ blockScroll?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {SidebarPassThroughOptions} diff --git a/components/lib/skeleton/Skeleton.d.ts b/components/lib/skeleton/Skeleton.d.ts index da97dab7e..8c2943cd8 100644 --- a/components/lib/skeleton/Skeleton.d.ts +++ b/components/lib/skeleton/Skeleton.d.ts @@ -9,7 +9,7 @@ */ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type SkeletonPassThroughOptionType = SkeletonPassThroughAttributes | ((options: SkeletonPassThroughMethodOptions) => SkeletonPassThroughAttributes | string) | string | null | undefined; @@ -94,6 +94,10 @@ export interface SkeletonProps { * @defaultValue wave */ animation?: 'wave' | 'none' | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {SkeletonPassThroughOptions} diff --git a/components/lib/slider/Slider.d.ts b/components/lib/slider/Slider.d.ts index 23d5bc35b..2376e6ea3 100755 --- a/components/lib/slider/Slider.d.ts +++ b/components/lib/slider/Slider.d.ts @@ -9,7 +9,7 @@ */ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type SliderPassThroughOptionType = SliderPassThroughAttributes | ((options: SliderPassThroughMethodOptions) => SliderPassThroughAttributes | string) | string | null | undefined; @@ -143,6 +143,10 @@ export interface SliderProps { * Used to define a string that labels the element. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {SliderPassThroughOptions} diff --git a/components/lib/speeddial/SpeedDial.d.ts b/components/lib/speeddial/SpeedDial.d.ts index 242ac9fd0..a8a389531 100644 --- a/components/lib/speeddial/SpeedDial.d.ts +++ b/components/lib/speeddial/SpeedDial.d.ts @@ -12,7 +12,7 @@ import { ComponentHooks } from '../basecomponent'; import { ButtonPassThroughOptions } from '../button'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type SpeedDialPassThroughOptionType = SpeedDialPassThroughAttributes | ((options: SpeedDialPassThroughMethodOptions) => SpeedDialPassThroughAttributes | string) | string | null | undefined; @@ -274,6 +274,10 @@ export interface SpeedDialProps { * Identifier of the underlying list element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {SpeedDialPassThroughOptions} diff --git a/components/lib/splitbutton/SplitButton.d.ts b/components/lib/splitbutton/SplitButton.d.ts index 097074f5a..3fcb326bd 100755 --- a/components/lib/splitbutton/SplitButton.d.ts +++ b/components/lib/splitbutton/SplitButton.d.ts @@ -13,7 +13,7 @@ import { ButtonPassThroughOptions } from '../button'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; import { TieredMenuPassThroughOptions, TieredMenuRouterBindProps } from '../tieredmenu'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type SplitButtonPassThroughOptionType = SplitButtonPassThroughAttributes | ((options: SplitButtonPassThroughMethodOptions) => SplitButtonPassThroughAttributes | string) | string | null | undefined; @@ -201,6 +201,10 @@ export interface SplitButtonProps { * @defaultValue false */ plain?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {SplitButtonPassThroughOptions} diff --git a/components/lib/splitter/Splitter.d.ts b/components/lib/splitter/Splitter.d.ts index 0d78aee3b..72fd530fe 100644 --- a/components/lib/splitter/Splitter.d.ts +++ b/components/lib/splitter/Splitter.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type SplitterPassThroughOptionType = SplitterPassThroughAttributes | ((options: SplitterPassThroughMethodOptions) => SplitterPassThroughAttributes | string) | string | null | undefined; @@ -172,6 +172,10 @@ export interface SplitterProps { * @defaultValue 1 */ step?: number | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {SplitterPassThroughOptions} diff --git a/components/lib/splitterpanel/SplitterPanel.d.ts b/components/lib/splitterpanel/SplitterPanel.d.ts index b712a2a61..fa803c26d 100644 --- a/components/lib/splitterpanel/SplitterPanel.d.ts +++ b/components/lib/splitterpanel/SplitterPanel.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type SplitterPanelPassThroughOptionType = SplitterPanelPassThroughAttributes | ((options: SplitterPanelPassThroughMethodOptions) => SplitterPanelPassThroughAttributes | string) | string | null | undefined; @@ -89,6 +89,10 @@ export interface SplitterPanelProps { * Minimum size of the element relative to 100%. */ minSize?: number | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {SplitterPanelPassThroughOptions} diff --git a/components/lib/stepper/Stepper.d.ts b/components/lib/stepper/Stepper.d.ts index dbc0c6287..161b397f5 100644 --- a/components/lib/stepper/Stepper.d.ts +++ b/components/lib/stepper/Stepper.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; import { StepperPanelPassThroughOptionType } from '../stepperpanel'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type StepperPassThroughOptionType = StepperPassThroughAttributes | ((options: StepperPassThroughMethodOptions) => StepperPassThroughAttributes | string) | string | null | undefined; @@ -128,6 +128,10 @@ export interface StepperProps { * @defaultValue false */ linear?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {StepperPassThroughOptions} diff --git a/components/lib/stepperpanel/StepperPanel.d.ts b/components/lib/stepperpanel/StepperPanel.d.ts index 8ae25f541..9cfbcc17c 100644 --- a/components/lib/stepperpanel/StepperPanel.d.ts +++ b/components/lib/stepperpanel/StepperPanel.d.ts @@ -10,7 +10,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type StepperPanelPassThroughOptionType = StepperPanelPassThroughAttributes | ((options: StepperPanelPassThroughMethodOptions) => StepperPanelPassThroughAttributes | string) | string | null | undefined; @@ -110,6 +110,10 @@ export interface StepperPanelProps { * Orientation of tab headers. */ header?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {StepperPanelPassThroughOptions} diff --git a/components/lib/steps/Steps.d.ts b/components/lib/steps/Steps.d.ts index 3000ef80b..2dd8f4580 100755 --- a/components/lib/steps/Steps.d.ts +++ b/components/lib/steps/Steps.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type StepsPassThroughOptionType = StepsPassThroughAttributes | ((options: StepsPassThroughMethodOptions) => StepsPassThroughAttributes | string) | string | null | undefined; @@ -158,6 +158,10 @@ export interface StepsProps { * @defaultValue 0 */ activeStep?: number | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {StepsPassThroughOptions} diff --git a/components/lib/styleclass/StyleClass.d.ts b/components/lib/styleclass/StyleClass.d.ts index 3fe455ca9..6241bf827 100644 --- a/components/lib/styleclass/StyleClass.d.ts +++ b/components/lib/styleclass/StyleClass.d.ts @@ -9,7 +9,7 @@ import { DirectiveBinding, ObjectDirective } from 'vue'; import { DirectiveHooks } from '../basedirective'; import { PassThroughOptions } from '../passthrough'; -import { PassThrough, HintedString } from '../ts-helpers'; +import { DesignToken, HintedString, PassThrough } from '../ts-helpers'; /** * Defines options of StyleClass. @@ -62,6 +62,10 @@ export interface StyleClassOptions { * Adds or removes a class when no enter-leave animation is required. */ toggleClass?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {StyleClassDirectivePassThroughOptions} diff --git a/components/lib/tabmenu/TabMenu.d.ts b/components/lib/tabmenu/TabMenu.d.ts index 964c4623b..52a5bb003 100755 --- a/components/lib/tabmenu/TabMenu.d.ts +++ b/components/lib/tabmenu/TabMenu.d.ts @@ -11,7 +11,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type TabMenuPassThroughOptionType = TabMenuPassThroughAttributes | ((options: TabMenuPassThroughMethodOptions) => TabMenuPassThroughAttributes | string) | string | null | undefined; @@ -181,6 +181,10 @@ export interface TabMenuProps { * Identifier of the underlying input element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TabMenuPassThroughOptions} diff --git a/components/lib/tabpanel/TabPanel.d.ts b/components/lib/tabpanel/TabPanel.d.ts index 63ec9fc5b..c17411867 100755 --- a/components/lib/tabpanel/TabPanel.d.ts +++ b/components/lib/tabpanel/TabPanel.d.ts @@ -10,7 +10,7 @@ import { AnchorHTMLAttributes, HTMLAttributes, LiHTMLAttributes, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type TabPanelPassThroughOptionType = TabPanelPassThroughAttributes | ((options: TabPanelPassThroughMethodOptions) => TabPanelPassThroughAttributes | string) | string | null | undefined; @@ -124,6 +124,10 @@ export interface TabPanelProps { * @defaultValue false */ disabled?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TabPanelPassThroughOptions} diff --git a/components/lib/tabview/TabView.d.ts b/components/lib/tabview/TabView.d.ts index cad7381fa..5ed5d6ebf 100755 --- a/components/lib/tabview/TabView.d.ts +++ b/components/lib/tabview/TabView.d.ts @@ -11,7 +11,7 @@ import { ButtonHTMLAttributes, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; import { TabPanelPassThroughOptionType } from '../tabpanel'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type TabViewPassThroughOptionType = TabViewPassThroughAttributes | ((options: TabViewPassThroughMethodOptions) => TabViewPassThroughAttributes | string) | string | null | undefined; @@ -208,6 +208,10 @@ export interface TabViewProps { * @deprecated since v3.27.0. Use 'next' slot. */ nextIcon?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TabViewPassThroughOptions} diff --git a/components/lib/tag/Tag.d.ts b/components/lib/tag/Tag.d.ts index abab5f8db..472d62f23 100644 --- a/components/lib/tag/Tag.d.ts +++ b/components/lib/tag/Tag.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type TagPassThroughOptionType = TagPassThroughAttributes | ((options: TagPassThroughMethodOptions) => TagPassThroughAttributes | string) | string | null | undefined; @@ -93,6 +93,10 @@ export interface TagProps { * @deprecated since v3.27.0. Use 'icon' slot. */ icon?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TagPassThroughOptions} diff --git a/components/lib/terminal/Terminal.d.ts b/components/lib/terminal/Terminal.d.ts index a01c4a4f9..4a433212e 100755 --- a/components/lib/terminal/Terminal.d.ts +++ b/components/lib/terminal/Terminal.d.ts @@ -9,7 +9,7 @@ */ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type TerminalPassThroughOptionType = TerminalPassThroughAttributes | ((options: TerminalPassThroughMethodOptions) => TerminalPassThroughAttributes | string) | string | null | undefined; @@ -124,6 +124,10 @@ export interface TerminalProps { * Prompt text for each command. */ prompt?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TerminalPassThroughOptions} diff --git a/components/lib/textarea/Textarea.d.ts b/components/lib/textarea/Textarea.d.ts index 9b271c869..d8ee51c11 100755 --- a/components/lib/textarea/Textarea.d.ts +++ b/components/lib/textarea/Textarea.d.ts @@ -10,7 +10,7 @@ import { TextareaHTMLAttributes } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, Nullable, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, Nullable, PassThrough } from '../ts-helpers'; export declare type TextareaPassThroughOptionType = TextareaPassThroughAttributes | ((options: TextareaPassThroughMethodOptions) => TextareaPassThroughAttributes | string) | string | null | undefined; @@ -107,6 +107,10 @@ export interface TextareaProps extends TextareaHTMLAttributes { * @defaultValue outlined */ variant?: 'outlined' | 'filled' | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TextareaPassThroughOptions} diff --git a/components/lib/tieredmenu/TieredMenu.d.ts b/components/lib/tieredmenu/TieredMenu.d.ts index 2d2c24cd2..1417edc8e 100755 --- a/components/lib/tieredmenu/TieredMenu.d.ts +++ b/components/lib/tieredmenu/TieredMenu.d.ts @@ -11,7 +11,7 @@ import { TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { MenuItem } from '../menuitem'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type TieredMenuPassThroughOptionType = TieredMenuPassThroughAttributes | ((options: TieredMenuPassThroughMethodOptions) => TieredMenuPassThroughAttributes | string) | string | null | undefined; @@ -264,6 +264,10 @@ export interface TieredMenuProps { * Identifier of the underlying menu element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TieredMenuPassThroughOptions} diff --git a/components/lib/timeline/Timeline.d.ts b/components/lib/timeline/Timeline.d.ts index 2a2520e5c..0819df339 100644 --- a/components/lib/timeline/Timeline.d.ts +++ b/components/lib/timeline/Timeline.d.ts @@ -9,7 +9,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type TimelinePassThroughOptionType = TimelinePassThroughAttributes | ((options: TimelinePassThroughMethodOptions) => TimelinePassThroughAttributes | string) | string | null | undefined; @@ -122,6 +122,10 @@ export interface TimelineProps { * Name of the field that uniquely identifies the a record in the data. */ dataKey?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TimelinePassThroughOptions} diff --git a/components/lib/toast/Toast.d.ts b/components/lib/toast/Toast.d.ts index 229f03021..7a56985e6 100755 --- a/components/lib/toast/Toast.d.ts +++ b/components/lib/toast/Toast.d.ts @@ -10,7 +10,7 @@ import { ButtonHTMLAttributes, TransitionProps, VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ToastPassThroughOptionType = ToastPassThroughAttributes | ((options: ToastPassThroughMethodOptions) => ToastPassThroughAttributes | string) | string | null | undefined; @@ -251,6 +251,10 @@ export interface ToastProps { * @type {ToastMessageOptions} */ message?: ToastMessageOptions; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ToastPassThroughOptions} diff --git a/components/lib/togglebutton/ToggleButton.d.ts b/components/lib/togglebutton/ToggleButton.d.ts index 6486bc4b8..6968dca31 100755 --- a/components/lib/togglebutton/ToggleButton.d.ts +++ b/components/lib/togglebutton/ToggleButton.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ToggleButtonPassThroughOptionType = ToggleButtonPassThroughAttributes | ((options: ToggleButtonPassThroughMethodOptions) => ToggleButtonPassThroughAttributes | string) | string | null | undefined; @@ -152,6 +152,10 @@ export interface ToggleButtonProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ToggleButtonPassThroughOptions} diff --git a/components/lib/toolbar/Toolbar.d.ts b/components/lib/toolbar/Toolbar.d.ts index e1b6c7ffc..cc56d2979 100755 --- a/components/lib/toolbar/Toolbar.d.ts +++ b/components/lib/toolbar/Toolbar.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type ToolbarPassThroughOptionType = ToolbarPassThroughAttributes | ((options: ToolbarPassThroughMethodOptions) => ToolbarPassThroughAttributes | string) | string | null | undefined; @@ -83,6 +83,10 @@ export interface ToolbarProps { * Defines a string value that labels an interactive element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {ToolbarPassThroughOptions} diff --git a/components/lib/tooltip/Tooltip.d.ts b/components/lib/tooltip/Tooltip.d.ts index de1f4fdbd..e3ac5991f 100755 --- a/components/lib/tooltip/Tooltip.d.ts +++ b/components/lib/tooltip/Tooltip.d.ts @@ -10,7 +10,7 @@ import { DirectiveBinding, ObjectDirective } from 'vue'; import { DirectiveHooks } from '../basedirective'; import { PassThroughOptions } from '../passthrough'; -import { PassThrough } from '../ts-helpers'; +import { DesignToken, PassThrough } from '../ts-helpers'; export declare type TooltipDirectivePassThroughOptionType = TooltipDirectivePassThroughAttributes | ((options: TooltipPassThroughMethodOptions) => TooltipDirectivePassThroughAttributes) | null | undefined; @@ -79,6 +79,10 @@ export interface TooltipOptions { * @defaultValue true */ autoHide?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Uses to pass attributes to DOM elements inside the component. * @type {TooltipDirectivePassThroughOptions} diff --git a/components/lib/tree/Tree.d.ts b/components/lib/tree/Tree.d.ts index 60bc0a8fa..01eeb34d8 100755 --- a/components/lib/tree/Tree.d.ts +++ b/components/lib/tree/Tree.d.ts @@ -12,7 +12,7 @@ import { ComponentHooks } from '../basecomponent'; import { InputTextPassThroughOptions } from '../inputtext'; import { PassThroughOptions } from '../passthrough'; import { TreeNode } from '../treenode'; -import { ClassComponent, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type TreePassThroughOptionType = TreePassThroughAttributes | ((options: TreePassThroughMethodOptions) => TreePassThroughAttributes | string) | string | null | undefined; @@ -304,6 +304,10 @@ export interface TreeProps { * Identifier of the underlying menu element. */ ariaLabelledby?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TreePassThroughOptions} diff --git a/components/lib/treeselect/TreeSelect.d.ts b/components/lib/treeselect/TreeSelect.d.ts index 2380be218..407b1c09e 100644 --- a/components/lib/treeselect/TreeSelect.d.ts +++ b/components/lib/treeselect/TreeSelect.d.ts @@ -12,7 +12,7 @@ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; import { TreeExpandedKeys, TreePassThroughOptions } from '../tree'; import { TreeNode } from '../treenode'; -import { ClassComponent, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type TreeSelectPassThroughOptionType = TreeSelectPassThroughAttributes | ((options: TreeSelectPassThroughMethodOptions) => TreeSelectPassThroughAttributes | string) | string | null | undefined; @@ -251,6 +251,10 @@ export interface TreeSelectProps { * Establishes a string value that labels the component. */ ariaLabel?: string | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TreeSelectPassThroughOptions} diff --git a/components/lib/treetable/TreeTable.d.ts b/components/lib/treetable/TreeTable.d.ts index b231fbd4f..f3887cd9d 100755 --- a/components/lib/treetable/TreeTable.d.ts +++ b/components/lib/treetable/TreeTable.d.ts @@ -13,7 +13,7 @@ import { ColumnPassThroughOptionType } from '../column'; import { PaginatorPassThroughOptionType } from '../paginator'; import { PassThroughOptions } from '../passthrough'; import { TreeNode } from '../treenode'; -import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers'; export declare type TreeTablePassThroughOptionType = TreeTablePassThroughAttributes | ((options: TreeTablePassThroughMethodOptions) => TreeTablePassThroughAttributes | string) | string | null | undefined; @@ -604,6 +604,10 @@ export interface TreeTableProps { * Props to pass to the table element. */ tableProps?: any | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {TreeTablePassThroughOptions} diff --git a/components/lib/ts-helpers.d.ts b/components/lib/ts-helpers.d.ts index 70e2984a6..d5ab18adf 100644 --- a/components/lib/ts-helpers.d.ts +++ b/components/lib/ts-helpers.d.ts @@ -35,6 +35,8 @@ export declare type Nullable = T | null | undefined; export declare type PassThrough = T | object | undefined; +export declare type DesignToken = T | object | undefined; + export declare type DefaultPassThrough = T | ((instance?: VNode) => T | undefined) | undefined; export declare type HintedString = (string & {}) | T; diff --git a/components/lib/virtualscroller/VirtualScroller.d.ts b/components/lib/virtualscroller/VirtualScroller.d.ts index 7a65bd8e9..5d276ed9e 100644 --- a/components/lib/virtualscroller/VirtualScroller.d.ts +++ b/components/lib/virtualscroller/VirtualScroller.d.ts @@ -10,7 +10,7 @@ import { VNode } from 'vue'; import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; -import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; +import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; export declare type VirtualScrollerPassThroughOptionType = VirtualScrollerPassThroughAttributes | ((options: VirtualScrollerPassThroughMethodOptions) => VirtualScrollerPassThroughAttributes | string) | string | null | undefined; @@ -332,6 +332,10 @@ export interface VirtualScrollerProps { * @defaultValue false */ autoSize?: boolean | undefined; + /** + * It generates scoped CSS variables using design tokens for the component. + */ + dt?: DesignToken; /** * Used to pass attributes to DOM elements inside the component. * @type {VirtualScrollerPassThroughOptions}