@zonos/amino 6.0.0-alpha.5 → 6.0.0-alpha.7

package/components/flex/Flex.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),i=require("../../tslib.es6-cdc5f922.js"),l=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Flex=function(t){var n=t.alignItems,a=void 0===n?"stretch":n,s=t.children,d=t.childrenFlex,c=void 0===d?"initial":d,o=t.className,f=t.flexDirection,u=void 0===f?"row":f,x=t.flexWrap,p=void 0===x?"nowrap":x,g=t.fullHeight,h=void 0!==g&&g,v=t.fullWidth,j=void 0!==v&&v,m=t.gap,_=void 0===m?8:m,q=t.justifyContent,w=void 0===q?"flex-start":q,y=t.padding,W=void 0===y?0:y,b=t.style,C=i.__rest(t,["alignItems","children","childrenFlex","className","flexDirection","flexWrap","fullHeight","fullWidth","gap","justifyContent","padding","style"]);return r.jsx("div",e._objectSpread2(e._objectSpread2({},C),{},{className:l.cn("flex [&>*]:flex-[var(--amino-flex-wrapper-flex-children)]",j&&"w-full",h&&"h-full",o),style:i.__assign(i.__assign({},b),{"--amino-flex-wrapper-flex-children":c,alignItems:a,flexDirection:u,flexWrap:p,gap:"".concat(_,"px"),justifyContent:w,padding:"".concat(W,"px")}),children:s}))};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),i=require("../../tslib.es6-cdc5f922.js"),l=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Flex=function(t){var n=t.alignItems,a=void 0===n?"stretch":n,s=t.children,d=t.childrenFlex,c=void 0===d?"initial":d,o=t.className,f=t.flexDirection,u=void 0===f?"row":f,x=t.flexWrap,p=void 0===x?"nowrap":x,g=t.fullHeight,h=void 0!==g&&g,v=t.fullWidth,_=void 0!==v&&v,j=t.gap,m=void 0===j?8:j,q=t.justifyContent,w=void 0===q?"flex-start":q,y=t.padding,W=void 0===y?0:y,b=t.style,C=i.__rest(t,["alignItems","children","childrenFlex","className","flexDirection","flexWrap","fullHeight","fullWidth","gap","justifyContent","padding","style"]);return r.jsx("div",e._objectSpread2(e._objectSpread2({},C),{},{className:l.cn("flex","initial"!==c&&"*:flex-(--amino-flex-wrapper-flex-children)",_&&"w-full",h&&"h-full",o),style:i.__assign(i.__assign(i.__assign({},b),"initial"!==c&&{"--amino-flex-wrapper-flex-children":c}),{alignItems:a,flexDirection:u,flexWrap:p,gap:"".concat(m,"px"),justifyContent:w,padding:"".concat(W,"px")}),children:s}))};

package/components/input/input-simple/input-type/_DateInput.d.ts

@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_InputBase.d.ts

@@ -121,5 +121,5 @@ export declare const InputBase: import("react").ForwardRefExoticComponent<BasePr
     value: string | null;
     /** An additional value that appears next to the input but cannot be changed by the input */
     valuePrefix?: ReactNode;
-} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/components/input/input-simple/input-type/_NumberInput.d.ts

@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_PasswordInput.d.ts

@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_TimeInput.d.ts

@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_DateInput.d.ts

@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_FloatLabelInput.d.ts

@@ -123,5 +123,5 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
     value: string | null;
     /** An additional value that appears next to the input but cannot be changed by the input */
     valuePrefix?: ReactNode;
-} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/components/input/input-type/_NumberInput.d.ts

@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_PasswordInput.d.ts

@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_TimeInput.d.ts

@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "error" | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "readOnly" | "required" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "6.0.0-alpha.5",
+  "version": "6.0.0-alpha.7",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",

package/reset.css

@@ -469,51 +469,12 @@ html {
 }
 
 /**
- * Allow adding a border to an element by just adding a border-width.
- *
- * By default, the way the browser specifies that an element should have no
- * border is by setting it's border-style to `none` in the user-agent
- * stylesheet.
- *
- * In order to easily add borders to elements by just setting the `border-width`
- * property, we change the default border-style for all elements to `solid`, and
- * use border-width to hide them instead. This way our `border` utilities only
- * need to set the `border-width` property instead of the entire `border`
- * shorthand, making our border utilities much more straightforward to compose.
- *
- * https://github.com/tailwindcss/tailwindcss/pull/116
- */
-
-*,
-*::before,
-*::after {
-    border-width: 0;
-    border-style: solid;
-    border-color: #e2e8f0;
-}
-
-/*
- * Ensure horizontal rules are visible by default
+ * The border reset (*, *::before, *::after { border-width: 0; border-style: solid; })
+ * is handled by Tailwind v4's @layer base (via `@import 'tailwindcss'`).
+ * Defining it here as unlayered CSS would override all @layer utilities,
+ * breaking border utility classes like `border-r`, `border-t`, etc.
  */
 
-hr {
-    border-top-width: 1px;
-}
-
-/**
- * Undo the `border-style: none` reset that Normalize applies to images so that
- * our `border-{width}` utilities have the expected effect.
- *
- * The Normalize reset is unnecessary for us since we default the border-width
- * to 0 on all elements.
- *
- * https://github.com/tailwindcss/tailwindcss/issues/362
- */
-
-img {
-    border-style: solid;
-}
-
 textarea {
     resize: vertical;
 }