@zonos/amino 4.4.23 → 4.4.24
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("../../styles/constants/theme.js"),r=require("styled-components"),a=require("../help-text/HelpText.js");function i(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,l,d,c,h,p=i(r),u=p.default.div(s||(s=n.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"])),o.theme.radius6,o.theme.border,o.theme.gray300),b=p.default.div(l||(l=n.__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"],["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"])),o.theme.radius6),f=p.default.label(d||(d=n.__makeTemplateObject(["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"],["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16),m=p.default.textarea(c||(c=n.__makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n transition: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n\n ::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n ::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"],["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n transition: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n\n ::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n ::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"])),o.theme.space16,o.theme.space8,o.theme.transition,o.theme.radius6,o.theme.inputBackground,o.theme.fontSizeBase,o.theme.radius6,o.theme.radius6,o.theme.space24,o.theme.space8,o.theme.space16,f,b,o.theme.
|
|
1
|
+
"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("../../styles/constants/theme.js"),r=require("styled-components"),a=require("../help-text/HelpText.js");function i(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,l,d,c,h,p=i(r),u=p.default.div(s||(s=n.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"])),o.theme.radius6,o.theme.border,o.theme.gray300),b=p.default.div(l||(l=n.__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"],["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"])),o.theme.radius6),f=p.default.label(d||(d=n.__makeTemplateObject(["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"],["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16),m=p.default.textarea(c||(c=n.__makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n transition: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n\n ::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n ::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"],["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n transition: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n\n ::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n ::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"])),o.theme.space16,o.theme.space8,o.theme.transition,o.theme.radius6,o.theme.inputBackground,o.theme.fontSizeBase,o.theme.radius6,o.theme.radius6,o.theme.space24,o.theme.space8,o.theme.space16,f,b,o.theme.inputBackground,o.theme.radius6,o.theme.transition,o.theme.gray400,b,o.theme.glowBlue,b,o.theme.glowError),x=p.default.div(h||(h=n.__makeTemplateObject(["\n position: relative;\n width: ",";\n\n &.disabled {\n * {\n cursor: not-allowed;\n }\n "," {\n opacity: 0.4;\n }\n "," {\n user-select: none;\n }\n }\n"],["\n position: relative;\n width: ",";\n\n &.disabled {\n * {\n cursor: not-allowed;\n }\n "," {\n opacity: 0.4;\n }\n "," {\n user-select: none;\n }\n }\n"])),(function(n){return n.width?"".concat(n.width,"px"):"100%"}),u,m),g=t.forwardRef((function(t,o){var r=t.className,i=t.disabled,s=t.error,l=t.helpText,d=t.label,c=t.rows,h=t.value,p=t.width,g=n.__rest(t,["className","disabled","error","helpText","label","rows","value","width"]),w=!!h;return e.jsxs(x,n.__assign({className:"amino-input-wrapper ".concat(r||""," ").concat(i?"disabled":""),width:p},{children:[e.jsxs(u,{children:[e.jsx(m,n.__assign({ref:o,className:[s?"has-error":"",d?"has-label":"",w?"has-content":""].join(" "),disabled:i,label:d,rows:c,value:h},g)),e.jsx(f,n.__assign({"data-label":d},{children:d})),e.jsx(b,{})]}),e.jsx(a.HelpText,{error:s,helpText:l})]}))}));exports.Textarea=g;
|