${card}
@@ -119,6 +123,7 @@ export default {
...actionPadTokens,
...actionGroupTokens,
...cardTokens,
+ ...inputTokens,
},
};
@@ -135,6 +140,7 @@ export const theming_TestOnly = (): string => {
...actionPadTokens,
...actionGroupTokens,
...cardTokens,
+ ...inputTokens,
},
true,
);
diff --git a/packages/calcite-components/src/custom-theme/input-number.ts b/packages/calcite-components/src/custom-theme/input-number.ts
new file mode 100644
index 00000000000..4d781b0d075
--- /dev/null
+++ b/packages/calcite-components/src/custom-theme/input-number.ts
@@ -0,0 +1,7 @@
+import { html } from "../../support/formatting";
+
+export const inputNumber = html`
`;
diff --git a/packages/calcite-components/src/custom-theme/input-text.ts b/packages/calcite-components/src/custom-theme/input-text.ts
new file mode 100644
index 00000000000..46dc529a57e
--- /dev/null
+++ b/packages/calcite-components/src/custom-theme/input-text.ts
@@ -0,0 +1,7 @@
+import { html } from "../../support/formatting";
+
+export const inputText = html`
`;
diff --git a/packages/calcite-components/src/custom-theme/input.ts b/packages/calcite-components/src/custom-theme/input.ts
new file mode 100644
index 00000000000..d862b0260a9
--- /dev/null
+++ b/packages/calcite-components/src/custom-theme/input.ts
@@ -0,0 +1,12 @@
+import { html } from "../../support/formatting";
+
+export const inputTokens = {
+ calciteInputPrefixSize: "",
+ calciteInputSuffixSize: "",
+};
+
+export const input = html`
`;