fix(TextInput): placeholder color (#1120)

Author: tenphi

.changeset/fix-placeholder-color.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Fix placeholder color in input recipes to use `#placeholder` token consistently

src/components/Root.tsx

@@ -80,8 +80,8 @@ configure({
       },
     },
     'input-placeholder': {
-      '-webkit-text-fill-color': 'var(--placeholder-color, initial)',
-      color: 'var(--placeholder-color, initial)',
+      '-webkit-text-fill-color': '#placeholder',
+      color: '#placeholder',
     },
     'input-search-cancel-button': {
       hide: true,

src/components/fields/TextInput/TextInput.stories.tsx

@@ -160,7 +160,11 @@ export default {
 };
 
 const Template: StoryFn<CubeTextInputProps> = (props) => (
-  <TextInput {...props} onChange={(query) => console.log('change', query)} />
+  <TextInput
+    placeholder="Placeholder"
+    {...props}
+    onChange={(query) => console.log('change', query)}
+  />
 );
 
 export const Default = Template.bind({});