@yakad/ui 1.3.166 → 1.3.168

package/dist/Select/Select.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
     variant?: "outlined" | "filled";
     boxsize?: "small" | "normal";
@@ -6,4 +6,7 @@ export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElemen
     children?: React.ReactNode;
     ref?: React.Ref<HTMLSelectElement>;
 }
-export declare function Select({ variant, boxsize, placeholder, className, children, ...restProps }: SelectProps): import("react").JSX.Element;
+export declare function Select({ variant, boxsize, placeholder, className, children, ...restProps }: SelectProps): React.JSX.Element;
+export declare namespace Select {
+    var displayName: string;
+}

package/dist/Select/Select.js

@@ -10,12 +10,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames";
-import boxingStyles from "../boxing.module.css";
-import styles from "./Select.module.css";
-import inputStyles from "../InputField/InputField.module.css";
+import { cn } from "../InputField/cn";
 export function Select(_a) {
     var { variant = "outlined", boxsize = "normal", placeholder, className, children } = _a, restProps = __rest(_a, ["variant", "boxsize", "placeholder", "className", "children"]);
-    const joinedClassNames = classNames(styles.select, inputStyles.input, inputStyles[variant], inputStyles[boxsize], { [inputStyles.havePlaceHolder]: placeholder }, className);
-    return (_jsxs("div", { className: classNames({ [boxingStyles.fullWidthOnParentDemand]: true }, inputStyles.div), children: [_jsx("select", Object.assign({}, restProps, { className: joinedClassNames, children: children })), placeholder ? (_jsx("label", { className: inputStyles.label, children: placeholder })) : null] }));
+    return (_jsxs("div", { className: "relative w-full", children: [_jsx("select", Object.assign({}, restProps, { className: cn("peer w-full transition-colors", "border-input bg-background", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", {
+                    "h-8 px-2 text-sm": boxsize === "small",
+                    "h-10 px-3 text-base": boxsize === "normal",
+                    "rounded-md border bg-transparent": variant === "outlined",
+                    "rounded-b-none border-0 border-b-2 bg-muted": variant === "filled",
+                }, className), children: children })), placeholder && (_jsx("label", { className: cn("pointer-events-none absolute left-3 top-1/2", "-translate-y-1/2 text-muted-foreground", "transition-all", "peer-focus:top-0 peer-focus:-translate-y-1/2", "peer-focus:bg-background peer-focus:px-1", "peer-focus:text-xs peer-focus:text-primary"), children: placeholder }))] }));
 }
+Select.displayName = "Select";

package/dist/Theme/Theme.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "./globals.css";
 export type DarkStyle = "light" | "dark" | "system";
 export type ThemeColor = "green" | "red" | "yellow" | "blue" | "purple";
 export interface ThemeProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/Theme/Theme.js

@@ -13,7 +13,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import classNames from "classnames";
-import "./globals.css";
 import styles from "./Theme.module.css";
 import boxingStyles from "../boxing.module.css";
 export function Theme(_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.166",
+    "version": "1.3.168",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",