@onereach/ui-components-vue2 26.6.4 → 26.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/esm/components/or-input-v3/index.js +12 -7
  2. package/package.json +4 -4
package/dist/esm/components/or-input-v3/index.js CHANGED
@@ -34,16 +34,21 @@ const InputControl = [
34
34
  'flex-auto',
35
35
  // Typography
36
36
  'typography-inherit',
37
+ // Ensure text color inherits from container theme (preflight uses `color: revert`, so keep it important)
38
+ '!text-inherit',
37
39
  // Theme (placeholder)
38
40
  'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark',
39
- // Autofill hack,
40
- // override Chrome autofill transition so theme switching doesn't "stick" to previous text color
41
- // (Chrome's autofill styles may include long transitions; avoid transitioning `color`)
41
+ // Autofill hack.
42
+ // Chrome/WebKit may apply very long autofill transitions; keep it only for background,
43
+ // so theme text color switches instantly.
42
44
  'autofill:[transition-property:background-color] autofill:duration-[5000s]',
43
- // force correct text/caret color in Chrome autofill
44
- 'autofill:[-webkit-text-fill-color:currentColor!important]', 'autofill:[caret-color:currentColor!important]',
45
- // override background color using box-shadow
46
- '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]'];
45
+ // Safari UA styles may force `color: black` in autofill state.
46
+ // Don’t rely on `currentColor` here: set text/caret color directly via theme CSS vars.
47
+ 'autofill:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]', 'dark:autofill:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]', 'autofill:[caret-color:var(--or-c-on-background-light)!important]', 'dark:autofill:[caret-color:var(--or-c-on-background-dark)!important]',
48
+ // Override Safari/Chrome autofill background (yellow) via box-shadow using theme CSS vars.
49
+ 'autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]', 'autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]', 'dark:autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]', 'dark:autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',
50
+ // Safari password/credential autofill variants (when they don’t also match `:-webkit-autofill`)
51
+ '[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]', 'dark:[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]', '[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-light)!important]', 'dark:[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-dark)!important]', '[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]', '[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]', 'dark:[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]', 'dark:[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]', '[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]', 'dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]', '[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-light)!important]', 'dark:[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-dark)!important]', '[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]', '[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]', 'dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]', 'dark:[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]'];
47
52
 
48
53
  var InputType;
49
54
  (function (InputType) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components-vue2",
3
- "version": "26.6.4",
3
+ "version": "26.6.5",
4
4
  "description": "Vue components library for v2",
5
5
  "license": "Apache-2.0",
6
6
  "sideEffects": false,
@@ -40,8 +40,8 @@
40
40
  "@codemirror/view": "^6",
41
41
  "@floating-ui/dom": "1.5.3",
42
42
  "@lezer/highlight": "*",
43
- "@onereach/styles": "^26.6.4",
44
- "@onereach/ui-components-common": "^26.6.4",
43
+ "@onereach/styles": "^26.6.5",
44
+ "@onereach/ui-components-common": "^26.6.5",
45
45
  "@splidejs/splide": "4.0.6",
46
46
  "@tiptap/core": "2.27.1",
47
47
  "@tiptap/extension-blockquote": "2.27.1",
@@ -103,5 +103,5 @@
103
103
  "access": "public"
104
104
  },
105
105
  "npmUnpacked": "4.15.2",
106
- "gitHead": "30b1cffc94066167340d1f6959b0e7b8b760c3c8"
106
+ "gitHead": "50beec0ea15a3cf5df244bcc32c88f42f865f6c8"
107
107
  }