@stamcat/craftsman 0.0.27-alpha.2 → 0.0.27-alpha.4

package/src/components/Input.module.esm.js

@@ -1,11 +0,0 @@
-import './Input.module.css';//#region src/components/Input.module.scss
-var e = "_wrapper_h3ihm_1", t = "_inputLabel_h3ihm_8", n = "_input_h3ihm_8", r = "_inputField_h3ihm_58", i = "_inputAdornment_h3ihm_89", a = "_error_h3ihm_100", o = {
-	wrapper: e,
-	inputLabel: t,
-	input: n,
-	inputField: r,
-	inputAdornment: i,
-	error: a
-};
-//#endregion
-export { o as default, a as error, n as input, i as inputAdornment, r as inputField, t as inputLabel, e as wrapper };

package/src/components/Input.module.scss

@@ -1,141 +0,0 @@
-@use "../styles/global/components/input";
-
-.wrapper {
-  label {
-    .inputLabel {
-      margin-bottom: calc(var(--w-gutter, 16px) * 0.25);
-    }
-  }
-
-  &[data-required="true"] {
-    label {
-      .inputLabel {
-        &::after {
-          content: "*";
-          color: var(--red700);
-        }
-      }
-    }
-  }
-
-  &[data-label-position="left"] {
-    label {
-      display: inline-flex;
-      align-items: center;
-
-      .inputLabel {
-        width: fit-content;
-        margin-right: calc(var(--w-gutter, 16px) * 0.75);
-      }
-    }
-  }
-
-  &[data-label-position="bottom"] {
-    label {
-      display: inline-flex;
-      flex-direction: column-reverse;
-      align-items: flex-start;
-
-      .inputLabel {
-        margin-bottom: 0;
-        margin-top: calc(var(--w-gutter, 16px) * 0.25);
-      }
-    }
-  }
-
-  &[data-label-position="right"] {
-    label {
-      display: inline-flex;
-      flex-direction: row-reverse;
-      align-items: baseline;
-
-      .inputLabel {
-        margin-left: calc(var(--w-gutter, 16px) * 0.25);
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &[data-label-position="inside"] {
-    @extend %inside-input-label-base;
-
-    .inputLabel {
-      position: absolute;
-      background-color: var(--white);
-      z-index: 1;
-      width: fit-content;
-      padding: 0 5px;
-      top: calc(var(--w-gutter, 16px) * 0.25);
-      left: calc(var(--w-gutter, 16px) * 0.25);
-      pointer-events: none;
-      transition: top 150ms ease, left 150ms ease, font-size 150ms ease, color 150ms ease;
-    }
-
-    > label > .inputField > .input,
-    > .input {
-      transition: border-color 200ms ease;
-    }
-
-    &:focus-within {
-      .inputLabel {
-        @extend %inside-input-label-floating;
-        color: var(--blue500);
-      }
-
-      .input {
-        border-color: var(--blue500);
-      }
-
-      .input::placeholder {
-        opacity: 1;
-      }
-    }
-
-    &:has(.input:not(:placeholder-shown)),
-    &:has(.input:-webkit-autofill),
-    &[data-has-input="true"] {
-      .inputLabel {
-        @extend %inside-input-label-floating;
-      }
-    }
-
-    .input[type="tel"] {
-      width: 100%;
-    }
-
-    .input::placeholder {
-      opacity: 0;
-      transition: opacity 200ms ease;
-    }
-  }
-}
-
-.inputField {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-
-  &[data-has-end-adornment="true"] {
-    > .input {
-      width: 100%;
-      padding-right: calc(calc(var(--w-gutter, 16px) * 0.5) + 24px + calc(var(--w-gutter, 16px) * 0.5));
-    }
-  }
-}
-
-.inputAdornment {
-  position: absolute;
-  right: calc(var(--w-gutter, 16px) * 0.5);
-  top: 50%;
-  transform: translateY(-50%);
-  margin-top: 0;
-  z-index: 1;
-  display: inline-flex;
-  align-items: center;
-}
-
-.error {
-  margin-top: calc(var(--w-gutter, 16px) * 0.25);
-  font-size: calc(var(--w-text, 14px) * 0.75);
-  color: var(--red600);
-}

package/src/components/InputPassword.esm.js

@@ -1,33 +0,0 @@
-"use client";
-import { Button as e } from "./Button.esm.js";
-import { Input as t } from "./Input.esm.js";
-import { jsx as n } from "react/jsx-runtime";
-import { useState as r } from "react";
-import { ImEye as i, ImEyeBlocked as a } from "react-icons/im";
-//#region src/components/InputPassword.tsx
-var o = {
-	padding: 0,
-	display: "inline-flex",
-	alignItems: "center",
-	lineHeight: 1
-}, s = ({ visible: t, onToggle: r }) => /* @__PURE__ */ n(e, {
-	type: "button",
-	variant: "text",
-	onClick: r,
-	"aria-label": t ? "Hide password" : "Show password",
-	"aria-pressed": t,
-	styles: o,
-	children: n(t ? i : a, { size: 16 })
-}), c = ({ type: e = "password", ...i }) => {
-	let [a, o] = r(!1), c = a ? "text" : e;
-	return /* @__PURE__ */ n(t, {
-		...i,
-		type: c,
-		endAdornment: /* @__PURE__ */ n(s, {
-			visible: a,
-			onToggle: () => o((e) => !e)
-		})
-	});
-};
-//#endregion
-export { c as InputPassword };

package/src/styles/global/components/_mixins.scss

@@ -1,2 +0,0 @@
-
-

package/src/styles/global/components/button.d.ts

@@ -1,7 +0,0 @@
-import { default as z } from 'zod';
-export declare const ButtonType: z.ZodEnum<{
-    primary: "primary";
-    default: "default";
-    text: "text";
-}>;
-export type ButtonType = z.infer<typeof ButtonType>;