Update design tokens d.ts

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

@@ -0,0 +1,114 @@
+/**
+ *
+ * AutoComplete is an input component that provides real-time suggestions while being typed.
+ *
+ * [Live Demo](https://www.primevue.org/autocomplete/)
+ *
+ * @module aura/autocomplete
+ *
+ */
+import { ColorSchemeDesignToken } from '..';
+
+/**
+ * **PrimeVue - AutoComplete**
+ *
+ * _AutoComplete is an input component that provides real-time suggestions while being typed._
+ *
+ * [Live Demo](https://www.primevue.org/autocomplete/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group DesignTokens
+ *
+ */
+export interface AutoCompleteDesignTokens extends ColorSchemeDesignToken<AutoCompleteDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root: {
+        background?: string;
+        disabledBackground?: string;
+        filledBackground?: string;
+        filledFocusBackground?: string;
+        borderColor?: string;
+        hoverBorderColor?: string;
+        focusBorderColor?: string;
+        invalidBorderColor?: string;
+        color?: string;
+        disabledColor?: string;
+        placeholderColor?: string;
+        shadow?: string;
+        paddingX?: string;
+        paddingY?: string;
+        borderRadius?: string;
+        focusRing: {
+            width?: string;
+            style?: string;
+            color?: string;
+            offset?: string;
+            shadow?: string;
+        };
+    };
+    overlay: {
+        background?: string;
+        borderColor?: string;
+        borderRadius?: string;
+        color?: string;
+        shadow?: string;
+    };
+    list: {
+        padding?: string;
+        gap?: string;
+    };
+    option: {
+        focusBackground?: string;
+        selectedBackground?: string;
+        selectedFocusBackground?: string;
+        color?: string;
+        focusColor?: string;
+        selectedColor?: string;
+        selectedFocusColor?: string;
+        padding?: string;
+        borderRadius?: string;
+    };
+    optionGroup: {
+        background?: string;
+        color?: string;
+        fontWeight?: string;
+        padding?: string;
+    };
+    dropdown: {
+        width?: string;
+        borderColor?: string;
+        hoverBorderColor?: string;
+        activeBorderColor?: string;
+        borderRadius?: string;
+        focusRing: {
+            width?: string;
+            style?: string;
+            color?: string;
+            offset?: string;
+            shadow?: string;
+        };
+        background?: string;
+        hoverBackground?: string;
+        /**
+         *
+         * @designToken autocomplete.dropdown.active.background
+         */
+        activeBackground?: string;
+        color?: string;
+        hoverColor?: string;
+        activeColor?: string;
+    };
+    chip: {
+        borderRadius?: string;
+    };
+    emptyMessage: {
+        /**
+         *
+         * @designToken autocomplete.empty.message.padding
+         */
+        padding?: string;
+    };
+}

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

@@ -10,13 +10,22 @@
 import { ColorSchemeDesignToken } from '..';
 
 /**
- * Defines all sections of design tokens
+ * **PrimeVue - InputText**
+ *
+ * _InputText renders a text field to enter data._
+ *
+ * [Live Demo](https://www.primevue.org/inputtext/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group DesignTokens
+ *
  */
-export namespace InputTextDesignToken {
+export interface InputTextDesignTokens extends ColorSchemeDesignToken<InputTextDesignTokens> {
     /**
-     * Tokens of the root section
+     * Used to pass tokens of the root section
      */
-    export interface Root {
+    root: {
         /**
          * Background of an input field
          *
@@ -142,23 +151,5 @@ export namespace InputTextDesignToken {
              */
             shadow?: string;
         };
-    }
+    };
-}
-
-/**
- * **PrimeVue - InputText**
- *
- * _InputText renders a text field to enter data._
- *
- * [Live Demo](https://www.primevue.org/inputtext/)
- * --- ---
- * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
- *
- * @group DesignTokens
- */
-export interface InputTextDesignTokens extends ColorSchemeDesignToken<InputTextDesignTokens> {
-    /**
-     * Used to pass tokens of the root section
-     */
-    root?: InputTextDesignToken.Root;
 }

components/lib/themes/aura/ripple/index.d.ts

@@ -0,0 +1,36 @@
+/**
+ *
+ * Ripple directive adds ripple effect to the host element.
+ *
+ * [Live Demo](https://primevue.org/ripple)
+ *
+ * @module aura/ripple
+ *
+ */
+import { ColorSchemeDesignToken } from '..';
+
+/**
+ * **PrimeVue - Ripple**
+ *
+ * _Ripple directive adds ripple effect to the host element._
+ *
+ * [Live Demo](https://www.primevue.org/ripple/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group DesignTokens
+ *
+ */
+export interface RippleDesignTokens extends ColorSchemeDesignToken<RippleDesignTokens> {
+    /**
+     * Used to pass tokens of the root section
+     */
+    root: {
+        /**
+         * Background of ripple
+         *
+         * @designToken ripple.background
+         */
+        background?: string;
+    };
+}

components/lib/themes/aura/ripple/index.js

@@ -1,10 +1,14 @@
 export default {
     colorScheme: {
         light: {
-            background: 'rgba(0,0,0,0.1)'
+            root: {
+                background: 'rgba(0,0,0,0.1)'
+            }
         },
         dark: {
-            background: 'rgba(255,255,255,0.3)'
+            root: {
+                background: 'rgba(255,255,255,0.3)'
+            }
         }
     }
 };

components/lib/themes/lara/ripple/index.js

@@ -1,10 +1,14 @@
 export default {
     colorScheme: {
         light: {
-            background: 'rgba(0,0,0,0.1)'
+            root: {
+                background: 'rgba(0,0,0,0.1)'
+            }
         },
         dark: {
-            background: 'rgba(255,255,255,0.3)'
+            root: {
+                background: 'rgba(255,255,255,0.3)'
+            }
         }
     }
 };

components/lib/themes/nora/ripple/index.js

@@ -1,10 +1,14 @@
 export default {
     colorScheme: {
         light: {
-            background: 'rgba(0,0,0,0.1)'
+            root: {
+                background: 'rgba(0,0,0,0.1)'
+            }
         },
         dark: {
-            background: 'rgba(255,255,255,0.4)'
+            root: {
+                background: 'rgba(255,255,255,0.4)'
+            }
         }
     }
 };