feat(input): support native input elements directly

lubber-de · Dec 27, 2024 · 46940f6 · 46940f6
1 parent 1ecfaf3
commit 46940f6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less
@@ -807,5 +807,14 @@
     });
 }
 
+& when (@variationInputNative) {
+    input.ui.input:extend(.ui.input > input) {}
+    input.ui.input:not([type="color"]):extend(.ui.input > input:not([type="color"])) {}
+    input.ui.input:active:extend(.ui.input > input:active) {}
+    input.ui.input:focus:extend(.ui.input > input:focus) {}
+    input.ui.input::placeholder:extend(.ui.input > input::placeholder) {}
+    input.ui.input:focus::placeholder:extend(.ui.input > input:focus::placeholder) {}
+}
+
 // stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";
diff --git a/src/themes/default/globals/variation.variables b/src/themes/default/globals/variation.variables
@@ -138,6 +138,7 @@
 @variationInputAction: true;
 @variationInputFluid: true;
 @variationInputFile: true;
+@variationInputNative: true;
 @variationInputColors: @variationAllColors;
 @variationInputSizes: @variationAllSizes;