@onereach/ui-components 8.20.2-beta.4022.0 → 8.20.3-beta.4024.0

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -81,6 +81,10 @@ var script = defineComponent({
       type: String,
       default: 'off'
     },
+    name: {
+      type: String,
+      default: undefined
+    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -138,7 +142,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-a519a4e8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a519a4e8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a519a4e8]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-add08476]{min-width:0;background:0 0;outline:0}input[type=number][data-v-add08476]::-webkit-inner-spin-button{display:none}input[type=search][data-v-add08476]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -233,6 +237,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly || _vm.loading,
       "disabled": _vm.disabled,
       "autocomplete": _vm.autocomplete,
+      "name": _vm.name,
       "type": "checkbox"
     },
     domProps: {
@@ -286,6 +291,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly || _vm.loading,
       "disabled": _vm.disabled,
       "autocomplete": _vm.autocomplete,
+      "name": _vm.name,
       "type": "radio"
     },
     domProps: {
@@ -326,6 +332,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly || _vm.loading,
       "disabled": _vm.disabled,
       "autocomplete": _vm.autocomplete,
+      "name": _vm.name,
       "type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type
     },
     domProps: {
@@ -398,7 +405,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a519a4e8";
+const __vue_scope_id__ = "data-v-add08476";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrInputV3/styles.js

@@ -9,6 +9,11 @@ const InputControl = [
 // Typography
 'typography-inherit',
 // Theme (placeholder)
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark',
+// Autofill hack,
+// disable (delay color change)
+'autofill:transition-colors autofill:duration-[5000s]',
+// override background color using box-shadow
+'autofill:shadow-[10px_0_1000px_theme(backgroundColor.primary-opacity-0-08)_inset]', 'dark:autofill:shadow-[0_0_0px_1000px_theme(backgroundColor.primary-opacity-0-08-dark)_inset]'];
 
 export { InputControl, InputRoot };