@shiflo/ui 0.1.6 → 0.1.7

package/dist/components/BottomSheet/BottomSheet.mjs

@@ -10,7 +10,7 @@ const O = n(I.div)`
   overflow-y: auto;
   margin: ${({ theme: { spacing: t } }) => t[400]};
   margin-bottom: ${({ theme: { spacing: t } }) => `calc(${t[400]} + var(--safe-area-inset-bottom, 0px))`};
-  border-radius: ${({ theme: { radius: t } }) => t[150]};
+  border-radius: ${({ theme: { radius: t } }) => t[350]};
   background-color: ${({
   theme: {
     palette: { common: t }

package/dist/components/Dialog/Dialog.mjs

@@ -10,7 +10,7 @@ const y = u(h.div)`
   overflow-y: auto;
   margin: ${({ theme: { spacing: e } }) => e[400]};
   margin-bottom: ${({ theme: { spacing: e } }) => `calc(${e[400]} + var(--safe-area-inset-bottom, 0px))`};
-  border-radius: ${({ theme: { radius: e } }) => e[150]};
+  border-radius: ${({ theme: { radius: e } }) => e[350]};
   background-color: ${({
   theme: {
     palette: { common: e }

package/dist/components/TextField/TextField.d.ts

@@ -1,3 +1,3 @@
 import { TextFieldProps } from './TextField.typing';
-declare function TextField({ variant, size, fullWidth, disabled, startIcon, endIcon, onFocus, onBlur, ...props }: TextFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function TextField({ variant, size, fullWidth, disabled, startIcon, endIcon, onFocus, onBlur, css, ...props }: TextFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default TextField;

package/dist/components/TextField/TextField.mjs

@@ -1,8 +1,8 @@
-import { jsxs as m, jsx as a } from "@emotion/react/jsx-runtime";
-import { useState as p } from "react";
+import { jsxs as p, jsx as a } from "@emotion/react/jsx-runtime";
+import { useState as b } from "react";
 import l from "@emotion/styled";
 import { motion as c } from "motion/react";
-const b = l(c.div)`
+const w = l(c.div)`
   display: flex;
   align-items: center;
   gap: ${({ theme: { spacing: e } }) => e[200]};
@@ -119,7 +119,7 @@ const b = l(c.div)`
   color: e[500],
   cursor: "not-allowed"
 } : {}};
-`, w = l(c.input)`
+`, S = l(c.input)`
   flex-grow: 1;
   border: none;
   outline: none;
@@ -136,18 +136,18 @@ const b = l(c.div)`
   &:disabled {
     cursor: not-allowed;
   }
-`, S = l.div`
+`, $ = l.div`
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
-`, $ = l.div`
+`, x = l.div`
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
 `;
-function H({
+function O({
   variant: e = "outlined",
   size: n = "medium",
   fullWidth: o,
@@ -156,29 +156,31 @@ function H({
   endIcon: i,
   onFocus: h,
   onBlur: u,
-  ...f
+  css: f,
+  ...g
 }) {
-  const [g, d] = p(!1);
-  return /* @__PURE__ */ m(
-    b,
+  const [m, d] = b(!1);
+  return /* @__PURE__ */ p(
+    w,
     {
       variant: e,
       size: n,
-      focused: g,
+      focused: m,
       fullWidth: o,
       disabled: t,
+      css: f,
       children: [
-        r && /* @__PURE__ */ a(S, { children: r }),
-        /* @__PURE__ */ a(w, { ...f, onFocus: (s) => {
+        r && /* @__PURE__ */ a($, { children: r }),
+        /* @__PURE__ */ a(S, { ...g, onFocus: (s) => {
           d(!0), h?.(s);
         }, onBlur: (s) => {
           d(!1), u?.(s);
         }, disabled: t }),
-        i && /* @__PURE__ */ a($, { children: i })
+        i && /* @__PURE__ */ a(x, { children: i })
       ]
     }
   );
 }
 export {
-  H as default
+  O as default
 };

package/dist/components/TextField/TextField.typing.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
+import { UtilityProps } from '../../typings/utility';
 import { HTMLMotionProps } from 'motion/react';
-export interface TextFieldProps extends Omit<HTMLMotionProps<"input">, "size"> {
+export interface TextFieldProps extends Omit<HTMLMotionProps<"input">, "size">, Pick<UtilityProps, "css"> {
     variant?: "contained" | "outlined";
     startIcon?: ReactNode;
     endIcon?: ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shiflo/ui",
   "description": "Shiflo React UI Components",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "files": [
     "dist"