@onereach/ui-components 8.20.1 → 8.20.2-beta.4020.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/OrInput.vue.d.ts

@@ -71,9 +71,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     autocomplete: {
-        type: PropType<"on" | "off">;
+        type: StringConstructor;
         default: string;
     };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
@@ -124,14 +128,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     autocomplete: {
-        type: PropType<"on" | "off">;
+        type: StringConstructor;
         default: string;
     };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    name: string;
     modelValue: string | number;
     type: "number" | "text" | "password" | "search";
     size: "m" | "s";
@@ -143,7 +152,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    autocomplete: "on" | "off";
+    autocomplete: string;
     disableDefaultStyles: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -173,6 +182,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     blur: () => void;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    name: string;
     modelValue: string | number;
     type: "number" | "text" | "password" | "search";
     size: "m" | "s";
@@ -184,11 +194,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    autocomplete: "on" | "off";
+    autocomplete: string;
     disableDefaultStyles: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    name: string;
     modelValue: string | number;
     type: "number" | "text" | "password" | "search";
     size: "m" | "s";
@@ -200,7 +211,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    autocomplete: "on" | "off";
+    autocomplete: string;
     disableDefaultStyles: boolean;
 }, true>);
 export default _default;

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 };