@onereach/ui-components 8.20.1 → 8.20.2-beta.4020.0

package/dist/esm/v3/components/or-search-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSearchV3 } from '../../OrSearch-e56db8af.js';
+export { s as OrSearchV3 } from '../../OrSearch-7b488e30.js';
 export { I as SearchSize } from '../../OrInputBox-8c1a29dd.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -10,7 +10,7 @@ import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrInput-4fca1f21.js';
+import '../../OrInput-898752b2.js';
 import '../../useResponsive-1baf3485.js';
 import '../../OrError-69bd7f6a.js';
 import 'vue';

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-f5cb82e2.js';
+export { s as OrSelectV3 } from '../../OrSelect-262c64fc.js';
 export { I as SelectSize } from '../../OrInputBox-8c1a29dd.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
@@ -30,7 +30,7 @@ import '../../OrBottomSheet-e33d1de9.js';
 import '../../OrOverlay-d00d79f1.js';
 import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
-import '../../OrInput-4fca1f21.js';
+import '../../OrInput-898752b2.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrLoader-b7d415dd.js';
 import '../../OrMenuItem-2928ba60.js';

package/dist/esm/v3/index.js

@@ -8,7 +8,7 @@ export { s as OrButtonV2 } from './OrButton-f4098587.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from './OrIconButton-4424a0dc.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-7fd78cc8.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-11d518ae.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-5f1649f1.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCard-d3320b27.js';
 export { s as OrCheckbox } from './OrCheckbox-42ed332c.js';
 export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-7b69d46b.js';
@@ -30,7 +30,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrCombinedInputV3 } from './OrCombinedInput-889bfdc0.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBox-8c1a29dd.js';
 export { s as OrConfirm } from './OrConfirm-859ff5a2.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-c5fe5075.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-4e3066b3.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-5174d0f9.js';
 export { s as OrMenuV3 } from './OrMenu-192543a9.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-79d76269.js';
@@ -62,7 +62,7 @@ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-743e
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-f8bae05a.js';
 export { s as OrInlineTextareaV3 } from './OrInlineTextarea-c1517646.js';
 export { s as OrInput } from './OrInput-2c3111c2.js';
-export { I as InputType, s as OrInputV3 } from './OrInput-4fca1f21.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-898752b2.js';
 export { s as OrLabel } from './OrLabel-a7d99df4.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-6c83afe4.js';
 export { L as LinkColor, s as OrLinkV3 } from './OrLink-1e961689.js';
@@ -93,12 +93,12 @@ export { s as OrRangeSliderV3 } from './OrRangeSlider-cd72332c.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-ba7aff7c.js';
 export { s as OrRatingV3 } from './OrRating-ec9462c5.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-ae6a014f.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-06c85acf.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-7958b1dc.js';
 export { s as OrSearch } from './OrSearch-aa57d4e8.js';
-export { s as OrSearchV3 } from './OrSearch-e56db8af.js';
+export { s as OrSearchV3 } from './OrSearch-7b488e30.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-adbf7f4e.js';
 export { s as OrSelect } from './OrSelect-a366e668.js';
-export { s as OrSelectV3 } from './OrSelect-f5cb82e2.js';
+export { s as OrSelectV3 } from './OrSelect-262c64fc.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-17feeb57.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.20.1",
+  "version": "8.20.2-beta.4020.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -177,6 +177,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "681e46a4cae590bb3a29939339c4cc25e587508b"
+  }
 }

package/src/components/or-input-v3/OrInput.vue

@@ -36,6 +36,7 @@
         :readonly="readonly || loading"
         :disabled="disabled"
         :autocomplete="autocomplete"
+        :name="name"
         @input="$emit('input', $event)"
         @keydown="$emit('keydown', $event)"
         @keyup="$emit('keyup', $event)"
@@ -210,10 +211,15 @@ export default defineComponent({
     },
 
     autocomplete: {
-      type: String as PropType<'on' | 'off'>,
+      type: String,
       default: 'off',
     },
 
+    name: {
+      type: String,
+      default: undefined,
+    },
+
     disableDefaultStyles: {
       type: Boolean,
       default: false,

package/src/components/or-input-v3/styles.ts

@@ -16,4 +16,11 @@ export const InputControl: string[] = [
   // Theme (placeholder)
   '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]',
 ];