chore: revamp styles and fix errors in kendo-unstyled-tailwind

silviyaboteva · silviyaboteva · commit 6cb91ae13419 · 2024-11-29T13:11:51.000+02:00
diff --git a/examples/kendo-unstyled-tailwind/src/components/Form/Form.tsx b/examples/kendo-unstyled-tailwind/src/components/Form/Form.tsx
@@ -16,6 +16,7 @@ import {
   InputClearValue,
   RadioGroup,
   TextBox,
+  type TextBoxChangeEvent,
 } from '@progress/kendo-react-inputs';
 import { Label } from '@progress/kendo-react-labels';
 import { xIcon } from '@progress/kendo-svg-icons';
@@ -28,8 +29,8 @@ const radioData = [
 
 const FormTextBox = (fieldRenderProps: FieldRenderProps) => {
   const { name, label, placeholder } = fieldRenderProps;
-  const [value, setValue] = React.useState('');
-  const handleChange = (e) => {
+  const [value, setValue] = React.useState<string | number | readonly string[] | undefined>('');
+  const handleChange = (e: TextBoxChangeEvent) => {
     setValue(e.value);
   };
   const clearClick = () => {
diff --git a/examples/kendo-unstyled-tailwind/src/components/Form/tailwind-preset.ts b/examples/kendo-unstyled-tailwind/src/components/Form/tailwind-preset.ts
@@ -425,8 +425,8 @@ const tailwindForm: AllClassStructure = {
       rangeSplitEnd: `relative after:content-[""] after:block after:absolute after:top-[0] after:bottom-[0] after:w-[5px]`,
       rangeSplitStart: `relative after:content-[""] after:block after:absolute after:top-[0] after:bottom-[0] after:w-[5px]`,
       active: ``,
-      focused: `!border-solid-border !border-[1] !text-focused-text bg-focused rounded`,
-      selected: `border-solid-border bg-primary rounded`,
+      focused: `!border-solid-border !border-[1] text-focused-text bg-focused rounded`,
+      selected: `border-solid-border bg-primary !text-primary-text rounded`,
       today: `[&>span]:text-primary`,
       weekend: ``,
       disabled: `outline-[none] cursor-default opacity-60 grayscale-[10%] pointer-events-none [box-shadow:none]`,
diff --git a/examples/kendo-unstyled-tailwind/src/env.d.ts b/examples/kendo-unstyled-tailwind/src/env.d.ts
@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
diff --git a/examples/kendo-unstyled-tailwind/src/layouts/Layout.astro b/examples/kendo-unstyled-tailwind/src/layouts/Layout.astro
@@ -4,10 +4,8 @@ interface Props {
 }
 
 const { title } = Astro.props;
-import colors from "tailwindcss/colors"
 // TODO delete the kendo theme import
 import "@progress/kendo-theme-default/dist/all.css";
-import tailwindConfig from "../../tailwind.config.mjs";
 ---
 
 <!doctype html>
diff --git a/examples/kendo-unstyled-tailwind/src/pages/index.astro b/examples/kendo-unstyled-tailwind/src/pages/index.astro
@@ -1,11 +1,10 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import Template from '../components/Form/Form.tsx';
-import Home from '../components/Home';
 ---
 
 <Layout title="Welcome to Astro.">
     <main>
-      <Home client:load />
+      <Template client:load />
     </main>
 </Layout>

Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
	`1`	`+/// <reference path="../.astro/types.d.ts" />`
`1`	`2`	`/// <reference types="astro/client" />`
Original file line number	Diff line number	Diff line change
`@@ -4,10 +4,8 @@ interface Props {`
`4`	`4`	`}`
`5`	`5`
`6`	`6`	`const { title } = Astro.props;`
`7`		`-import colors from "tailwindcss/colors"`
`8`	`7`	`// TODO delete the kendo theme import`
`9`	`8`	`import "@progress/kendo-theme-default/dist/all.css";`
`10`		`-import tailwindConfig from "../../tailwind.config.mjs";`
`11`	`9`	`---`
`12`	`10`
`13`	`11`	`<!doctype html>`