feat(fix,-test): fixed some config, added a text for testing config

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sidan-lab/sidan-ui",
   "description": "UI library from SIDAN Lab",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
   "module": "dist/mjs/index.js",

src/atoms/input.ts

@@ -1,6 +1,6 @@
 import { styled } from '../styles';
 
-export const InputField = styled('input', {
+export const Input = styled('input', {
     boxShadow: 'none',
     borderStyle: 'none',
     border: '1px solid',

src/atoms/text.ts

@@ -3,7 +3,6 @@ import { styled } from '../styles';
 export const Text = styled('div', {
     my: 'auto',
     textAlign: 'center',
-    fontFamily: '$primary',
     whiteSpace: 'nowrap',
 
     variants: {

src/atoms/textConfig.ts

@@ -0,0 +1,46 @@
+import { styled } from '../styles';
+
+export const TextConfig = styled('div', {
+    my: 'auto',
+    textAlign: 'center',
+    whiteSpace: 'nowrap',
+    color: '$primary',
+
+    variants: {
+        responsive: {
+            welcome: {
+                text: ['24px', '24px', '40px', '64px'],
+                fontWeight: 700,
+            },
+            title: {
+                text: ['16px', '20px', '24px'],
+                fontWeight: 700,
+            },
+            description: {
+                text: ['12px', '12px', '14px', '18px'],
+            },
+        },
+        style: {
+            warning: {
+                text: ['14px'],
+                fontWeight: 400,
+                color: '#FF9800',
+            },
+            info: {
+                text: ['14px'],
+                fontWeight: 400,
+                color: '#2196F3',
+            },
+            danger: {
+                text: ['14px'],
+                fontWeight: 400,
+                color: '#F44336',
+            },
+            success: {
+                text: ['14px'],
+                fontWeight: 400,
+                color: '#04AA6D',
+            },
+        },
+    },
+});