@caseparts-org/caseblocks 0.0.10 → 0.0.11

package/dist/assets/Input.css

@@ -0,0 +1 @@
+._input-container_1fwgs_1{display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box}._input-container_1fwgs_1>label{font-family:var(--font-family-label);font-size:var(--font-size-xs)}._input_1fwgs_1{height:32px;border-radius:var(--radius-radius-minimal, 2px);border:1px solid var(--border-border-primary, #dfdfdf);background:var(--surface-surface-secondary, #f6f6f6);padding:0px var(--spacing-spacing-1xs, 12px);outline:none;font-size:var(--font-size-sm);width:100%}._input_1fwgs_1:focus{border:1px solid var(--border-border-primary-btn, #1380b1);box-shadow:0 0 2px 1px var(--border-border-primary-btn)}

package/dist/atoms/Input/Input.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { HideAtProps } from '../HideAt';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, HideAtProps {
+    label: string | null;
+}
+export declare function Input({ label, hideAt, className, ...otherProps }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Input/Input.js

@@ -0,0 +1,24 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { c as m } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as r } from "../HideAt.js";
+import '../../assets/Input.css';const u = "_input_1fwgs_1", e = {
+  "input-container": "_input-container_1fwgs_1",
+  input: u
+};
+function f({ label: n, hideAt: s, className: c, ...t }) {
+  return /* @__PURE__ */ p("div", { className: e["input-container"], children: [
+    n && /* @__PURE__ */ i("label", { htmlFor: t.name, children: n }),
+    /* @__PURE__ */ i(
+      "input",
+      {
+        id: t.name,
+        type: "text",
+        className: m(e.input, r(s), c),
+        ...t
+      }
+    )
+  ] });
+}
+export {
+  f as Input
+};

package/dist/atoms/Input/Input.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { Input } from './Input';
+declare const meta: {
+    title: string;
+    component: typeof Input;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHideAt: Story;

package/dist/atoms/Input/Input.stories.js

@@ -0,0 +1,27 @@
+import { Input as e } from "./Input.js";
+const a = {
+  title: "Case Parts/Atoms/Input",
+  component: e,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"]
+}, l = {
+  args: {
+    label: "Label",
+    placeholder: "Type here..."
+  }
+}, o = {
+  args: {
+    label: "Label",
+    placeholder: "Hidden at md",
+    hideAt: "md"
+  }
+};
+export {
+  l as Default,
+  o as WithHideAt,
+  a as default
+};

package/dist/main.d.ts

@@ -13,6 +13,8 @@ export { Separator } from './atoms/Separator/Separator';
 export type { SeparatorProps } from './atoms/Separator/Separator';
 export { Text } from './atoms/Text/Text';
 export type { TextProps } from './atoms/Text/Text';
+export { Input } from './atoms/Input/Input';
+export type { InputProps } from './atoms/Input/Input';
 export { Account } from './molecules/Account/Account';
 export type { AccountProps } from './molecules/Account/Account';
 export { Avatar } from './molecules/Avatar/Avatar';

package/dist/main.js

@@ -1,37 +1,39 @@
 import { Button as e } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as m, Grid as f } from "./atoms/Grid/Grid.js";
-import { Head as i } from "./atoms/Root/Head.js";
+import { Head as n } from "./atoms/Root/Head.js";
 import { Icon as c } from "./atoms/Icon/Icon.js";
-import { Link as g } from "./atoms/Link/Link.js";
-import { Root as u } from "./atoms/Root/Root.js";
+import { Link as u } from "./atoms/Link/Link.js";
+import { Root as h } from "./atoms/Root/Root.js";
 import { Separator as S } from "./atoms/Separator/Separator.js";
 import { Text as v } from "./atoms/Text/Text.js";
-import { Account as B } from "./molecules/Account/Account.js";
-import { Avatar as T } from "./molecules/Avatar/Avatar.js";
-import { Chip as w } from "./molecules/Chip/Chip.js";
-import { Logo as G } from "./molecules/Logo/Logo.js";
-import { SearchBox as I } from "./molecules/SearchBox/SearchBox.js";
-import { ToggleView as N } from "./molecules/ToggleView/ToggleView.js";
-import { MainNav as V } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as j } from "./organisms/ChipSelector/ChipSelector.js";
+import { Input as B } from "./atoms/Input/Input.js";
+import { Account as L } from "./molecules/Account/Account.js";
+import { Avatar as k } from "./molecules/Avatar/Avatar.js";
+import { Chip as F } from "./molecules/Chip/Chip.js";
+import { Logo as H } from "./molecules/Logo/Logo.js";
+import { SearchBox as N } from "./molecules/SearchBox/SearchBox.js";
+import { ToggleView as V } from "./molecules/ToggleView/ToggleView.js";
+import { MainNav as j } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as s } from "./organisms/ChipSelector/ChipSelector.js";
 export {
-  B as Account,
-  T as Avatar,
+  L as Account,
+  k as Avatar,
   e as Button,
-  w as Chip,
-  j as ChipSelector,
+  F as Chip,
+  s as ChipSelector,
   m as Column,
   p as Flex,
   f as Grid,
-  i as Head,
+  n as Head,
   c as Icon,
-  g as Link,
-  G as Logo,
-  V as MainNav,
-  u as Root,
-  I as SearchBox,
+  B as Input,
+  u as Link,
+  H as Logo,
+  j as MainNav,
+  h as Root,
+  N as SearchBox,
   S as Separator,
   v as Text,
-  N as ToggleView
+  V as ToggleView
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.10",
+  "version": "0.0.11",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",