@zonos/amino 5.4.7 → 5.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/textarea/Textarea.js +1 -1
- package/package.json +1 -1
- package/reset.css +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),t=require("react"),o=require("clsx"),r=require("../flex/Flex.js"),i=require("../help-text/HelpText.js"),n=require("../../utils/hooks/useHeightAdjustTextarea.js"),l=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=s(o),_="Amino_Textarea-module__textareaWrapper--cwLhP",m="Amino_Textarea-module__aminoInputWrapper--h9Y-6",u="Amino_Textarea-module__disabled--YH6dm",x="Amino_Textarea-module__fields--z7afT",p="Amino_Textarea-module__styledTextarea--Mk9DH",
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),t=require("react"),o=require("clsx"),r=require("../flex/Flex.js"),i=require("../help-text/HelpText.js"),n=require("../../utils/hooks/useHeightAdjustTextarea.js"),l=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=s(o),_="Amino_Textarea-module__textareaWrapper--cwLhP",m="Amino_Textarea-module__aminoInputWrapper--h9Y-6",u="Amino_Textarea-module__disabled--YH6dm",x="Amino_Textarea-module__fields--z7afT",p="Amino_Textarea-module__styledTextarea--Mk9DH",T="Amino_Textarea-module__hasLabel--qqvuZ",c="Amino_Textarea-module__hasContent--xpSft",h="Amino_Textarea-module__styledLabelInput--Q6-k8",f="Amino_Textarea-module__hasError--LdKr8",A="Amino_Textarea-module__hasActions--vv3T7",b="Amino_Textarea-module__actions--2J3kv";l.styleInject('.Amino_Textarea-module__textareaWrapper--cwLhP{width:var(--amino-textarea-width)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6{border:1px solid var(--amino-border-color);border-radius:var(--amino-radius-12);overflow:hidden;padding:0;position:relative;width:100%}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm *{cursor:not-allowed}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__fields--z7afT{opacity:var(--amino-opacity-disabled)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__styledTextarea--Mk9DH{-webkit-user-select:none;user-select:none}.Amino_Textarea-module__fields--z7afT{display:flex;flex-direction:column;position:relative;width:100%}.Amino_Textarea-module__fields--z7afT:hover{border-color:var(--amino-gray-300)}.Amino_Textarea-module__styledTextarea--Mk9DH{background:var(--amino-input-background);border:none;box-sizing:border-box;flex-grow:1;font-size:var(--amino-font-size-base);font-weight:500;min-height:50px;outline:none;padding:8px 16px;resize:none;width:100%}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ{margin-top:24px;padding-top:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ::placeholder{opacity:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft::placeholder,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus::placeholder{opacity:.6}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8{top:11px;transform:scale(.8)}.Amino_Textarea-module__styledTextarea--Mk9DH::placeholder{color:var(--amino-gray-400);font-weight:400;opacity:.6;transition:var(--amino-transition)}.Amino_Textarea-module__styledTextarea--Mk9DH:focus{outline:none}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasError--LdKr8~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-error)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasActions--vv3T7:not([rows]){min-height:5em}.Amino_Textarea-module__styledLabelInput--Q6-k8{color:var(--amino-gray-800);font-size:var(--amino-font-size-base);left:16px;line-height:var(--amino-font-size-base);position:absolute;top:calc(var(--amino-font-size-base) + 6px);transform-origin:left top;transition:var(--amino-transition)}.Amino_Textarea-module__styledBorder--yOPdL:after{border-radius:var(--amino-radius-12);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.Amino_Textarea-module__actions--2J3kv{align-items:center;background:var(--amino-page-background);display:flex;justify-content:flex-end;padding:16px}');var v=t.forwardRef((function(o,l){var s=o.actions,v=o.className,y=o.disabled,g=o.disableExpand,w=o.error,k=o.helpText,q=o.label,j=o.maxRows,H=o.rows,L=o.style,M=o.value,D=o.width,z=e.__rest(o,["actions","className","disabled","disableExpand","error","helpText","label","maxRows","rows","style","value","width"]),I=t.useId(),Y=!!M,N=t.useRef(null),W=t.useRef(null);return n.useHeightAdjustTextarea({maxRows:j,ref:N,shouldExpand:!g,textareaValue:(null==M?void 0:M.toString())||""}),a.jsxs(r.Flex,{className:_,flexDirection:"column",gap:4,justifyContent:"space-between",style:e.__assign(e.__assign({},L),{"--amino-textarea-width":D||"100%"}),children:[a.jsxs("div",{className:d.default(v,m,"amino-input-wrapper",y&&u),children:[a.jsxs("button",{className:x,onClick:function(){var e;return null===(e=null==N?void 0:N.current)||void 0===e?void 0:e.focus()},type:"button",children:[a.jsx("textarea",e.__assign({ref:function(e){l&&"function"==typeof l?l(e):l&&(l.current=e),N.current=e},className:d.default(p,w&&f,q&&T,Y&&c,!!s&&A),disabled:y,id:I,rows:H,value:M},z)),q&&a.jsx("label",{className:h,"data-label":q,htmlFor:z.id||I,children:q})]}),s&&a.jsx("div",{ref:W,className:b,children:a.jsx(r.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:s})})]}),a.jsx(i.HelpText,{error:w,helpText:k,withoutMargin:!0})]})}));exports.Textarea=v;
|
package/package.json
CHANGED
package/reset.css
CHANGED