quasar 2.12.3 → 2.12.4

package/dist/types/index.d.ts

@@ -281,15 +281,15 @@ export interface Loading {
     /**
      * Color name for spinner from the Quasar Color Palette
      */
-    spinnerColor?: string;
+    spinnerColor?: NamedColor;
     /**
      * Color name for text from the Quasar Color Palette
      */
-    messageColor?: string;
+    messageColor?: NamedColor;
     /**
      * Color name for background from the Quasar Color Palette
      */
-    backgroundColor?: string;
+    backgroundColor?: NamedColor;
     /**
      * One of the QSpinners
      */
@@ -1677,7 +1677,7 @@ export interface QAjaxBarProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Reverse direction of progress
    */
@@ -1736,11 +1736,11 @@ export interface QAvatarProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
@@ -1768,11 +1768,11 @@ export interface QBadgeProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Tell QBadge if it should float to the top right side of the relative positioned parent element or not
    */
@@ -1878,7 +1878,7 @@ export interface QBreadcrumbsProps {
    * The color of the active breadcrumb, which can be any color from the Quasar Color Palette
    * Default value: primary
    */
-  activeColor?: string | undefined;
+  activeColor?: NamedColor | undefined;
   /**
    * The gutter value allows you control over the space between the breadcrumb elements.
    * Default value: sm
@@ -1887,7 +1887,7 @@ export interface QBreadcrumbsProps {
   /**
    * The color used to color the separator, which can be any color from the Quasar Color Palette
    */
-  separatorColor?: string | undefined;
+  separatorColor?: NamedColor | undefined;
   /**
    * Specify how to align the breadcrumbs horizontally
    * Default value: left
@@ -2077,11 +2077,11 @@ export interface QBtnProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Avoid turning label text into caps (which happens by default)
    */
@@ -2286,11 +2286,11 @@ export interface QBtnDropdownProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Avoid turning label text into caps (which happens by default)
    */
@@ -2589,20 +2589,20 @@ export interface QBtnToggleProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    * Default value: primary
    */
-  toggleColor?: string | undefined;
+  toggleColor?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  toggleTextColor?: string | undefined;
+  toggleTextColor?: NamedColor | undefined;
   /**
    * Spread horizontally to all available space
    */
@@ -2860,11 +2860,11 @@ export interface QCarouselProps {
   /**
    * Color name for QCarousel button controls (arrows, navigation) from the Quasar Color Palette
    */
-  controlColor?: string | undefined;
+  controlColor?: NamedColor | undefined;
   /**
    * Color name for text color of QCarousel button controls (arrows, navigation) from the Quasar Color Palette
    */
-  controlTextColor?: string | undefined;
+  controlTextColor?: NamedColor | undefined;
   /**
    * Type of button to use for controls (arrows, navigation)
    */
@@ -3078,11 +3078,11 @@ export interface QChatMessageProps {
   /**
    * Color name (from the Quasar Color Palette) for chat bubble background
    */
-  bgColor?: string | undefined;
+  bgColor?: NamedColor | undefined;
   /**
    * Color name (from the Quasar Color Palette) for chat bubble text
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Author's name
    */
@@ -3209,7 +3209,7 @@ export interface QCheckboxProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Should the color (if specified any) be kept when the component is unticked/ off?
    */
@@ -3288,11 +3288,11 @@ export interface QChipProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Model of the component determining if QChip should be rendered or not
    * Default value: true
@@ -3382,15 +3382,15 @@ export interface QCircularProgressProps {
   /**
    * Color name for the arc progress from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for the center part of the component from the Quasar Color Palette
    */
-  centerColor?: string | undefined;
+  centerColor?: NamedColor | undefined;
   /**
    * Color name for the track of the component from the Quasar Color Palette
    */
-  trackColor?: string | undefined;
+  trackColor?: NamedColor | undefined;
   /**
    * Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size
    * Default value: 0.25em
@@ -3567,11 +3567,11 @@ export interface QDateProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -4267,11 +4267,11 @@ export interface QEditorProps {
   /**
    * Font color (from the Quasar Palette) of buttons and text in the toolbar
    */
-  toolbarColor?: string | undefined;
+  toolbarColor?: NamedColor | undefined;
   /**
    * Text color (from the Quasar Palette) of toolbar commands
    */
-  toolbarTextColor?: string | undefined;
+  toolbarTextColor?: NamedColor | undefined;
   /**
    * Choose the active color (from the Quasar Palette) of toolbar commands button
    * Default value: primary
@@ -4649,11 +4649,11 @@ export interface QFabProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Apply the glossy effect over the button
    */
@@ -4839,11 +4839,11 @@ export interface QFabActionProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Apply the glossy effect over the button
    */
@@ -4986,15 +4986,15 @@ export interface QFieldProps {
   /**
    * Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused
    */
-  labelColor?: string | undefined;
+  labelColor?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  bgColor?: string | undefined;
+  bgColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -5299,15 +5299,15 @@ export interface QFileProps {
   /**
    * Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused
    */
-  labelColor?: string | undefined;
+  labelColor?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  bgColor?: string | undefined;
+  bgColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -5772,7 +5772,7 @@ export interface QIconProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Useful if icon is on the left side of something: applies a standard margin on the right side of Icon
    */
@@ -5886,7 +5886,7 @@ export interface QImgProps {
   /**
    * Color name for default Spinner (unless using a 'loading' slot)
    */
-  spinnerColor?: string | undefined;
+  spinnerColor?: NamedColor | undefined;
   /**
    * Size in CSS units, including unit name, for default Spinner (unless using a 'loading' slot)
    */
@@ -6039,7 +6039,7 @@ export interface QInnerLoadingProps {
   /**
    * Color name for component from the Quasar Color Palette for the inner Spinner (unless using the default slot)
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Add a label; Gets overriden when using the default slot
    */
@@ -6144,15 +6144,15 @@ export interface QInputProps {
   /**
    * Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused
    */
-  labelColor?: string | undefined;
+  labelColor?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  bgColor?: string | undefined;
+  bgColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -6683,15 +6683,15 @@ export interface QKnobProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for the center part of the component from the Quasar Color Palette
    */
-  centerColor?: string | undefined;
+  centerColor?: NamedColor | undefined;
   /**
    * Color name for the track of the component from the Quasar Color Palette
    */
-  trackColor?: string | undefined;
+  trackColor?: NamedColor | undefined;
   /**
    * Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size
    * Default value: 0.25em
@@ -6830,11 +6830,11 @@ export interface QLinearProgressProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for component's track from the Quasar Color Palette
    */
-  trackColor?: string | undefined;
+  trackColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -7190,7 +7190,7 @@ export interface QOptionGroupProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Should the color (if specified any) be kept when input components are unticked?
    */
@@ -7485,11 +7485,11 @@ export interface QPaginationProps {
    * Color name from the Quasar Color Palette for the non-active buttons
    * Default value: primary
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Text color name from the Quasar Color Palette for the ACTIVE buttons
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * The design of the ACTIVE button, similar to the flat/outline/push/unelevated props (but those are used for non-active buttons)
    */
@@ -7498,11 +7498,11 @@ export interface QPaginationProps {
    * Color name from the Quasar Color Palette for the ACTIVE button
    * Default value: primary
    */
-  activeColor?: string | undefined;
+  activeColor?: NamedColor | undefined;
   /**
    * Text color name from the Quasar Color Palette for the ACTIVE button
    */
-  activeTextColor?: string | undefined;
+  activeTextColor?: NamedColor | undefined;
   /**
    * Makes a circle shaped button for all buttons
    */
@@ -7636,7 +7636,7 @@ export interface QPopupEditProps {
    * Color name for component from the Quasar Color Palette
    * Default value: primary
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value); For best performance, reference it from your scope and do not define it inline
    * @param value Model to validate
@@ -7911,11 +7911,11 @@ export interface QPullToRefreshProps {
   /**
    * Color name for the icon from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for background of the icon container from the Quasar Color Palette
    */
-  bgColor?: string | undefined;
+  bgColor?: NamedColor | undefined;
   /**
    * Icon to display when refreshing the content
    */
@@ -7994,7 +7994,7 @@ export interface QRadioProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Should the color (if specified any) be kept when checkbox is unticked?
    */
@@ -8079,11 +8079,11 @@ export interface QRangeProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for the track (can be 'transparent' too) from the Quasar Color Palette
    */
-  trackColor?: string | undefined;
+  trackColor?: NamedColor | undefined;
   /**
    * Apply a pattern image on the track
    */
@@ -8091,7 +8091,7 @@ export interface QRangeProps {
   /**
    * Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette
    */
-  innerTrackColor?: string | undefined;
+  innerTrackColor?: NamedColor | undefined;
   /**
    * Apply a pattern image on the inner track
    */
@@ -8099,7 +8099,7 @@ export interface QRangeProps {
   /**
    * Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette
    */
-  selectionColor?: string | undefined;
+  selectionColor?: NamedColor | undefined;
   /**
    * Apply a pattern image on the selection bar
    */
@@ -8111,11 +8111,11 @@ export interface QRangeProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  labelColor?: string | undefined;
+  labelColor?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  labelTextColor?: string | undefined;
+  labelTextColor?: NamedColor | undefined;
   /**
    * Switch the position of the label (top <-> bottom or left <-> right)
    */
@@ -8155,7 +8155,7 @@ export interface QRangeProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  thumbColor?: string | undefined;
+  thumbColor?: NamedColor | undefined;
   /**
    * Set custom thumb svg path
    * Default value: M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0
@@ -8208,19 +8208,19 @@ export interface QRangeProps {
   /**
    * Color name for left label background from the Quasar Color Palette
    */
-  leftLabelColor?: string | undefined;
+  leftLabelColor?: NamedColor | undefined;
   /**
    * Color name for left label text from the Quasar Color Palette
    */
-  leftLabelTextColor?: string | undefined;
+  leftLabelTextColor?: NamedColor | undefined;
   /**
    * Color name for right label background from the Quasar Color Palette
    */
-  rightLabelColor?: string | undefined;
+  rightLabelColor?: NamedColor | undefined;
   /**
    * Color name for right label text from the Quasar Color Palette
    */
-  rightLabelTextColor?: string | undefined;
+  rightLabelTextColor?: NamedColor | undefined;
   /**
    * Override default label for min value
    */
@@ -8232,11 +8232,11 @@ export interface QRangeProps {
   /**
    * Color name (from the Quasar Color Palette) for left thumb
    */
-  leftThumbColor?: string | undefined;
+  leftThumbColor?: NamedColor | undefined;
   /**
    * Color name (from the Quasar Color Palette) for right thumb
    */
-  rightThumbColor?: string | undefined;
+  rightThumbColor?: NamedColor | undefined;
   /**
    * Emitted on lazy model value change (after user slides then releases the thumb)
    * @param value New model value
@@ -8348,15 +8348,15 @@ export interface QRatingProps {
   /**
    * Color name for component from the Quasar Color Palette; v1.5.0+: If an array is provided each rating value will use the corresponding color in the array (0 based)
    */
-  color?: string | readonly any[] | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name from the Quasar Palette for selected icons
    */
-  colorSelected?: string | readonly any[] | undefined;
+  colorSelected?: NamedColor | undefined;
   /**
    * Color name from the Quasar Palette for half selected icons
    */
-  colorHalf?: string | readonly any[] | undefined;
+  colorHalf?: NamedColor | undefined;
   /**
    * Does not lower opacity for unselected icons
    */
@@ -8818,15 +8818,15 @@ export interface QSelectProps {
   /**
    * Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused
    */
-  labelColor?: string | undefined;
+  labelColor?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  bgColor?: string | undefined;
+  bgColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -9500,7 +9500,7 @@ export interface QSeparatorProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSeparatorSlots {}
@@ -9590,19 +9590,19 @@ export interface QSlideItemProps {
   /**
    * Color name for left-side background from the Quasar Color Palette
    */
-  leftColor?: string | undefined;
+  leftColor?: NamedColor | undefined;
   /**
    * Color name for right-side background from the Quasar Color Palette
    */
-  rightColor?: string | undefined;
+  rightColor?: NamedColor | undefined;
   /**
    * Color name for top-side background from the Quasar Color Palette
    */
-  topColor?: string | undefined;
+  topColor?: NamedColor | undefined;
   /**
    * Color name for bottom-side background from the Quasar Color Palette
    */
-  bottomColor?: string | undefined;
+  bottomColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -9783,11 +9783,11 @@ export interface QSliderProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for the track (can be 'transparent' too) from the Quasar Color Palette
    */
-  trackColor?: string | undefined;
+  trackColor?: NamedColor | undefined;
   /**
    * Apply a pattern image on the track
    */
@@ -9795,7 +9795,7 @@ export interface QSliderProps {
   /**
    * Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette
    */
-  innerTrackColor?: string | undefined;
+  innerTrackColor?: NamedColor | undefined;
   /**
    * Apply a pattern image on the inner track
    */
@@ -9803,7 +9803,7 @@ export interface QSliderProps {
   /**
    * Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette
    */
-  selectionColor?: string | undefined;
+  selectionColor?: NamedColor | undefined;
   /**
    * Apply a pattern image on the selection bar
    */
@@ -9815,11 +9815,11 @@ export interface QSliderProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  labelColor?: string | undefined;
+  labelColor?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
-  labelTextColor?: string | undefined;
+  labelTextColor?: NamedColor | undefined;
   /**
    * Switch the position of the label (top <-> bottom or left <-> right)
    */
@@ -9859,7 +9859,7 @@ export interface QSliderProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  thumbColor?: string | undefined;
+  thumbColor?: NamedColor | undefined;
   /**
    * Set custom thumb svg path
    * Default value: M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0
@@ -9981,7 +9981,7 @@ export interface QSpinnerProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Override value to use for stroke-width
    * Default value: 5
@@ -10001,7 +10001,7 @@ export interface QSpinnerAudioProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerAudioSlots {}
@@ -10017,7 +10017,7 @@ export interface QSpinnerBallProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerBallSlots {}
@@ -10033,7 +10033,7 @@ export interface QSpinnerBarsProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerBarsSlots {}
@@ -10049,7 +10049,7 @@ export interface QSpinnerBoxProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerBoxSlots {}
@@ -10065,7 +10065,7 @@ export interface QSpinnerClockProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerClockSlots {}
@@ -10081,7 +10081,7 @@ export interface QSpinnerCommentProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerCommentSlots {}
@@ -10097,7 +10097,7 @@ export interface QSpinnerCubeProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerCubeSlots {}
@@ -10113,7 +10113,7 @@ export interface QSpinnerDotsProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerDotsSlots {}
@@ -10129,7 +10129,7 @@ export interface QSpinnerFacebookProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerFacebookSlots {}
@@ -10145,7 +10145,7 @@ export interface QSpinnerGearsProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerGearsSlots {}
@@ -10161,7 +10161,7 @@ export interface QSpinnerGridProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerGridSlots {}
@@ -10177,7 +10177,7 @@ export interface QSpinnerHeartsProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerHeartsSlots {}
@@ -10193,7 +10193,7 @@ export interface QSpinnerHourglassProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerHourglassSlots {}
@@ -10209,7 +10209,7 @@ export interface QSpinnerInfinityProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerInfinitySlots {}
@@ -10225,7 +10225,7 @@ export interface QSpinnerIosProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerIosSlots {}
@@ -10241,7 +10241,7 @@ export interface QSpinnerOrbitProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerOrbitSlots {}
@@ -10257,7 +10257,7 @@ export interface QSpinnerOvalProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerOvalSlots {}
@@ -10273,7 +10273,7 @@ export interface QSpinnerPieProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerPieSlots {}
@@ -10289,7 +10289,7 @@ export interface QSpinnerPuffProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerPuffSlots {}
@@ -10305,7 +10305,7 @@ export interface QSpinnerRadioProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerRadioSlots {}
@@ -10321,7 +10321,7 @@ export interface QSpinnerRingsProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerRingsSlots {}
@@ -10337,7 +10337,7 @@ export interface QSpinnerTailProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
 }
 
 export interface QSpinnerTailSlots {}
@@ -10440,7 +10440,7 @@ export interface QStepProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Step title
    */
@@ -10460,7 +10460,7 @@ export interface QStepProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  doneColor?: string | undefined;
+  doneColor?: NamedColor | undefined;
   /**
    * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
@@ -10468,7 +10468,7 @@ export interface QStepProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  activeColor?: string | undefined;
+  activeColor?: NamedColor | undefined;
   /**
    * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
@@ -10476,7 +10476,7 @@ export interface QStepProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  errorColor?: string | undefined;
+  errorColor?: NamedColor | undefined;
   /**
    * Allow navigation through the header
    * Default value: true
@@ -10584,7 +10584,7 @@ export interface QStepperProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  inactiveColor?: string | undefined;
+  inactiveColor?: NamedColor | undefined;
   /**
    * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
@@ -10592,7 +10592,7 @@ export interface QStepperProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  doneColor?: string | undefined;
+  doneColor?: NamedColor | undefined;
   /**
    * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
@@ -10600,7 +10600,7 @@ export interface QStepperProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  activeColor?: string | undefined;
+  activeColor?: NamedColor | undefined;
   /**
    * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
@@ -10608,7 +10608,7 @@ export interface QStepperProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  errorColor?: string | undefined;
+  errorColor?: NamedColor | undefined;
   /**
    * Class definitions to be attributed to the header
    */
@@ -10865,7 +10865,7 @@ export interface QTableProps {
    * Color name for component from the Quasar Color Palette
    * Default value: grey-8
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Icon name following Quasar convention for stepping to first page; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
@@ -11384,7 +11384,7 @@ export interface QTableSlots {
     /**
      * Color name for component from the Quasar Color Palette
      */
-    color: string;
+    color: NamedColor;
     /**
      * Notify the component that the background is a dark color
      */
@@ -11439,7 +11439,7 @@ export interface QTableSlots {
     /**
      * Color name for component from the Quasar Color Palette
      */
-    color: string;
+    color: NamedColor;
     /**
      * Notify the component that the background is a dark color
      */
@@ -11506,7 +11506,7 @@ export interface QTableSlots {
     /**
      * Color name for component from the Quasar Color Palette
      */
-    color: string;
+    color: NamedColor;
     /**
      * Notify the component that the background is a dark color
      */
@@ -11569,7 +11569,7 @@ export interface QTableSlots {
     /**
      * Color name for component from the Quasar Color Palette
      */
-    color: string;
+    color: NamedColor;
     /**
      * Notify the component that the background is a dark color
      */
@@ -11608,7 +11608,7 @@ export interface QTableSlots {
     /**
      * Color name for component from the Quasar Color Palette
      */
-    color: string;
+    color: NamedColor;
     /**
      * Notify the component that the background is a dark color
      */
@@ -11659,7 +11659,7 @@ export interface QTableSlots {
     /**
      * Color name for component from the Quasar Color Palette
      */
-    color: string;
+    color: NamedColor;
     /**
      * Notify the component that the background is a dark color
      */
@@ -11702,7 +11702,7 @@ export interface QTableSlots {
     /**
      * Color name for component from the Quasar Color Palette
      */
-    color: string;
+    color: NamedColor;
     /**
      * Notify the component that the background is a dark color
      */
@@ -11757,7 +11757,7 @@ export interface QTableSlots {
     /**
      * Color name for component from the Quasar Color Palette
      */
-    color: string;
+    color: NamedColor;
     /**
      * Notify the component that the background is a dark color
      */
@@ -11796,7 +11796,7 @@ export interface QTableSlots {
     /**
      * Color name for component from the Quasar Color Palette
      */
-    color: string;
+    color: NamedColor;
     /**
      * Notify the component that the background is a dark color
      */
@@ -12631,15 +12631,15 @@ export interface QTabsProps {
   /**
    * The color to be attributed to the text of the active tab
    */
-  activeColor?: string | undefined;
+  activeColor?: NamedColor | undefined;
   /**
    * The color to be attributed to the background of the active tab
    */
-  activeBgColor?: string | undefined;
+  activeBgColor?: NamedColor | undefined;
   /**
    * The color to be attributed to the indicator (the underline) of the active tab
    */
-  indicatorColor?: string | undefined;
+  indicatorColor?: NamedColor | undefined;
   /**
    * Class definitions to be attributed to the content wrapper
    */
@@ -12745,11 +12745,11 @@ export interface QTimeProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -12879,7 +12879,7 @@ export interface QTimelineProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Side to place the timeline entries in dense and comfortable layout; For loose layout it gets overridden by QTimelineEntry side prop
    * Default value: right
@@ -12931,7 +12931,7 @@ export interface QTimelineEntryProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Title of timeline entry; Is overridden if using 'title' slot
    */
@@ -13026,7 +13026,7 @@ export interface QToggleProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Should the color (if specified any) be kept when the component is unticked/ off?
    */
@@ -13054,7 +13054,7 @@ export interface QToggleProps {
   /**
    * Override default icon color (for truthy state only); Color name for component from the Quasar Color Palette
    */
-  iconColor?: string | undefined;
+  iconColor?: NamedColor | undefined;
   /**
    * Emitted when the component needs to change the model; Is also used by v-model
    * @param value New model value
@@ -13292,19 +13292,19 @@ export interface QTreeProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Color name for controls (like checkboxes) from the Quasar Color Palette
    */
-  controlColor?: string | undefined;
+  controlColor?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Color name for selected nodes (from the Quasar Color Palette)
    */
-  selectedColor?: string | undefined;
+  selectedColor?: NamedColor | undefined;
   /**
    * Dense mode; occupies less space
    */
@@ -13731,11 +13731,11 @@ export interface QUploaderProps {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   /**
    * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string | undefined;
+  textColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -14185,6 +14185,7 @@ export interface DialogChainObject {
 import { CookiesGetMethodType } from "./api";
 import { QDialogInputPrompt } from "./api";
 import { QDialogSelectionPrompt } from "./api";
+import { NamedColor } from "./api";
 export interface QDialogOptions {
   /**
    * CSS Class name to apply to the Dialog's QCard
@@ -14232,7 +14233,7 @@ export interface QDialogOptions {
         /**
          * Color name for component from the Quasar Color Palette
          */
-        color?: string;
+        color?: NamedColor;
       };
   /**
    * Props for an 'OK' button
@@ -14270,7 +14271,7 @@ export interface QDialogOptions {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string;
+  color?: NamedColor;
   /**
    * Apply dark mode
    */
@@ -14355,15 +14356,15 @@ export interface QLoadingShowOptions {
   /**
    * Color name for spinner from the Quasar Color Palette
    */
-  spinnerColor?: string;
+  spinnerColor?: NamedColor;
   /**
    * Color name for text from the Quasar Color Palette
    */
-  messageColor?: string;
+  messageColor?: NamedColor;
   /**
    * Color name for background from the Quasar Color Palette
    */
-  backgroundColor?: string;
+  backgroundColor?: NamedColor;
   /**
    * One of the QSpinners
    */
@@ -14393,11 +14394,11 @@ export interface QNotifyCreateOptions {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  color?: string;
+  color?: NamedColor;
   /**
-   * Color name for component from the Quasar Color Palette
+   * Overrides text color (if needed); Color name from the Quasar Color Palette
    */
-  textColor?: string;
+  textColor?: NamedColor;
   /**
    * The content of your message
    */
@@ -14417,7 +14418,7 @@ export interface QNotifyCreateOptions {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  iconColor?: string;
+  iconColor?: NamedColor;
   /**
    * Size in CSS units, including unit name
    */
@@ -14433,7 +14434,7 @@ export interface QNotifyCreateOptions {
   /**
    * Color name for component from the Quasar Color Palette
    */
-  spinnerColor?: string;
+  spinnerColor?: NamedColor;
   /**
    * Size in CSS units, including unit name
    */
@@ -14460,11 +14461,11 @@ export interface QNotifyCreateOptions {
   /**
    * Color name for the badge from the Quasar Color Palette
    */
-  badgeColor?: string;
+  badgeColor?: NamedColor;
   /**
    * Color name for the badge text from the Quasar Color Palette
    */
-  badgeTextColor?: string;
+  badgeTextColor?: NamedColor;
   /**
    * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
    * Default value: (top-left/top-right)
@@ -15300,6 +15301,50 @@ declare module "@vue/runtime-core" {
 
 declare module "./config.d.ts" {
   interface QuasarUIConfiguration {
+    brand?: {
+      /**
+       * Main color of your app
+       */
+      primary?: string;
+      /**
+       * Secondary color of your app
+       */
+      secondary?: string;
+      /**
+       * Accent color of your app
+       */
+      accent?: string;
+      /**
+       * Dark color of your app
+       */
+      dark?: string;
+      /**
+       * Positive color of your app
+       */
+      positive?: string;
+      /**
+       * Negative color of your app
+       */
+      negative?: string;
+      /**
+       * Info color of your app
+       */
+      info?: string;
+      /**
+       * Warning color of your app
+       */
+      warning?: string;
+      /**
+       * Custom colors of your app, if any
+       */
+      [customColors: string]: string | undefined;
+    };
+    lang?: {
+      /**
+       * Whether to disable `dir` and `lang` HTML attributes getting added to the `<html>` tag. `dir` attribute is crucial when using RTL support. Disable this only if you need to handle these yourself for some reason.
+       */
+      noHtmlAttrs?: boolean;
+    };
     /**
      * "'auto'" uses the OS/browser preference. "true" forces dark mode. "false" forces light mode.
      */
@@ -15333,15 +15378,15 @@ declare module "./config.d.ts" {
       /**
        * Color name for spinner from the Quasar Color Palette
        */
-      spinnerColor?: string;
+      spinnerColor?: NamedColor;
       /**
        * Color name for text from the Quasar Color Palette
        */
-      messageColor?: string;
+      messageColor?: NamedColor;
       /**
        * Color name for background from the Quasar Color Palette
        */
-      backgroundColor?: string;
+      backgroundColor?: NamedColor;
       /**
        * One of the QSpinners
        */
@@ -15363,11 +15408,11 @@ declare module "./config.d.ts" {
       /**
        * Color name for component from the Quasar Color Palette
        */
-      color?: string;
+      color?: NamedColor;
       /**
-       * Color name for component from the Quasar Color Palette
+       * Overrides text color (if needed); Color name from the Quasar Color Palette
        */
-      textColor?: string;
+      textColor?: NamedColor;
       /**
        * The content of your message
        */
@@ -15387,7 +15432,7 @@ declare module "./config.d.ts" {
       /**
        * Color name for component from the Quasar Color Palette
        */
-      iconColor?: string;
+      iconColor?: NamedColor;
       /**
        * Size in CSS units, including unit name
        */
@@ -15403,7 +15448,7 @@ declare module "./config.d.ts" {
       /**
        * Color name for component from the Quasar Color Palette
        */
-      spinnerColor?: string;
+      spinnerColor?: NamedColor;
       /**
        * Size in CSS units, including unit name
        */
@@ -15430,11 +15475,11 @@ declare module "./config.d.ts" {
       /**
        * Color name for the badge from the Quasar Color Palette
        */
-      badgeColor?: string;
+      badgeColor?: NamedColor;
       /**
        * Color name for the badge text from the Quasar Color Palette
        */
-      badgeTextColor?: string;
+      badgeTextColor?: NamedColor;
       /**
        * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
        * Default value: (top-left/top-right)
@@ -15469,6 +15514,10 @@ declare module "./config.d.ts" {
        * Default value: 5000
        */
       timeout?: number;
+      /**
+       * Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop
+       */
+      actions?: QNotifyAction[];
       /**
        * Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language
        */
@@ -15484,50 +15533,6 @@ declare module "./config.d.ts" {
        */
       bodyClasses?: boolean;
     };
-    brand?: {
-      /**
-       * Main color of your app
-       */
-      primary?: string;
-      /**
-       * Secondary color of your app
-       */
-      secondary?: string;
-      /**
-       * Accent color of your app
-       */
-      accent?: string;
-      /**
-       * Dark color of your app
-       */
-      dark?: string;
-      /**
-       * Positive color of your app
-       */
-      positive?: string;
-      /**
-       * Negative color of your app
-       */
-      negative?: string;
-      /**
-       * Info color of your app
-       */
-      info?: string;
-      /**
-       * Warning color of your app
-       */
-      warning?: string;
-      /**
-       * Custom colors of your app, if any
-       */
-      [customColors: string]: string | undefined;
-    };
-    lang?: {
-      /**
-       * Whether to disable `dir` and `lang` HTML attributes getting added to the `<html>` tag. `dir` attribute is crucial when using RTL support. Disable this only if you need to handle these yourself for some reason.
-       */
-      noHtmlAttrs?: boolean;
-    };
     ripple?:
       | boolean
       | {
@@ -15580,6 +15585,7 @@ declare module "./lang" {
     fr: true;
     gn: true;
     he: true;
+    hi: true;
     hr: true;
     hu: true;
     id: true;