@zonos/amino 6.0.0-alpha.21 → 6.0.0-alpha.22

package/components/input/input-simple/InputSimple.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../../tslib.es6-cdc5f922.js"),t=require("../../help-text/HelpText.js"),i=require("./input-type/_DateInput.js"),n=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),a=require("./input-type/_TimeInput.js"),s=require("../../../styles/constants/theme.js"),o=require("../../../utils/cn.js"),l=require("./input-type/_InputBase.js"),d=require("react/jsx-runtime");require("../../text/Text.js"),require("clsx"),require("tailwind-merge"),require("react"),require("@floating-ui/react"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../button/Button.js"),require("class-variance-authority"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../../icons/ClockIcon.js");exports.InputSimple=function(p){var c=p.autoFocus,x=p.className,f=p.disabled,q=p.error,b=p.helpText,j=p.inputMode,y=p.inputRef,h=p.label,m=p.noBorder,I=void 0!==m&&m,v=p.onChange,w=p.onKeyDown,_=p.pattern,g=p.placeholder,B=p.prefix,C=p.readOnly,D=p.required,P=p.size,T=void 0===P?"md":P,O=p.style,z=p.suffix,F=p.tabIndex,K=p.type,M=p.value,S=p.valuePrefix,N=p.width,R=r.__rest(p,["autoFocus","className","disabled","error","helpText","inputMode","inputRef","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","style","suffix","tabIndex","type","value","valuePrefix","width"]);return d.jsxs("div",{className:o.cn("amino-input-wrapper relative",f&&["disabled","opacity-disabled"],x),style:r.__assign({"--amino-input-border-radius":function(){switch(T){case"sm":return"".concat(s.theme.radius6);case"lg":return"".concat(s.theme.radius10);case"xl":return"".concat(s.theme.radius12);default:return"".concat(s.theme.radius8)}}(),"--amino-input-width":N?"".concat(N,"px"):"100%"},O),children:[function(){switch(K){case"password":return d.jsx(u.PasswordInput,e._objectSpread2({ref:y,autoFocus:c,disabled:f,error:q,inputMode:j,label:h,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,value:M||"",valuePrefix:S},R));case"date":case"datetime-local":return d.jsx(i.DateInput,e._objectSpread2({ref:y,autoFocus:c,disabled:f,error:q,inputMode:j,label:h,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,type:K,value:M||"",valuePrefix:S},R));case"number":return d.jsx(n.NumberInput,e._objectSpread2({ref:y,autoFocus:c,disabled:f,error:q,inputMode:j,label:h,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,value:M||"",valuePrefix:S},R));case"time":return d.jsx(a.TimeInput,e._objectSpread2({ref:y,autoFocus:c,disabled:f,error:q,inputMode:j,label:h,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,value:M||"",valuePrefix:S},R));default:return d.jsx(l.InputBase,e._objectSpread2({ref:y,autoFocus:c,className:x,disabled:f,error:q,inputMode:j,label:h,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,type:K,value:M||"",valuePrefix:S},R))}}(),d.jsx(t.HelpText,{error:q,helpText:b})]})};
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../../tslib.es6-cdc5f922.js"),t=require("../../help-text/HelpText.js"),i=require("./input-type/_DateInput.js"),n=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),a=require("./input-type/_TimeInput.js"),s=require("../../../styles/constants/theme.js"),o=require("../../../utils/cn.js"),l=require("./input-type/_InputBase.js"),d=require("react/jsx-runtime");require("../../text/Text.js"),require("clsx"),require("tailwind-merge"),require("react"),require("@floating-ui/react"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../button/Button.js"),require("class-variance-authority"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../../icons/ClockIcon.js");exports.InputSimple=function(p){var c=p.autoFocus,x=p.className,f=p.disabled,q=p.error,b=p.helpText,j=p.inputMode,h=p.inputRef,y=p.label,m=p.noBorder,I=void 0!==m&&m,v=p.onChange,w=p.onKeyDown,_=p.pattern,g=p.placeholder,B=p.prefix,C=p.readOnly,D=p.required,P=p.size,T=void 0===P?"md":P,O=p.style,z=p.suffix,F=p.tabIndex,K=p.type,M=p.value,S=p.valuePrefix,N=p.width,R=r.__rest(p,["autoFocus","className","disabled","error","helpText","inputMode","inputRef","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","style","suffix","tabIndex","type","value","valuePrefix","width"]);return d.jsxs("div",{className:o.cn("amino-input-wrapper relative w-(--amino-input-width)",f&&["disabled","opacity-disabled"],x),style:r.__assign({"--amino-input-border-radius":function(){switch(T){case"sm":return"".concat(s.theme.radius6);case"lg":return"".concat(s.theme.radius10);case"xl":return"".concat(s.theme.radius12);default:return"".concat(s.theme.radius8)}}(),"--amino-input-width":N?"".concat(N,"px"):"100%"},O),children:[function(){switch(K){case"password":return d.jsx(u.PasswordInput,e._objectSpread2({ref:h,autoFocus:c,disabled:f,error:q,inputMode:j,label:y,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,value:M||"",valuePrefix:S},R));case"date":case"datetime-local":return d.jsx(i.DateInput,e._objectSpread2({ref:h,autoFocus:c,disabled:f,error:q,inputMode:j,label:y,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,type:K,value:M||"",valuePrefix:S},R));case"number":return d.jsx(n.NumberInput,e._objectSpread2({ref:h,autoFocus:c,disabled:f,error:q,inputMode:j,label:y,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,value:M||"",valuePrefix:S},R));case"time":return d.jsx(a.TimeInput,e._objectSpread2({ref:h,autoFocus:c,disabled:f,error:q,inputMode:j,label:y,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,value:M||"",valuePrefix:S},R));default:return d.jsx(l.InputBase,e._objectSpread2({ref:h,autoFocus:c,className:x,disabled:f,error:q,inputMode:j,label:y,noBorder:I,onChange:v,onKeyDown:w,pattern:_,placeholder:g,prefix:B,readOnly:C,required:D,size:T,suffix:z,tabIndex:F,type:K,value:M||"",valuePrefix:S},R))}}(),d.jsx(t.HelpText,{error:q,helpText:b})]})};

package/components/layout/NavigationGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../collapse/Collapse.js"),r=require("../../utils/cn.js"),a=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("clsx"),require("tailwind-merge");exports.NavigationGroup=function(i){var t=i.children,s=i.className,n=i.collapsed,l=void 0!==n&&n,o=i.content,c=i.style;return a.jsxs("div",{className:r.cn("flex flex-col",s),style:c,children:[a.jsx("div",{className:r.cn(!l&&"[&_.navigation-item]:text-text-color\n          [&_.navigation-item_svg]:text-gray-1000\n          [&_.navigation-item]:hover:bg-transparent\n          dark:[&_.navigation-item_svg]:text-gray-100"),children:a.jsx("div",{className:"navigation-item",children:o})}),a.jsx(e.Collapse,{className:"pl-amino-12 border-border-color ml-[15px] border-l",collapsed:l,children:t})]})},exports.NavigationItem=function(e){var i=e.className,t=e.content,s=e.icon,n=e.isActive,l=void 0!==n&&n,o=e.style;return a.jsxs("div",{className:r.cn("gap-amino-8 px-amino-8 py-amino-4 text-amino-base rounded-amino-6\n      mb-[2px] flex h-[28px] items-center font-medium text-gray-800","hover:bg-hover hover:text-gray-1000","[&_svg]:h-amino-24 [&_svg]:w-amino-24 [&_svg]:ml-amino-n4\n      [&_svg]:text-gray-600","hover:[&_svg]:text-gray-800",l&&"text-gray-1000 [&_svg]:text-gray-1000 bg-gray-100",i),style:o,children:[s&&a.jsx("div",{className:"shrink-0 grow-0",children:s}),t]})};
+"use strict";var e=require("../collapse/Collapse.js"),r=require("../../utils/cn.js"),a=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("clsx"),require("tailwind-merge");exports.NavigationGroup=function(i){var s=i.children,t=i.className,n=i.collapsed,l=void 0!==n&&n,o=i.content,c=i.style;return a.jsxs("div",{className:r.cn("flex flex-col",t),style:c,children:[a.jsx("div",{className:r.cn(!l&&"[&_.navigation-item_*]:text-gray-1000\n          [&_.navigation-item_svg]:text-gray-1000\n          [&_.navigation-item]:hover:bg-transparent"),children:a.jsx("div",{className:"navigation-item",children:o})}),a.jsx(e.Collapse,{className:"pl-amino-12 border-border-color ml-[15px] border-l",collapsed:l,children:s})]})},exports.NavigationItem=function(e){var i=e.className,s=e.content,t=e.icon,n=e.isActive,l=void 0!==n&&n,o=e.style;return a.jsxs("div",{className:r.cn("gap-amino-8 px-amino-8 py-amino-4 text-amino-base rounded-amino-6\n      mb-[2px] flex h-[28px] items-center font-medium text-gray-800","hover:bg-hover hover:text-gray-1000","[&_svg]:h-amino-24 [&_svg]:w-amino-24 [&_svg]:ml-amino-n4\n      [&_svg]:text-gray-600","hover:[&_svg]:text-gray-800",l&&"text-gray-1000 [&_svg]:text-gray-1000 bg-gray-100",i),style:o,children:[t&&a.jsx("div",{className:"shrink-0 grow-0",children:t}),s]})};

package/components/textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),t=require("react"),a=require("../flex/Flex.js"),l=require("../help-text/HelpText.js"),n=require("../../utils/cn.js"),o=require("../../utils/hooks/useHeightAdjustTextarea.js"),s=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("../text/Text.js"),require("../../styles/constants/theme.js");var i=t.forwardRef(function(i,u){var d=i.actions,c=i.className,x=i.disabled,p=i.disableExpand,f=i.error,m=i.helpText,h=i.label,b=i.maxRows,w=i.rows,j=i.style,g=i.value,v=i.width,y=r.__rest(i,["actions","className","disabled","disableExpand","error","helpText","label","maxRows","rows","style","value","width"]),q=t.useId(),_=!!g,T=t.useRef(null),N=t.useRef(null);return o.useHeightAdjustTextarea({maxRows:b,ref:T,shouldExpand:!p,textareaValue:(null==g?void 0:g.toString())||""}),s.jsxs(a.Flex,{className:"w-[var(--amino-textarea-width)]",flexDirection:"column",gap:4,justifyContent:"space-between",style:r.__assign(r.__assign({},j),{"--amino-textarea-width":v||"100%"}),children:[s.jsxs("div",{className:n.cn("amino-input-wrapper border-amino relative w-full overflow-hidden\n            rounded-[12px] border p-0",x&&["*:cursor-not-allowed","[&_.fields]:opacity-disabled","[&_.styledTextarea]:select-none"],c),children:[s.jsxs("button",{className:n.cn("relative flex w-full flex-col hover:border-gray-300"),onClick:function(){var e;return null===(e=null==T?void 0:T.current)||void 0===e?void 0:e.focus()},type:"button",children:[s.jsx("textarea",e._objectSpread2({ref:function(e){u&&"function"==typeof u?u(e):u&&(u.current=e),T.current=e},className:n.cn("text-amino-base bg-amino-input box-border min-h-[50px] w-full\n                flex-grow resize-none border-0 px-4 py-2 font-medium\n                outline-none","placeholder:font-normal placeholder:text-gray-400\n                placeholder:opacity-60 placeholder:transition-all\n                placeholder:duration-300 placeholder:ease-in-out","focus:outline-none",h&&["mt-6 pt-0","placeholder:opacity-0",_&&"placeholder:opacity-60","focus:placeholder:opacity-60"],!!d&&!w&&"min-h-[5em]"),disabled:x,id:q,rows:w,style:r.__assign({},f&&{"--amino-textarea-shadow":"var(--amino-glow-error)"}),value:g},y)),h&&s.jsx("label",{className:n.cn("text-amino-base origin-left-top absolute top-5.5 left-4\n                  leading-none transition-all duration-300 ease-in-out",(_||T.current===document.activeElement)&&"top-[11px] scale-[0.8]"),"data-label":h,htmlFor:y.id||q,style:{color:"var(--amino-gray-800)"},children:h}),s.jsx("div",{className:n.cn("after:absolute after:inset-0 after:rounded-[12px]\n                after:content-['']",f&&"after:shadow-[var(--amino-glow-error)]")})]}),d&&s.jsx("div",{ref:N,className:"bg-page flex items-center justify-end px-4 py-4",children:s.jsx(a.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:d})})]}),s.jsx(l.HelpText,{error:f,helpText:m,withoutMargin:!0})]})});exports.Textarea=i;
+"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),t=require("../../tslib.es6-cdc5f922.js"),r=require("react"),a=require("../flex/Flex.js"),l=require("../help-text/HelpText.js"),n=require("../../styles/constants/theme.js"),o=require("../../utils/cn.js"),s=require("../../utils/hooks/useHeightAdjustTextarea.js"),i=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("../text/Text.js");var u=r.forwardRef(function(u,c){var d=u.actions,x=u.className,p=u.disabled,f=u.disableExpand,h=u.error,m=u.helpText,w=u.label,b=u.maxRows,v=u.rows,j=u.style,g=u.value,y=u.width,_=t.__rest(u,["actions","className","disabled","disableExpand","error","helpText","label","maxRows","rows","style","value","width"]),q=r.useId(),T=!!g,N=t.__read(r.useState(!1),2),R=N[0],F=N[1],H=r.useRef(null),S=r.useRef(null);return s.useHeightAdjustTextarea({maxRows:b,ref:H,shouldExpand:!f,textareaValue:(null==g?void 0:g.toString())||""}),i.jsxs(a.Flex,{className:"w-[var(--amino-textarea-width)]",flexDirection:"column",gap:4,justifyContent:"space-between",style:t.__assign(t.__assign({},j),{"--amino-textarea-width":y||"100%"}),children:[i.jsxs("div",{className:o.cn("amino-input-wrapper relative w-full overflow-hidden rounded-[12px]\n            border p-0",h?"border-transparent shadow-[var(--amino-glow-error)]":"border-amino",!h&&R&&"shadow-[var(--amino-focus-shadow)]",p&&["*:cursor-not-allowed","[&_.fields]:opacity-disabled","[&_.styledTextarea]:select-none"],x),style:{"--amino-focus-shadow":n.theme.glowBlue},children:[i.jsxs("label",{className:"relative flex w-full flex-col",htmlFor:_.id||q,onClick:function(e){e.target===H.current?e.preventDefault():setTimeout(function(){var e=H.current;if(e){var t=e.value.length;e.setSelectionRange(t,t)}},0)},children:[i.jsx("textarea",e._objectSpread2(e._objectSpread2({ref:function(e){c&&"function"==typeof c?c(e):c&&(c.current=e),H.current=e},className:o.cn("text-amino-base bg-amino-input box-border min-h-[100px] w-full\n                flex-grow resize-none border-0 px-4 py-3 font-medium\n                outline-none","placeholder:font-normal placeholder:text-gray-400\n                placeholder:opacity-60 placeholder:transition-all\n                placeholder:duration-300 placeholder:ease-in-out","focus:outline-none",w&&["mt-6 pt-0","placeholder:opacity-0",T&&"placeholder:opacity-60","focus:placeholder:opacity-60"],!!d&&!v&&"min-h-[5em]")},_),{},{disabled:p,id:q,onBlur:function(e){var t;F(!1),null===(t=_.onBlur)||void 0===t||t.call(_,e)},onFocus:function(e){var t;F(!0),null===(t=_.onFocus)||void 0===t||t.call(_,e)},rows:v,value:g})),w&&i.jsx("span",{className:o.cn("text-amino-base pointer-events-none absolute top-6 left-4\n                  origin-top-left leading-none transition-all duration-300\n                  ease-in-out",(T||R)&&"top-[11px] scale-[0.8]"),style:{color:"var(--amino-gray-800)"},children:w}),i.jsx("div",{className:"after:absolute after:inset-0 after:rounded-[12px] after:content-['']"})]}),d&&i.jsx("div",{ref:S,className:"bg-page flex items-center justify-end px-4 py-4",children:i.jsx(a.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:d})})]}),i.jsx(l.HelpText,{error:h,helpText:m,withoutMargin:!0})]})});exports.Textarea=u;

package/package.json

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

package/table-theme-overrides.css

@@ -1,7 +1,3 @@
-[data-theme='night'] .amino-simple-table thead tr th {
-  background-color: var(--amino-gray-50);
-}
-
 [data-theme='night'] tbody tr.amino-table-row-active {
   background-color: var(--amino-gray-100);
 }