Merge pull request #117 from alley-rs/main

0.2.6

package.json

@@ -1,6 +1,6 @@
 {
   "name": "alley-components",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "repository": "https://github.com/alley-rs/alley-components",
   "keywords": [
     "solid",

packages/components/input/index.scss

@@ -15,9 +15,9 @@ $base: "alley-input";
   --alley-input-warning-active-shadow: 0 0 0 2px rgba(255, 215, 5, 0.1);
   --alley-input-hover-bg: #ffffff;
   --alley-input-active-bg: #ffffff;
+  --alley-input-input-font-size-sm: 12px;
   --alley-input-input-font-size: 14px;
   --alley-input-input-font-size-lg: 16px;
-  --alley-input-input-font-size-sm: 14px;
 
   width: 100%;
   text-overflow: ellipsis;
@@ -61,24 +61,21 @@ $base: "alley-input";
   }
 
   &-small {
-    padding: var(--alley-input-padding-block-sm) var(--alley-input-padding-inline-sm);
+    padding: var(--alley-input-padding-block-sm)
+      var(--alley-input-padding-inline-sm);
     font-size: var(--alley-input-input-font-size-sm);
     border-radius: var(--alley-border-radius-sm);
-
-    &::placeholder {
-      font-size: 12px;
-    }
   }
 
   &-large {
-    padding: var(--alley-input-padding-block-lg) var(--alley-input-padding-inline-lg);
+    padding: var(--alley-input-padding-block-lg)
+      var(--alley-input-padding-inline-lg);
     font-size: var(--alley-input-input-font-size-lg);
     border-radius: var(--alley-border-radius-lg);
     line-height: var(--alley-line-height-lg);
   }
 
   &-space-compact-item {
-
     &:hover,
     &:focus,
     &:focus-within {

src/components/buttons.tsx

@@ -1,6 +1,6 @@
 import { For, createSignal } from "solid-js";
 import { Button, Divider, Flex, Space } from "../../packages";
-import { SizeType } from "~/interface";
+import type { SizeType } from "~/interface";
 import { AiOutlineDownload, AiOutlineSearch } from "solid-icons/ai";
 
 const Types = () => {

src/components/list.tsx

@@ -38,7 +38,7 @@ const List = () => {
           <LazyListItem
             avatar={<AiFillFilePdf />}
             title={item}
-            description={item + "的描述文字"}
+            description={`${item}的描述文字`}
             extra={<Button type="plain" shape="circle" icon={<AiFillHdd />} />}
           />
         )}

src/components/toast.tsx

@@ -1,6 +1,6 @@
 import { For, createSignal } from "solid-js";
-import { Alert, AlertProps, Button, Flex, Toast } from "~/index";
-import { Placement } from "~/interface";
+import { Alert, type AlertProps, Button, Flex, Toast } from "~/index";
+import type { Placement } from "~/interface";
 
 const randomBool = () => Boolean(Math.round(Math.random()));
 

src/index.tsx

@@ -4,6 +4,6 @@ import "./index.scss";
 
 import App from "./App";
 
-const root = document.getElementById("root");
+const root = document.getElementById("root") as HTMLElement;
 
-render(() => <App />, root!);
+render(() => <App />, root);