Update theme doc files

components/lib/themes/types/accordion/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface AccordionDesignTokens extends ColorSchemeDesignToken<AccordionDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken accordion.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the panel section
      */

components/lib/themes/types/autocomplete/index.d.ts

@@ -140,6 +140,12 @@ export interface AutoCompleteDesignTokens extends ColorSchemeDesignToken<AutoCom
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken autocomplete.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the overlay section

components/lib/themes/types/breadcrumb/index.d.ts

@@ -33,6 +33,12 @@ export interface BreadcrumbDesignTokens extends ColorSchemeDesignToken<Breadcrum
          * @designToken breadcrumb.gap
          */
         gap?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken breadcrumb.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the item section

components/lib/themes/types/button/index.d.ts

@@ -137,6 +137,18 @@ export interface ButtonDesignTokens extends ColorSchemeDesignToken<ButtonDesignT
              */
             offset?: string;
         };
+        /**
+         * Badge size of root
+         *
+         * @designToken button.badge.size
+         */
+        badgeSize?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken button.transition.duration
+         */
+        transitionDuration?: string;
         /**
          * Primary of root
          */

components/lib/themes/types/carousel/index.d.ts

@@ -90,6 +90,12 @@ export interface CarouselDesignTokens extends ColorSchemeDesignToken<CarouselDes
                 shadow?: string;
             };
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken carousel.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the indicator section

components/lib/themes/types/cascadeselect/index.d.ts

@@ -140,6 +140,12 @@ export interface CascadeSelectDesignTokens extends ColorSchemeDesignToken<Cascad
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken cascadeselect.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the dropdown section

components/lib/themes/types/checkbox/index.d.ts

@@ -146,6 +146,12 @@ export interface CheckboxDesignTokens extends ColorSchemeDesignToken<CheckboxDes
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken checkbox.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the icon section

components/lib/themes/types/chip/index.d.ts

@@ -39,6 +39,12 @@ export interface ChipDesignTokens extends ColorSchemeDesignToken<ChipDesignToken
          * @designToken chip.gap
          */
         gap?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken chip.transition.duration
+         */
+        transitionDuration?: string;
         /**
          * Background of root
          *

components/lib/themes/types/colorpicker/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface ColorPickerDesignTokens extends ColorSchemeDesignToken<ColorPickerDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken colorpicker.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the preview section
      */

components/lib/themes/types/contextmenu/index.d.ts

@@ -45,6 +45,12 @@ export interface ContextMenuDesignTokens extends ColorSchemeDesignToken<ContextM
          * @designToken contextmenu.shadow
          */
         shadow?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken contextmenu.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the list section

components/lib/themes/types/datatable/index.d.ts

@@ -11,6 +11,23 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken datatable.transition.duration
+         */
+        transitionDuration?: string;
+        /**
+         * Border color of root
+         *
+         * @designToken datatable.border.color
+         */
+        borderColor?: string;
+    };
     /**
      * Used to pass tokens of the header section
      */
@@ -45,12 +62,6 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          * @designToken datatable.header.padding
          */
         padding?: string;
-        /**
-         * Font weight of header
-         *
-         * @designToken datatable.header.font.weight
-         */
-        fontWeight?: string;
     };
     /**
      * Used to pass tokens of the header cell section
@@ -110,12 +121,6 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          * @designToken datatable.header.cell.padding
          */
         padding?: string;
-        /**
-         * Font weight of header cell
-         *
-         * @designToken datatable.header.cell.font.weight
-         */
-        fontWeight?: string;
         /**
          * Focus ring of header cell
          */
@@ -152,6 +157,17 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
             shadow?: string;
         };
     };
+    /**
+     * Used to pass tokens of the column title section
+     */
+    columnTitle?: {
+        /**
+         * Font weight of column title
+         *
+         * @designToken datatable.column.title.font.weight
+         */
+        fontWeight?: string;
+    };
     /**
      * Used to pass tokens of the row section
      */
@@ -285,10 +301,15 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          * @designToken datatable.footer.cell.padding
          */
         padding?: string;
+    };
+    /**
+     * Used to pass tokens of the column footer section
+     */
+    columnFooter?: {
         /**
-         * Font weight of footer cell
+         * Font weight of column footer
          *
-         * @designToken datatable.footer.cell.font.weight
+         * @designToken datatable.column.footer.font.weight
          */
         fontWeight?: string;
     };
@@ -314,6 +335,18 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          * @designToken datatable.footer.color
          */
         color?: string;
+        /**
+         * Border width of footer
+         *
+         * @designToken datatable.footer.border.width
+         */
+        borderWidth?: string;
+        /**
+         * Padding of footer
+         *
+         * @designToken datatable.footer.padding
+         */
+        padding?: string;
     };
     /**
      * Used to pass tokens of the drop point color section
@@ -803,15 +836,4 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
          */
         borderWidth?: string;
     };
-    /**
-     * Used to pass tokens of the root section
-     */
-    root?: {
-        /**
-         * Border color of root
-         *
-         * @designToken datatable.border.color
-         */
-        borderColor?: string;
-    };
 }

components/lib/themes/types/datepicker/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface DatePickerDesignTokens extends ColorSchemeDesignToken<DatePickerDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken datepicker.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the panel section
      */

components/lib/themes/types/fieldset/index.d.ts

@@ -45,6 +45,12 @@ export interface FieldsetDesignTokens extends ColorSchemeDesignToken<FieldsetDes
          * @designToken fieldset.padding
          */
         padding?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken fieldset.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the legend section

components/lib/themes/types/fileupload/index.d.ts

@@ -39,6 +39,12 @@ export interface FileUploadDesignTokens extends ColorSchemeDesignToken<FileUploa
          * @designToken fileupload.border.radius
          */
         borderRadius?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken fileupload.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the header section

components/lib/themes/types/galleria/index.d.ts

@@ -33,6 +33,12 @@ export interface GalleriaDesignTokens extends ColorSchemeDesignToken<GalleriaDes
          * @designToken galleria.border.radius
          */
         borderRadius?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken galleria.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the nav button section

components/lib/themes/types/image/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface ImageDesignTokens extends ColorSchemeDesignToken<ImageDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken image.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the preview section
      */

components/lib/themes/types/inplace/index.d.ts

@@ -62,6 +62,12 @@ export interface InplaceDesignTokens extends ColorSchemeDesignToken<InplaceDesig
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken inplace.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the display section

components/lib/themes/types/inputchips/index.d.ts

@@ -140,6 +140,12 @@ export interface InputChipsDesignTokens extends ColorSchemeDesignToken<InputChip
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken inputchips.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the chip section

components/lib/themes/types/inputnumber/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface InputNumberDesignTokens extends ColorSchemeDesignToken<InputNumberDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken inputnumber.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the button section
      */

components/lib/themes/types/inputtext/index.d.ts

@@ -140,5 +140,11 @@ export interface InputTextDesignTokens extends ColorSchemeDesignToken<InputTextD
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken inputtext.transition.duration
+         */
+        transitionDuration?: string;
     };
 }

components/lib/themes/types/knob/index.d.ts

@@ -11,6 +11,52 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface KnobDesignTokens extends ColorSchemeDesignToken<KnobDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken knob.transition.duration
+         */
+        transitionDuration?: string;
+        /**
+         * Focus ring of root
+         */
+        focusRing?: {
+            /**
+             * Focus ring width of root
+             *
+             * @designToken knob.focus.ring.width
+             */
+            width?: string;
+            /**
+             * Focus ring style of root
+             *
+             * @designToken knob.focus.ring.style
+             */
+            style?: string;
+            /**
+             * Focus ring color of root
+             *
+             * @designToken knob.focus.ring.color
+             */
+            color?: string;
+            /**
+             * Focus ring offset of root
+             *
+             * @designToken knob.focus.ring.offset
+             */
+            offset?: string;
+            /**
+             * Focus ring shadow of root
+             *
+             * @designToken knob.focus.ring.shadow
+             */
+            shadow?: string;
+        };
+    };
     /**
      * Used to pass tokens of the value section
      */

components/lib/themes/types/listbox/index.d.ts

@@ -110,6 +110,12 @@ export interface ListboxDesignTokens extends ColorSchemeDesignToken<ListboxDesig
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken listbox.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the list section
@@ -197,6 +203,12 @@ export interface ListboxDesignTokens extends ColorSchemeDesignToken<ListboxDesig
          * @designToken listbox.option.border.radius
          */
         borderRadius?: string;
+        /**
+         * Striped background of option
+         *
+         * @designToken listbox.option.striped.background
+         */
+        stripedBackground?: string;
     };
     /**
      * Used to pass tokens of the option group section
@@ -237,6 +249,18 @@ export interface ListboxDesignTokens extends ColorSchemeDesignToken<ListboxDesig
          * @designToken listbox.checkmark.color
          */
         color?: string;
+        /**
+         * Gutter start of checkmark
+         *
+         * @designToken listbox.checkmark.gutter.start
+         */
+        gutterStart?: string;
+        /**
+         * Gutter end of checkmark
+         *
+         * @designToken listbox.checkmark.gutter.end
+         */
+        gutterEnd?: string;
     };
     /**
      * Used to pass tokens of the empty message section

components/lib/themes/types/megamenu/index.d.ts

@@ -73,6 +73,12 @@ export interface MegaMenuDesignTokens extends ColorSchemeDesignToken<MegaMenuDes
              */
             padding?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken megamenu.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the base item section

components/lib/themes/types/menu/index.d.ts

@@ -45,6 +45,12 @@ export interface MenuDesignTokens extends ColorSchemeDesignToken<MenuDesignToken
          * @designToken menu.shadow
          */
         shadow?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken menu.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the list section

components/lib/themes/types/menubar/index.d.ts

@@ -51,6 +51,12 @@ export interface MenubarDesignTokens extends ColorSchemeDesignToken<MenubarDesig
          * @designToken menubar.padding
          */
         padding?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken menubar.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the base item section

components/lib/themes/types/message/index.d.ts

@@ -33,6 +33,12 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
          * @designToken message.border.width
          */
         borderWidth?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken message.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the content section

components/lib/themes/types/multiselect/index.d.ts

@@ -140,6 +140,12 @@ export interface MultiSelectDesignTokens extends ColorSchemeDesignToken<MultiSel
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken multiselect.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the dropdown section

components/lib/themes/types/organizationchart/index.d.ts

@@ -21,6 +21,12 @@ export interface OrganizationChartDesignTokens extends ColorSchemeDesignToken<Or
          * @designToken organizationchart.gutter
          */
         gutter?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken organizationchart.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the node section

components/lib/themes/types/paginator/index.d.ts

@@ -45,17 +45,35 @@ export interface PaginatorDesignTokens extends ColorSchemeDesignToken<PaginatorD
          * @designToken paginator.color
          */
         color?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken paginator.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the nav button section
      */
     navButton?: {
+        /**
+         * Background of nav button
+         *
+         * @designToken paginator.nav.button.background
+         */
+        background?: string;
         /**
          * Hover background of nav button
          *
          * @designToken paginator.nav.button.hover.background
          */
         hoverBackground?: string;
+        /**
+         * Selected background of nav button
+         *
+         * @designToken paginator.nav.button.selected.background
+         */
+        selectedBackground?: string;
         /**
          * Color of nav button
          *
@@ -68,6 +86,12 @@ export interface PaginatorDesignTokens extends ColorSchemeDesignToken<PaginatorD
          * @designToken paginator.nav.button.hover.color
          */
         hoverColor?: string;
+        /**
+         * Selected color of nav button
+         *
+         * @designToken paginator.nav.button.selected.color
+         */
+        selectedColor?: string;
         /**
          * Width of nav button
          *

components/lib/themes/types/panelmenu/index.d.ts

@@ -21,6 +21,12 @@ export interface PanelMenuDesignTokens extends ColorSchemeDesignToken<PanelMenuD
          * @designToken panelmenu.gap
          */
         gap?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken panelmenu.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the panel section

components/lib/themes/types/password/index.d.ts

@@ -16,11 +16,11 @@ export interface PasswordDesignTokens extends ColorSchemeDesignToken<PasswordDes
      */
     meter?: {
         /**
-         * Border color of meter
+         * Background of meter
          *
-         * @designToken password.meter.border.color
+         * @designToken password.meter.background
          */
-        borderColor?: string;
+        background?: string;
         /**
          * Border radius of meter
          *
@@ -85,10 +85,15 @@ export interface PasswordDesignTokens extends ColorSchemeDesignToken<PasswordDes
          * @designToken password.overlay.shadow
          */
         shadow?: string;
+    };
+    /**
+     * Used to pass tokens of the content section
+     */
+    content?: {
         /**
-         * Gap of overlay
+         * Gap of content
          *
-         * @designToken password.overlay.gap
+         * @designToken password.content.gap
          */
         gap?: string;
     };

components/lib/themes/types/radiobutton/index.d.ts

@@ -140,6 +140,12 @@ export interface RadioButtonDesignTokens extends ColorSchemeDesignToken<RadioBut
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken radiobutton.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the icon section

components/lib/themes/types/rating/index.d.ts

@@ -21,6 +21,12 @@ export interface RatingDesignTokens extends ColorSchemeDesignToken<RatingDesignT
          * @designToken rating.gap
          */
         gap?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken rating.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the icon section

components/lib/themes/types/scrollpanel/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface ScrollPanelDesignTokens extends ColorSchemeDesignToken<ScrollPanelDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken scrollpanel.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the bar section
      */

components/lib/themes/types/select/index.d.ts

@@ -140,6 +140,12 @@ export interface SelectDesignTokens extends ColorSchemeDesignToken<SelectDesignT
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken select.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the dropdown section
@@ -330,6 +336,18 @@ export interface SelectDesignTokens extends ColorSchemeDesignToken<SelectDesignT
          * @designToken select.checkmark.color
          */
         color?: string;
+        /**
+         * Gutter start of checkmark
+         *
+         * @designToken select.checkmark.gutter.start
+         */
+        gutterStart?: string;
+        /**
+         * Gutter end of checkmark
+         *
+         * @designToken select.checkmark.gutter.end
+         */
+        gutterEnd?: string;
     };
     /**
      * Used to pass tokens of the empty message section

components/lib/themes/types/slider/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface SliderDesignTokens extends ColorSchemeDesignToken<SliderDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken slider.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the track section
      */

components/lib/themes/types/speeddial/index.d.ts

@@ -21,5 +21,11 @@ export interface SpeedDialDesignTokens extends ColorSchemeDesignToken<SpeedDialD
          * @designToken speeddial.gap
          */
         gap?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken speeddial.transition.duration
+         */
+        transitionDuration?: string;
     };
 }

components/lib/themes/types/splitter/index.d.ts

@@ -33,6 +33,12 @@ export interface SplitterDesignTokens extends ColorSchemeDesignToken<SplitterDes
          * @designToken splitter.color
          */
         color?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken splitter.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the gutter section

components/lib/themes/types/stepper/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface StepperDesignTokens extends ColorSchemeDesignToken<StepperDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken stepper.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the separator section
      */
@@ -170,6 +181,12 @@ export interface StepperDesignTokens extends ColorSchemeDesignToken<StepperDesig
          * @designToken stepper.item.number.border.color
          */
         borderColor?: string;
+        /**
+         * Active border color of item number
+         *
+         * @designToken stepper.item.number.active.border.color
+         */
+        activeBorderColor?: string;
         /**
          * Color of item number
          *

components/lib/themes/types/steps/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface StepsDesignTokens extends ColorSchemeDesignToken<StepsDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken steps.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the separator section
      */
@@ -119,6 +130,12 @@ export interface StepsDesignTokens extends ColorSchemeDesignToken<StepsDesignTok
          * @designToken steps.item.number.border.color
          */
         borderColor?: string;
+        /**
+         * Active border color of item number
+         *
+         * @designToken steps.item.number.active.border.color
+         */
+        activeBorderColor?: string;
         /**
          * Color of item number
          *

components/lib/themes/types/tabmenu/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface TabmenuDesignTokens extends ColorSchemeDesignToken<TabmenuDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken tabmenu.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the tablist section
      */

components/lib/themes/types/tabs/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface TabsDesignTokens extends ColorSchemeDesignToken<TabsDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken tabs.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the tablist section
      */

components/lib/themes/types/tabview/index.d.ts

@@ -11,6 +11,17 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface TabViewDesignTokens extends ColorSchemeDesignToken<TabViewDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken tabview.transition.duration
+         */
+        transitionDuration?: string;
+    };
     /**
      * Used to pass tokens of the tab list section
      */

components/lib/themes/types/textarea/index.d.ts

@@ -140,5 +140,11 @@ export interface TextareaDesignTokens extends ColorSchemeDesignToken<TextareaDes
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken textarea.transition.duration
+         */
+        transitionDuration?: string;
     };
 }

components/lib/themes/types/tieredmenu/index.d.ts

@@ -45,6 +45,12 @@ export interface TieredMenuDesignTokens extends ColorSchemeDesignToken<TieredMen
          * @designToken tieredmenu.shadow
          */
         shadow?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken tieredmenu.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the list section

components/lib/themes/types/toast/index.d.ts

@@ -33,6 +33,12 @@ export interface ToastDesignTokens extends ColorSchemeDesignToken<ToastDesignTok
          * @designToken toast.border.width
          */
         borderWidth?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken toast.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the icon section

components/lib/themes/types/togglebutton/index.d.ts

@@ -98,6 +98,12 @@ export interface ToggleButtonDesignTokens extends ColorSchemeDesignToken<ToggleB
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken togglebutton.transition.duration
+         */
+        transitionDuration?: string;
         /**
          * Background of root
          *

components/lib/themes/types/toggleswitch/index.d.ts

@@ -11,47 +11,6 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface ToggleSwitchDesignTokens extends ColorSchemeDesignToken<ToggleSwitchDesignTokens> {
-    /**
-     * Used to pass tokens of the handle section
-     */
-    handle?: {
-        /**
-         * Border radius of handle
-         *
-         * @designToken toggleswitch.handle.border.radius
-         */
-        borderRadius?: string;
-        /**
-         * Size of handle
-         *
-         * @designToken toggleswitch.handle.size
-         */
-        size?: string;
-        /**
-         * Background of handle
-         *
-         * @designToken toggleswitch.handle.background
-         */
-        background?: string;
-        /**
-         * Hover background of handle
-         *
-         * @designToken toggleswitch.handle.hover.background
-         */
-        hoverBackground?: string;
-        /**
-         * Checked background of handle
-         *
-         * @designToken toggleswitch.handle.checked.background
-         */
-        checkedBackground?: string;
-        /**
-         * Checked hover background of handle
-         *
-         * @designToken toggleswitch.handle.checked.hover.background
-         */
-        checkedHoverBackground?: string;
-    };
     /**
      * Used to pass tokens of the root section
      */
@@ -133,12 +92,42 @@ export interface ToggleSwitchDesignTokens extends ColorSchemeDesignToken<ToggleS
          * @designToken toggleswitch.border.color
          */
         borderColor?: string;
+        /**
+         * Hover border color of root
+         *
+         * @designToken toggleswitch.hover.border.color
+         */
+        hoverBorderColor?: string;
+        /**
+         * Checked border color of root
+         *
+         * @designToken toggleswitch.checked.border.color
+         */
+        checkedBorderColor?: string;
+        /**
+         * Checked hover border color of root
+         *
+         * @designToken toggleswitch.checked.hover.border.color
+         */
+        checkedHoverBorderColor?: string;
         /**
          * Invalid border color of root
          *
          * @designToken toggleswitch.invalid.border.color
          */
         invalidBorderColor?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken toggleswitch.transition.duration
+         */
+        transitionDuration?: string;
+        /**
+         * Slide duration of root
+         *
+         * @designToken toggleswitch.slide.duration
+         */
+        slideDuration?: string;
         /**
          * Background of root
          *
@@ -164,4 +153,45 @@ export interface ToggleSwitchDesignTokens extends ColorSchemeDesignToken<ToggleS
          */
         checkedHoverBackground?: string;
     };
+    /**
+     * Used to pass tokens of the handle section
+     */
+    handle?: {
+        /**
+         * Border radius of handle
+         *
+         * @designToken toggleswitch.handle.border.radius
+         */
+        borderRadius?: string;
+        /**
+         * Size of handle
+         *
+         * @designToken toggleswitch.handle.size
+         */
+        size?: string;
+        /**
+         * Background of handle
+         *
+         * @designToken toggleswitch.handle.background
+         */
+        background?: string;
+        /**
+         * Hover background of handle
+         *
+         * @designToken toggleswitch.handle.hover.background
+         */
+        hoverBackground?: string;
+        /**
+         * Checked background of handle
+         *
+         * @designToken toggleswitch.handle.checked.background
+         */
+        checkedBackground?: string;
+        /**
+         * Checked hover background of handle
+         *
+         * @designToken toggleswitch.handle.checked.hover.background
+         */
+        checkedHoverBackground?: string;
+    };
 }

components/lib/themes/types/tree/index.d.ts

@@ -45,6 +45,12 @@ export interface TreeDesignTokens extends ColorSchemeDesignToken<TreeDesignToken
          * @designToken tree.indent
          */
         indent?: string;
+        /**
+         * Transition duration of root
+         *
+         * @designToken tree.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the node section

components/lib/themes/types/treeselect/index.d.ts

@@ -140,6 +140,12 @@ export interface TreeSelectDesignTokens extends ColorSchemeDesignToken<TreeSelec
              */
             shadow?: string;
         };
+        /**
+         * Transition duration of root
+         *
+         * @designToken treeselect.transition.duration
+         */
+        transitionDuration?: string;
     };
     /**
      * Used to pass tokens of the dropdown section

components/lib/themes/types/treetable/index.d.ts

@@ -11,6 +11,23 @@
 import { ColorSchemeDesignToken } from '..';
 
 export interface TreeTableDesignTokens extends ColorSchemeDesignToken<TreeTableDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root?: {
+        /**
+         * Transition duration of root
+         *
+         * @designToken treetable.transition.duration
+         */
+        transitionDuration?: string;
+        /**
+         * Border color of root
+         *
+         * @designToken treetable.border.color
+         */
+        borderColor?: string;
+    };
     /**
      * Used to pass tokens of the header section
      */
@@ -45,12 +62,6 @@ export interface TreeTableDesignTokens extends ColorSchemeDesignToken<TreeTableD
          * @designToken treetable.header.padding
          */
         padding?: string;
-        /**
-         * Font weight of header
-         *
-         * @designToken treetable.header.font.weight
-         */
-        fontWeight?: string;
     };
     /**
      * Used to pass tokens of the header cell section
@@ -110,12 +121,6 @@ export interface TreeTableDesignTokens extends ColorSchemeDesignToken<TreeTableD
          * @designToken treetable.header.cell.padding
          */
         padding?: string;
-        /**
-         * Font weight of header cell
-         *
-         * @designToken treetable.header.cell.font.weight
-         */
-        fontWeight?: string;
         /**
          * Focus ring of header cell
          */
@@ -152,6 +157,17 @@ export interface TreeTableDesignTokens extends ColorSchemeDesignToken<TreeTableD
             shadow?: string;
         };
     };
+    /**
+     * Used to pass tokens of the column title section
+     */
+    columnTitle?: {
+        /**
+         * Font weight of column title
+         *
+         * @designToken treetable.column.title.font.weight
+         */
+        fontWeight?: string;
+    };
     /**
      * Used to pass tokens of the row section
      */
@@ -285,10 +301,15 @@ export interface TreeTableDesignTokens extends ColorSchemeDesignToken<TreeTableD
          * @designToken treetable.footer.cell.padding
          */
         padding?: string;
+    };
+    /**
+     * Used to pass tokens of the column footer section
+     */
+    columnFooter?: {
         /**
-         * Font weight of footer cell
+         * Font weight of column footer
          *
-         * @designToken treetable.footer.cell.font.weight
+         * @designToken treetable.column.footer.font.weight
          */
         fontWeight?: string;
     };
@@ -314,6 +335,18 @@ export interface TreeTableDesignTokens extends ColorSchemeDesignToken<TreeTableD
          * @designToken treetable.footer.color
          */
         color?: string;
+        /**
+         * Border width of footer
+         *
+         * @designToken treetable.footer.border.width
+         */
+        borderWidth?: string;
+        /**
+         * Padding of footer
+         *
+         * @designToken treetable.footer.padding
+         */
+        padding?: string;
     };
     /**
      * Used to pass tokens of the column resizer width section
@@ -517,15 +550,4 @@ export interface TreeTableDesignTokens extends ColorSchemeDesignToken<TreeTableD
          */
         borderWidth?: string;
     };
-    /**
-     * Used to pass tokens of the root section
-     */
-    root?: {
-        /**
-         * Border color of root
-         *
-         * @designToken treetable.border.color
-         */
-        borderColor?: string;
-    };
 }