@lax-wp/design-system 0.1.2 → 0.1.4
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/dist/index.es.js +1 -1
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -951,7 +951,7 @@ const xN = pt(
|
|
|
951
951
|
style: m,
|
|
952
952
|
className: te(
|
|
953
953
|
// Base styles
|
|
954
|
-
"border rounded-lg bg-white dark:bg-
|
|
954
|
+
"border rounded-lg bg-white dark:bg-black-600 block w-full py-2.5 px-3",
|
|
955
955
|
"font-inter font-medium text-sm transition-colors duration-200",
|
|
956
956
|
"focus:ring-2 focus:outline-none resize-vertical min-h-[2.5rem]",
|
|
957
957
|
// State-based border styles
|
package/dist/index.umd.js
CHANGED
|
@@ -46,7 +46,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
46
46
|
-webkit-text-fill-color: white !important;
|
|
47
47
|
-webkit-box-shadow: 0 0 0px 1000px var(--input-bg-color) inset !important;
|
|
48
48
|
}
|
|
49
|
-
`}),d?A.jsx("label",{htmlFor:T,className:"mb-1 text-xs font-medium text-gray-600 dark:text-gray-300 inline-flex items-center gap-1",children:A.jsx("div",{className:"flex flex-wrap items-center justify-between w-full",children:A.jsx("div",{className:"inline-flex flex-wrap items-center gap-1",children:A.jsxs(Ce,{variant:"medium",size:"extra-small",appearance:"subtitle",children:[d,c&&A.jsx("span",{className:"text-red-500 ml-1",children:"*"})]})})})}):null,A.jsxs("div",{className:"relative input-field",children:[A.jsx("input",{...y,ref:I,id:T,type:f,value:t,defaultValue:a,placeholder:g,required:c,disabled:u,max:s,min:l,onKeyDown:i,style:k(),className:re("border border-solid h-8 rounded-md block w-full pl-3","text-sm font-medium text-neutral-900 dark:text-black-100","bg-white dark:bg-black-600","transition-colors duration-200 ease-in-out","focus:outline-none focus:ring-2",E(),u&&"opacity-70 cursor-not-allowed bg-neutral-50 dark:bg-black-700",m),onChange:V=>r(V.target.value),onClick:V=>V.stopPropagation()}),h&&A.jsx("div",{ref:x,className:"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none",children:h})]}),A.jsx(He.AnimatePresence,{children:n&&A.jsx(He.motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:A.jsx(Ce,{className:re("mt-1",w()),appearance:"custom",size:"extra-small",variant:"medium",children:n})})})]})});Jc.displayName="InputField";const pv=O.forwardRef(({label:e,placeholder:t,value:r,onChange:i,rows:n=4,message:o,messageType:a="default",defaultValue:u,required:s=!1,disabled:l=!1,className:c,inputRef:d,maxLength:f,originalCase:g=!1,noBorder:h=!1,id:p,inputStyle:m,...b},y)=>{const I=p||`textarea-${Math.random().toString(36).substr(2,9)}`,x=r?.length||0,v=f&&x>f-Math.min(50,f/5),S=f&&x>=f,E=()=>a==="error"?"border-red-300 dark:border-red-500 focus:border-red-500 focus:ring-red-200 dark:focus:ring-red-400":a==="success"?"border-green-300 dark:border-green-500 focus:border-green-500 focus:ring-green-200 dark:focus:ring-green-400":a==="info"?"border-blue-300 dark:border-blue-500 focus:border-blue-500 focus:ring-blue-200 dark:focus:ring-blue-400":"border-gray-300 dark:border-gray-600",w=()=>a==="error"?"text-red-500 dark:text-red-400":a==="success"?"text-green-500 dark:text-green-400":a==="info"?"text-blue-500 dark:text-blue-400":"text-gray-500 dark:text-gray-400";return A.jsxs("div",{className:re("flex flex-col gap-0.5 relative",c),children:[e&&A.jsx("label",{htmlFor:I,className:re("mb-1 text-xs font-medium text-gray-600 dark:text-gray-300 inline-flex items-center gap-1",{capitalize:!g}),children:A.jsxs(Ce,{size:"extra-small",variant:"medium",appearance:"subtitle",children:[e,s&&A.jsx("span",{className:"text-red-500 ml-1",children:"*"})]})}),A.jsx("textarea",{...b,id:I,ref:y||d,onChange:T=>i(T.target.value),defaultValue:u,value:r,required:s,disabled:l,rows:n,placeholder:t,maxLength:f||void 0,style:m,className:re("border rounded-lg bg-white dark:bg-
|
|
49
|
+
`}),d?A.jsx("label",{htmlFor:T,className:"mb-1 text-xs font-medium text-gray-600 dark:text-gray-300 inline-flex items-center gap-1",children:A.jsx("div",{className:"flex flex-wrap items-center justify-between w-full",children:A.jsx("div",{className:"inline-flex flex-wrap items-center gap-1",children:A.jsxs(Ce,{variant:"medium",size:"extra-small",appearance:"subtitle",children:[d,c&&A.jsx("span",{className:"text-red-500 ml-1",children:"*"})]})})})}):null,A.jsxs("div",{className:"relative input-field",children:[A.jsx("input",{...y,ref:I,id:T,type:f,value:t,defaultValue:a,placeholder:g,required:c,disabled:u,max:s,min:l,onKeyDown:i,style:k(),className:re("border border-solid h-8 rounded-md block w-full pl-3","text-sm font-medium text-neutral-900 dark:text-black-100","bg-white dark:bg-black-600","transition-colors duration-200 ease-in-out","focus:outline-none focus:ring-2",E(),u&&"opacity-70 cursor-not-allowed bg-neutral-50 dark:bg-black-700",m),onChange:V=>r(V.target.value),onClick:V=>V.stopPropagation()}),h&&A.jsx("div",{ref:x,className:"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none",children:h})]}),A.jsx(He.AnimatePresence,{children:n&&A.jsx(He.motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:A.jsx(Ce,{className:re("mt-1",w()),appearance:"custom",size:"extra-small",variant:"medium",children:n})})})]})});Jc.displayName="InputField";const pv=O.forwardRef(({label:e,placeholder:t,value:r,onChange:i,rows:n=4,message:o,messageType:a="default",defaultValue:u,required:s=!1,disabled:l=!1,className:c,inputRef:d,maxLength:f,originalCase:g=!1,noBorder:h=!1,id:p,inputStyle:m,...b},y)=>{const I=p||`textarea-${Math.random().toString(36).substr(2,9)}`,x=r?.length||0,v=f&&x>f-Math.min(50,f/5),S=f&&x>=f,E=()=>a==="error"?"border-red-300 dark:border-red-500 focus:border-red-500 focus:ring-red-200 dark:focus:ring-red-400":a==="success"?"border-green-300 dark:border-green-500 focus:border-green-500 focus:ring-green-200 dark:focus:ring-green-400":a==="info"?"border-blue-300 dark:border-blue-500 focus:border-blue-500 focus:ring-blue-200 dark:focus:ring-blue-400":"border-gray-300 dark:border-gray-600",w=()=>a==="error"?"text-red-500 dark:text-red-400":a==="success"?"text-green-500 dark:text-green-400":a==="info"?"text-blue-500 dark:text-blue-400":"text-gray-500 dark:text-gray-400";return A.jsxs("div",{className:re("flex flex-col gap-0.5 relative",c),children:[e&&A.jsx("label",{htmlFor:I,className:re("mb-1 text-xs font-medium text-gray-600 dark:text-gray-300 inline-flex items-center gap-1",{capitalize:!g}),children:A.jsxs(Ce,{size:"extra-small",variant:"medium",appearance:"subtitle",children:[e,s&&A.jsx("span",{className:"text-red-500 ml-1",children:"*"})]})}),A.jsx("textarea",{...b,id:I,ref:y||d,onChange:T=>i(T.target.value),defaultValue:u,value:r,required:s,disabled:l,rows:n,placeholder:t,maxLength:f||void 0,style:m,className:re("border rounded-lg bg-white dark:bg-black-600 block w-full py-2.5 px-3","font-inter font-medium text-sm transition-colors duration-200","focus:ring-2 focus:outline-none resize-vertical min-h-[2.5rem]",!h&&E(),{"border-none focus:border-none focus:ring-0":h,"bg-gray-50 dark:bg-gray-700 text-gray-400 dark:text-gray-500 cursor-not-allowed":l,"placeholder:text-gray-400 dark:placeholder:text-gray-500":l,"text-gray-900 dark:text-gray-100":!l,"placeholder:text-gray-400 dark:placeholder:text-gray-400":!l}),onClick:T=>T.stopPropagation(),"aria-invalid":o&&a==="error"?"true":"false","aria-describedby":o?`${I}-message`:void 0}),f&&A.jsxs(Ce,{className:"mt-0.5 text-right text-gray-600 dark:text-gray-400",appearance:"custom",size:"extra-small",children:[A.jsx("span",{className:re({"text-red-500 dark:text-red-400":S,"text-yellow-500 dark:text-yellow-400":v&&!S}),children:x}),A.jsxs("span",{className:"text-gray-400 dark:text-gray-500",children:[" ","/ ",f]})]}),A.jsx(He.AnimatePresence,{children:o&&A.jsx(He.motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},id:`${I}-message`,role:a==="error"?"alert":void 0,children:A.jsx(Ce,{className:re("mt-1",w()),appearance:"custom",size:"extra-small",variant:"medium",children:o})})})]})});function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},se.apply(null,arguments)}function pe(e){"@babel/helpers - typeof";return pe=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},pe(e)}var mv=Symbol.for("react.element"),gv=Symbol.for("react.transitional.element"),hv=Symbol.for("react.fragment");function Zc(e){return e&&pe(e)==="object"&&(e.$$typeof===mv||e.$$typeof===gv)&&e.type===hv}function Vs(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=[];return O.Children.forEach(e,function(i){i==null&&!t.keepEmpty||(Array.isArray(i)?r=r.concat(Vs(i)):Zc(i)&&i.props?r=r.concat(Vs(i.props.children,t)):r.push(i))}),r}var js={},Ls=[],vv=function(t){Ls.push(t)};function Bs(e,t){if(process.env.NODE_ENV!=="production"&&!e&&console!==void 0){var r=Ls.reduce(function(i,n){return n(i??"","warning")},t);r&&console.error("Warning: ".concat(r))}}function bv(e,t){if(process.env.NODE_ENV!=="production"&&!e&&console!==void 0){var r=Ls.reduce(function(i,n){return n(i??"","note")},t);r&&console.warn("Note: ".concat(r))}}function qc(){js={}}function Qc(e,t,r){!t&&!js[r]&&(e(!1,r),js[r]=!0)}function Ye(e,t){Qc(Bs,e,t)}function yv(e,t){Qc(bv,e,t)}Ye.preMessage=vv,Ye.resetWarned=qc,Ye.noteOnce=yv;function Cv(e,t){if(pe(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var i=r.call(e,t);if(pe(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Kc(e){var t=Cv(e,"string");return pe(t)=="symbol"?t:t+""}function H(e,t,r){return(t=Kc(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ed(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,i)}return r}function W(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ed(Object(r),!0).forEach(function(i){H(e,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ed(Object(r)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(r,i))})}return e}function td(e){return e instanceof HTMLElement||e instanceof SVGElement}function xv(e){return e&&pe(e)==="object"&&td(e.nativeElement)?e.nativeElement:td(e)?e:null}function Ev(e){var t=xv(e);if(t)return t;if(e instanceof O.Component){var r;return(r=Sn.findDOMNode)===null||r===void 0?void 0:r.call(Sn,e)}return null}var Mo={exports:{}},Te={};/**
|
|
50
50
|
* @license React
|
|
51
51
|
* react-is.production.min.js
|
|
52
52
|
*
|