Update design tokens d.ts
Mert Sincan
parent
06c5a35cf3
commit
5b1858f507
|
|
@ -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/)
|
||||
* --- ---
|
||||
* 
|
||||
*
|
||||
* @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;
|
||||
};
|
||||
}
|
||||
|
|
@ -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/)
|
||||
* --- ---
|
||||
* 
|
||||
*
|
||||
* @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/)
|
||||
* --- ---
|
||||
* 
|
||||
*
|
||||
* @group DesignTokens
|
||||
*/
|
||||
export interface InputTextDesignTokens extends ColorSchemeDesignToken<InputTextDesignTokens> {
|
||||
/**
|
||||
* Used to pass tokens of the root section
|
||||
*/
|
||||
root?: InputTextDesignToken.Root;
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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/)
|
||||
* --- ---
|
||||
* 
|
||||
*
|
||||
* @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;
|
||||
};
|
||||
}
|
||||
|
|
@ -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)'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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)'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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)'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in New Issue