@vuetify/nightly 3.3.11-master.2023-08-07 → 3.3.12-dev.2023-08-15

package/CHANGELOG.md

@@ -1,17 +1,42 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.11-master.2023-08-07...v) (2023-08-07)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.12-dev.2023-08-15...v) (2023-08-15)
 
 
 
-## [3.3.11-master.2023-08-07](https://github.com/vuetifyjs/vuetify/compare/v3.3.11...v3.3.11-master.2023-08-07) (2023-08-07)
+## [3.3.12-dev.2023-08-15](https://github.com/vuetifyjs/vuetify/compare/v3.3.12...v3.3.12-dev.2023-08-15) (2023-08-15)
 
 
 ### Bug Fixes
 
-* **VDialog:** apply scrollable styles to card when wrapped in a form ([2537945](https://github.com/vuetifyjs/vuetify/commit/253794577bd1b1cb4f74fca30a9fee7beb7b12ec))
-* **VField:** apply text-align to input element ([#17895](https://github.com/vuetifyjs/vuetify/issues/17895)) ([d428f62](https://github.com/vuetifyjs/vuetify/commit/d428f62d58994d6b0f106c66abec6c47cf77240f)), closes [#17856](https://github.com/vuetifyjs/vuetify/issues/17856)
-* **VField:** reset underline border color ([9012797](https://github.com/vuetifyjs/vuetify/commit/901279774438d72401f0c2092d87eec41c37e059)), closes [#17964](https://github.com/vuetifyjs/vuetify/issues/17964)
-* **VOtpInput:** input focus control ([0a55521](https://github.com/vuetifyjs/vuetify/commit/0a5552104f53ecb04c37442957b8d11d1b686cc9))
-* **VStepper:** disabled actions & colors ([3d1b12d](https://github.com/vuetifyjs/vuetify/commit/3d1b12d06fd269452bd95a35590825c318155ca8))
+* **VAppBar:** add scroll behavior prop types ([81904cd](https://github.com/vuetifyjs/vuetify/commit/81904cd6e3ba65b1cf6e97b5b8efe34779537e7a))
+* **VBottomNavigation:** inherit transition when using shift prop ([38808c6](https://github.com/vuetifyjs/vuetify/commit/38808c64464ccfe6c6ada49f0d4cacb0580676f9))
+* **VBtn:** rounded icon border radius ([bb8cdc2](https://github.com/vuetifyjs/vuetify/commit/bb8cdc208f59835ca680765def2c8730b2b4abeb))
+* **VField:** apply colorStyles to same element as colorClasses ([c2d4059](https://github.com/vuetifyjs/vuetify/commit/c2d40599612451e44ed4fb4d2a828d25e35b4dff))
+* **VFileInput:** correctly align error messages with other inputs ([cc1715d](https://github.com/vuetifyjs/vuetify/commit/cc1715d347929ed2bf89aee532ce23c2987434ac)), closes [#17248](https://github.com/vuetifyjs/vuetify/issues/17248)
+* **VList:** avatar size when using the rail prop ([ec7e627](https://github.com/vuetifyjs/vuetify/commit/ec7e6272fd3dbd443da091248a1899dd5093209d))
+* **VListItem:** apply prepend/append badge margin correctly ([e4e4f4c](https://github.com/vuetifyjs/vuetify/commit/e4e4f4c21ed91054f396e183b217fe3b218768e1))
+* **VMenu:** check active status on focus in ([4ad68bf](https://github.com/vuetifyjs/vuetify/commit/4ad68bfa47cb5829bfd4ee2c644504ca9ff37b05))
+* **VNavigationDrawer:** remove unnecessary will-change ([abcb3aa](https://github.com/vuetifyjs/vuetify/commit/abcb3aad403357422623e992a61768543837105a)), closes [#12890](https://github.com/vuetifyjs/vuetify/issues/12890) [#18031](https://github.com/vuetifyjs/vuetify/issues/18031)
+* **VSelects:** add missing open / close labels and update roles ([#17786](https://github.com/vuetifyjs/vuetify/issues/17786)) ([a6dd699](https://github.com/vuetifyjs/vuetify/commit/a6dd699c235c4b2d8211aa653079f54d72e9219b))
+* **VSwitch:** update to match material specs ([#17994](https://github.com/vuetifyjs/vuetify/issues/17994)) ([e92ecd9](https://github.com/vuetifyjs/vuetify/commit/e92ecd904701fcababcacbdd1c755141cda9d1a9)), closes [#17638](https://github.com/vuetifyjs/vuetify/issues/17638)
+* **VTimeline:** horizontal timeline gap ([#18022](https://github.com/vuetifyjs/vuetify/issues/18022)) ([0b56a69](https://github.com/vuetifyjs/vuetify/commit/0b56a69da7d0e3d358abc88af339dc164ef9a94b))
+
+
+### Features
+
+* **VAvatar:** add text prop ([68b2ab4](https://github.com/vuetifyjs/vuetify/commit/68b2ab46aa6ec2e6f5b84fcbf6e442611037854d))
+* **VBreadcrumbs:** add item slot ([#15743](https://github.com/vuetifyjs/vuetify/issues/15743)) ([5fce8d1](https://github.com/vuetifyjs/vuetify/commit/5fce8d19865c460ba7be75cd8e9ebdab0fa4f516)), closes [#15742](https://github.com/vuetifyjs/vuetify/issues/15742)
+* **VColorPicker:** add eyedropper button when supported ([#17952](https://github.com/vuetifyjs/vuetify/issues/17952)) ([3559698](https://github.com/vuetifyjs/vuetify/commit/3559698e0536dedfee78fee6e1699ef37e04d93a)), closes [#14790](https://github.com/vuetifyjs/vuetify/issues/14790)
+* **VImg:** Add prop to set crossorigin attr on v-img ([#17927](https://github.com/vuetifyjs/vuetify/issues/17927)) ([a959159](https://github.com/vuetifyjs/vuetify/commit/a959159c549895b9912918307ba243cc9082f2f6)), closes [#17848](https://github.com/vuetifyjs/vuetify/issues/17848)
+* **VImg:** support draggable attribute ([#17976](https://github.com/vuetifyjs/vuetify/issues/17976)) ([afeb6c0](https://github.com/vuetifyjs/vuetify/commit/afeb6c0b8538810198aee0250d0cd5e1ab3ce096)), closes [#17973](https://github.com/vuetifyjs/vuetify/issues/17973)
+* **VImg:** support referrerpolicy attribute ([d923ed8](https://github.com/vuetifyjs/vuetify/commit/d923ed8058b82c6cfa38dd67fc5b20295aaba4be)), closes [#15396](https://github.com/vuetifyjs/vuetify/issues/15396)
+* **VSelectionControl:** add base-color support ([5657a1e](https://github.com/vuetifyjs/vuetify/commit/5657a1e4520af572023f3013604bc7d92db6a25a)), closes [#7284](https://github.com/vuetifyjs/vuetify/issues/7284)
+* add gap utility classes ([#17715](https://github.com/vuetifyjs/vuetify/issues/17715)) ([5290bfc](https://github.com/vuetifyjs/vuetify/commit/5290bfc7515585b0836e59935d756ddc389f0e20)), closes [#15282](https://github.com/vuetifyjs/vuetify/issues/15282)
+* **VSlider:** add missing ripple prop ([a906691](https://github.com/vuetifyjs/vuetify/commit/a9066910862b59b99010dd116c9c45869473b2c6)), closes [#17766](https://github.com/vuetifyjs/vuetify/issues/17766)
+
+
+### Reverts
+
+* Revert "fix(VListItem): add anchor title (#17940)" ([6c3602d](https://github.com/vuetifyjs/vuetify/commit/6c3602dddd9895dcb1ab92bf6b77d9b2cf6555e7)), closes [#17940](https://github.com/vuetifyjs/vuetify/issues/17940)
 
 
 

package/dist/json/attributes.json

@@ -179,10 +179,6 @@
     "type": "string\n",
     "description": "Specifies a [v-img](/components/images) as the component's background."
   },
-  "v-app-bar/scroll-behavior": {
-    "type": "string\n",
-    "description": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space."
-  },
   "v-app-bar/collapse": {
     "type": "boolean\n",
     "description": "Morphs the component into a collapsed state, reducing its maximum width."
@@ -211,6 +207,10 @@
     "type": "string | number\n",
     "description": "The amount of scroll distance down before **scroll-behavior** activates."
   },
+  "v-app-bar/scroll-behavior": {
+    "type": "'hide' | 'inverted' | 'collapse' | 'elevate' | 'fade-image'\n",
+    "description": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space."
+  },
   "v-app-bar-nav-icon/symbol": {
     "type": "any\n",
     "description": "The [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) used to hook into group functionality for components like [v-btn-toggle](/components/btn-toggle) and [v-bottom-navigation](/components/bottom-navigations/) "
@@ -471,6 +471,14 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
   },
+  "v-autocomplete/close-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
+  "v-autocomplete/open-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-autocomplete/eager": {
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
@@ -563,6 +571,10 @@
     "type": "string\n",
     "description": "Displays suffix text"
   },
+  "v-autocomplete/role": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-autocomplete/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
@@ -651,6 +663,10 @@
     "type": "Record<string, boolean>\n",
     "description": "**FOR INTERNAL USE ONLY**"
   },
+  "v-avatar/text": {
+    "type": "string\n",
+    "description": "Specify content text for the component."
+  },
   "v-avatar/end": {
     "type": "boolean\n",
     "description": "Applies margin at the start of the component."
@@ -1755,6 +1771,10 @@
     "type": "boolean\n",
     "description": "Resizes the background image to cover the entire container."
   },
+  "v-carousel-item/draggable": {
+    "type": "boolean | 'true' | 'false'\n",
+    "description": "Controls the `draggable` behavior of the image. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable)."
+  },
   "v-carousel-item/gradient": {
     "type": "string\n",
     "description": "The gradient to apply to the image. This can be any valid CSS gradient declaration. You can find more information on the [MDN documentation for gradients](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient)."
@@ -1779,6 +1799,14 @@
     "type": "string | number\n",
     "description": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content"
   },
+  "v-carousel-item/crossorigin": {
+    "type": "'' | 'anonymous' | 'use-credentials'\n",
+    "description": "Specify that images should be fetched with CORS enabled [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#crossorigin)"
+  },
+  "v-carousel-item/referrerpolicy": {
+    "type": "  | 'origin'\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin-when-cross-origin'\n  | 'same-origin'\n  | 'strict-origin'\n  | 'strict-origin-when-cross-origin'\n  | 'unsafe-url'\n",
+    "description": "Define which referrer is sent when fetching the resource [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy)"
+  },
   "v-carousel-item/reverse-transition": {
     "type": "string | boolean\n",
     "description": "Sets the reverse transition"
@@ -1899,6 +1927,10 @@
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
   },
+  "v-checkbox/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-checkbox/indeterminate": {
     "type": "boolean\n",
     "description": "Sets an indeterminate state for the checkbox"
@@ -1987,6 +2019,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-checkbox-btn/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-checkbox-btn/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -2483,6 +2519,14 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
   },
+  "v-combobox/close-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
+  "v-combobox/open-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-combobox/eager": {
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
@@ -2575,6 +2619,10 @@
     "type": "string\n",
     "description": "Displays suffix text"
   },
+  "v-combobox/role": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-combobox/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
@@ -3655,6 +3703,10 @@
     "type": "string\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-date-picker/input-placeholder": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-date-picker/landscape": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -4651,6 +4703,10 @@
     "type": "boolean\n",
     "description": "Resizes the background image to cover the entire container."
   },
+  "v-img/draggable": {
+    "type": "boolean | 'true' | 'false'\n",
+    "description": "Controls the `draggable` behavior of the image. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable)."
+  },
   "v-img/gradient": {
     "type": "string\n",
     "description": "The gradient to apply to the image. This can be any valid CSS gradient declaration. You can find more information on the [MDN documentation for gradients](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient)."
@@ -4675,6 +4731,14 @@
     "type": "string | number\n",
     "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted."
   },
+  "v-img/crossorigin": {
+    "type": "'' | 'anonymous' | 'use-credentials'\n",
+    "description": "Specify that images should be fetched with CORS enabled [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#crossorigin)"
+  },
+  "v-img/referrerpolicy": {
+    "type": "  | 'origin'\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin-when-cross-origin'\n  | 'same-origin'\n  | 'strict-origin'\n  | 'strict-origin-when-cross-origin'\n  | 'unsafe-url'\n",
+    "description": "Define which referrer is sent when fetching the resource [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy)"
+  },
   "v-infinite-scroll/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -5145,7 +5209,7 @@
   },
   "v-list-item/title": {
     "type": "string | number | boolean\n",
-    "description": "Generates a `v-list-item-title` component with the supplied value"
+    "description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
   },
   "v-list-item/border": {
     "type": "string | number | boolean\n",
@@ -6187,6 +6251,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-radio/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-radio/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -6383,6 +6451,10 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
   },
+  "v-range-slider/ripple": {
+    "type": "boolean\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "v-range-slider/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component"
@@ -6899,6 +6971,14 @@
     "type": "boolean\n",
     "description": "Enables the [closable](/api/v-chip/#props-closable) prop on all [v-chip](/components/chips/) components"
   },
+  "v-select/close-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
+  "v-select/open-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-select/eager": {
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
@@ -6991,6 +7071,10 @@
     "type": "string\n",
     "description": "Displays suffix text"
   },
+  "v-select/role": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-select/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
@@ -7139,6 +7223,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-selection-control/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-selection-control/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -7543,6 +7631,10 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
   },
+  "v-slider/ripple": {
+    "type": "boolean\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "v-slider/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component"
@@ -8015,6 +8107,10 @@
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
   },
+  "v-switch/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-switch/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -8439,6 +8535,10 @@
     "type": "string\n",
     "description": "Displays suffix text"
   },
+  "v-text-field/role": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-text-field/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"

package/dist/json/importMap.json

@@ -260,14 +260,14 @@
       "from": "components/VList/index.mjs",
       "styles": []
     },
-    "VMain": {
-      "from": "components/VMain/index.mjs",
-      "styles": []
-    },
     "VMenu": {
       "from": "components/VMenu/index.mjs",
       "styles": []
     },
+    "VMain": {
+      "from": "components/VMain/index.mjs",
+      "styles": []
+    },
     "VMessages": {
       "from": "components/VMessages/index.mjs",
       "styles": []

package/dist/json/tags.json

@@ -132,6 +132,7 @@
       "clear-icon",
       "clearable",
       "closable-chips",
+      "close-text",
       "color",
       "counter",
       "counter-value",
@@ -172,6 +173,7 @@
       "no-data-text",
       "no-filter",
       "open-on-clear",
+      "open-text",
       "persistent-clear",
       "persistent-counter",
       "persistent-hint",
@@ -183,6 +185,7 @@
       "readonly",
       "return-object",
       "reverse",
+      "role",
       "rounded",
       "rules",
       "search",
@@ -208,6 +211,7 @@
       "size",
       "start",
       "tag",
+      "text",
       "theme",
       "variant"
     ],
@@ -562,7 +566,9 @@
       "aspect-ratio",
       "content-class",
       "cover",
+      "crossorigin",
       "disabled",
+      "draggable",
       "eager",
       "gradient",
       "height",
@@ -573,6 +579,7 @@
       "min-height",
       "min-width",
       "options",
+      "referrerpolicy",
       "reverse-transition",
       "selected-class",
       "sizes",
@@ -587,6 +594,7 @@
   "v-checkbox": {
     "attributes": [
       "append-icon",
+      "base-color",
       "center-affix",
       "color",
       "defaults-target",
@@ -627,6 +635,7 @@
   },
   "v-checkbox-btn": {
     "attributes": [
+      "base-color",
       "color",
       "defaults-target",
       "density",
@@ -785,6 +794,7 @@
       "clear-icon",
       "clearable",
       "closable-chips",
+      "close-text",
       "color",
       "counter",
       "counter-value",
@@ -826,6 +836,7 @@
       "no-data-text",
       "no-filter",
       "open-on-clear",
+      "open-text",
       "persistent-clear",
       "persistent-counter",
       "persistent-hint",
@@ -837,6 +848,7 @@
       "readonly",
       "return-object",
       "reverse",
+      "role",
       "rounded",
       "rules",
       "single-line",
@@ -1128,6 +1140,7 @@
       "hide-weekdays",
       "hover-date",
       "input-mode",
+      "input-placeholder",
       "input-text",
       "keyboard-icon",
       "landscape",
@@ -1523,6 +1536,8 @@
       "aspect-ratio",
       "content-class",
       "cover",
+      "crossorigin",
+      "draggable",
       "eager",
       "gradient",
       "height",
@@ -1533,6 +1548,7 @@
       "min-height",
       "min-width",
       "options",
+      "referrerpolicy",
       "sizes",
       "src",
       "srcset",
@@ -2070,6 +2086,7 @@
   },
   "v-radio": {
     "attributes": [
+      "base-color",
       "color",
       "defaults-target",
       "density",
@@ -2157,6 +2174,7 @@
       "prepend-icon",
       "readonly",
       "reverse",
+      "ripple",
       "rounded",
       "rules",
       "show-ticks",
@@ -2307,6 +2325,7 @@
       "clear-icon",
       "clearable",
       "closable-chips",
+      "close-text",
       "color",
       "counter",
       "counter-value",
@@ -2342,6 +2361,7 @@
       "name",
       "no-data-text",
       "open-on-clear",
+      "open-text",
       "persistent-clear",
       "persistent-counter",
       "persistent-hint",
@@ -2353,6 +2373,7 @@
       "readonly",
       "return-object",
       "reverse",
+      "role",
       "rounded",
       "rules",
       "single-line",
@@ -2368,6 +2389,7 @@
   },
   "v-selection-control": {
     "attributes": [
+      "base-color",
       "color",
       "defaults-target",
       "density",
@@ -2547,6 +2569,7 @@
       "prepend-icon",
       "readonly",
       "reverse",
+      "ripple",
       "rounded",
       "rules",
       "show-ticks",
@@ -2669,6 +2692,7 @@
   "v-switch": {
     "attributes": [
       "append-icon",
+      "base-color",
       "center-affix",
       "color",
       "defaults-target",
@@ -2846,6 +2870,7 @@
       "prepend-inner-icon",
       "readonly",
       "reverse",
+      "role",
       "rounded",
       "rules",
       "single-line",