@purpurds/text-field 6.7.1 → 6.8.0
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/LICENSE.txt +6 -6
- package/dist/styles.css +1 -1
- package/dist/text-field.cjs.js +8 -8
- package/dist/text-field.es.js +88 -88
- package/package.json +8 -8
- package/src/text-field.module.scss +1 -0
package/dist/LICENSE.txt
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
Name: @purpurds/button
|
|
2
|
-
Version: 6.7.
|
|
2
|
+
Version: 6.7.2
|
|
3
3
|
License: AGPL-3.0-only
|
|
4
4
|
Private: false
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
8
|
Name: @purpurds/field-error-text
|
|
9
|
-
Version: 6.7.
|
|
9
|
+
Version: 6.7.2
|
|
10
10
|
License: AGPL-3.0-only
|
|
11
11
|
Private: false
|
|
12
12
|
|
|
13
13
|
---
|
|
14
14
|
|
|
15
15
|
Name: @purpurds/field-helper-text
|
|
16
|
-
Version: 6.7.
|
|
16
|
+
Version: 6.7.2
|
|
17
17
|
License: AGPL-3.0-only
|
|
18
18
|
Private: false
|
|
19
19
|
|
|
20
20
|
---
|
|
21
21
|
|
|
22
22
|
Name: @purpurds/icon
|
|
23
|
-
Version: 6.7.
|
|
23
|
+
Version: 6.7.2
|
|
24
24
|
License: AGPL-3.0-only
|
|
25
25
|
Private: false
|
|
26
26
|
|
|
27
27
|
---
|
|
28
28
|
|
|
29
29
|
Name: @purpurds/label
|
|
30
|
-
Version: 6.7.
|
|
30
|
+
Version: 6.7.2
|
|
31
31
|
License: AGPL-3.0-only
|
|
32
32
|
Private: false
|
|
33
33
|
|
|
34
34
|
---
|
|
35
35
|
|
|
36
36
|
Name: @purpurds/spinner
|
|
37
|
-
Version: 6.7.
|
|
37
|
+
Version: 6.7.2
|
|
38
38
|
License: AGPL-3.0-only
|
|
39
39
|
Private: false
|
|
40
40
|
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-text-
|
|
1
|
+
._purpur-text-field_1k23z_1{position:relative;display:flex;flex-direction:column;gap:var(--purpur-spacing-50)}._purpur-text-field__label_1k23z_7{display:flex;flex-direction:column;gap:var(--purpur-spacing-50);width:fit-content}._purpur-text-field__label-text_1k23z_13{width:fit-content}._purpur-text-field__field-row_1k23z_16{display:flex;width:100%}._purpur-text-field__frame_1k23z_20{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--purpur-border-radius-sm);border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-subtle);pointer-events:none}._purpur-text-field__input-container_1k23z_27{position:relative;display:flex;align-items:center;width:100%;border-radius:var(--purpur-border-radius-sm);background:var(--purpur-color-background-primary)}._purpur-text-field__input-container_1k23z_27:has(:-internal-autofill-previewed),._purpur-text-field__input-container_1k23z_27:has(:-internal-autofill-selected){background-color:var(--purpur-color-background-interactive-auto-fill)!important}._purpur-text-field__input-container--disabled_1k23z_38{background:var(--purpur-color-background-interactive-disabled)}._purpur-text-field__input-container--readonly_1k23z_41{background:var(--purpur-color-background-interactive-read-only)}._purpur-text-field__input-container--has-clear-button_1k23z_44{padding-right:var(--purpur-spacing-25)}._purpur-text-field__input-container--end-adornment_1k23z_47{padding-right:var(--purpur-spacing-150)}._purpur-text-field__input-container--end-adornment_1k23z_47 ._purpur-text-field__input_1k23z_27{padding-right:var(--purpur-spacing-100)}._purpur-text-field__input-container--start-adornment_1k23z_53{padding-left:var(--purpur-spacing-150)}._purpur-text-field__input-container--start-adornment_1k23z_53 ._purpur-text-field__input_1k23z_27{padding-left:var(--purpur-spacing-100)}._purpur-text-field__input_1k23z_27{border-radius:var(--purpur-border-radius-sm);padding:calc(var(--purpur-spacing-100) + var(--purpur-spacing-25)) var(--purpur-spacing-150);border:none;width:100%;box-sizing:border-box;font-family:var(--purpur-typography-family-default);font-size:var(--purpur-typography-scale-100);line-height:150%;outline:none;background:transparent;color:var(--purpur-color-text-default)}._purpur-text-field__input_1k23z_27:hover~._purpur-text-field__frame_1k23z_20{border-width:var(--purpur-border-width-sm);border-color:var(--purpur-color-border-interactive-subtle-hover)}._purpur-text-field__input_1k23z_27:active:not(:disabled):not(:read-only)~._purpur-text-field__frame_1k23z_20,._purpur-text-field__input_1k23z_27:focus:not(:disabled):not(:read-only)~._purpur-text-field__frame_1k23z_20{outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:calc(var(--purpur-spacing-10) * 2);border-width:var(--purpur-border-width-xs);border-color:var(--purpur-color-border-interactive-subtle-hover)}._purpur-text-field__input_1k23z_27:disabled{color:var(--purpur-color-text-weak)}._purpur-text-field__input_1k23z_27:disabled~._purpur-text-field__frame_1k23z_20{border-width:var(--purpur-border-width-xs);border-color:var(--purpur-color-border-medium)}._purpur-text-field__input_1k23z_27:read-only:not(:disabled){color:var(--purpur-color-text-default)}._purpur-text-field__input_1k23z_27:read-only:not(:disabled)~._purpur-text-field__frame_1k23z_20{border-width:var(--purpur-border-width-xs)}._purpur-text-field__input_1k23z_27:read-only:not(:disabled):not(._purpur-text-field__input--valid_1k23z_95):not(._purpur-text-field__input--error_1k23z_95)~._purpur-text-field__frame_1k23z_20{border-color:var(--purpur-color-border-medium)}._purpur-text-field__input_1k23z_27:-internal-autofill-previewed,._purpur-text-field__input_1k23z_27:-internal-autofill-selected{box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 100px var(--purpur-color-background-interactive-auto-fill)}._purpur-text-field__input_1k23z_27._purpur-text-field__input--valid_1k23z_95~._purpur-text-field__frame_1k23z_20{border-color:var(--purpur-color-border-status-success)}._purpur-text-field__input_1k23z_27._purpur-text-field__input--error_1k23z_95:not(:hover)~._purpur-text-field__frame_1k23z_20{border-color:var(--purpur-color-border-status-error)}._purpur-text-field__adornment-container_1k23z_107{display:flex;align-items:center;gap:var(--purpur-spacing-50)}._purpur-text-field__valid-icon_1k23z_112{color:var(--purpur-color-text-status-success-medium)}
|
package/dist/text-field.cjs.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),y=require("react");require("react-dom");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),y=require("react");require("react-dom");function wr(e){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(u,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return u.default=e,Object.freeze(u)}const c=wr(y),jr={LG:"lg"};function Sr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var T={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/var L;function Or(){return L||(L=1,function(e){(function(){var u={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=o(r,a(i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)u.call(r,i)&&r[i]&&(t=o(t,i));return t}function o(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(
|
|
5
|
+
*/var L;function Or(){return L||(L=1,function(e){(function(){var u={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=o(r,a(i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)u.call(r,i)&&r[i]&&(t=o(t,i));return t}function o(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(T)),T.exports}var Nr=Or();const Z=Sr(Nr),zr="_rotate_1xozj_1",qr="_dash_1xozj_1",$={"purpur-spinner":"_purpur-spinner_1xozj_1",rotate:zr,"purpur-spinner--xxs":"_purpur-spinner--xxs_1xozj_4","purpur-spinner--xs":"_purpur-spinner--xs_1xozj_8","purpur-spinner--sm":"_purpur-spinner--sm_1xozj_12","purpur-spinner--md":"_purpur-spinner--md_1xozj_16","purpur-spinner--lg":"_purpur-spinner--lg_1xozj_20","purpur-spinner__circle":"_purpur-spinner__circle_1xozj_24",dash:qr,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_1xozj_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_1xozj_36"},w="purpur-spinner",Mr={SM:"sm"},kr=({["data-testid"]:e,disabled:u=!1,negative:n=!1,size:a=Mr.SM,...o})=>l.jsx("div",{className:Z([$[w],$[`${w}--${a}`]]),"data-testid":e,...o,children:l.jsx("svg",{viewBox:"0 0 50 50",children:l.jsx("circle",{className:Z($[`${w}__circle`],{[$[`${w}__circle--disabled`]]:u,[$[`${w}__circle--negative`]]:n}),cx:"25",cy:"25",r:"20"})})});function Cr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var W={exports:{}};/*!
|
|
6
6
|
Copyright (c) 2018 Jed Watson.
|
|
7
7
|
Licensed under the MIT License (MIT), see
|
|
8
8
|
http://jedwatson.github.io/classnames
|
|
9
|
-
*/var G;function
|
|
9
|
+
*/var G;function Ar(){return G||(G=1,function(e){(function(){var u={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=o(r,a.call(this,i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)u.call(r,i)&&r[i]&&(t=o(t,this&&this[i]||i));return t}function o(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(W)),W.exports}var Rr=Ar();const Pr=Cr(Rr),Br={"purpur-button":"_purpur-button_w455q_1","purpur-button--xs":"_purpur-button--xs_w455q_33","purpur-button--icon-only":"_purpur-button--icon-only_w455q_36","purpur-button--sm":"_purpur-button--sm_w455q_39","purpur-button--md":"_purpur-button--md_w455q_45","purpur-button--lg":"_purpur-button--lg_w455q_51","purpur-button--full-width":"_purpur-button--full-width_w455q_57","purpur-button--primary":"_purpur-button--primary_w455q_60","purpur-button--disabled":"_purpur-button--disabled_w455q_64","purpur-button--primary-negative":"_purpur-button--primary-negative_w455q_70","purpur-button--secondary":"_purpur-button--secondary_w455q_82","purpur-button--secondary-negative":"_purpur-button--secondary-negative_w455q_93","purpur-button--expressive":"_purpur-button--expressive_w455q_104","purpur-button--expressive-negative":"_purpur-button--expressive-negative_w455q_114","purpur-button--negative":"_purpur-button--negative_w455q_126","purpur-button--destructive":"_purpur-button--destructive_w455q_133","purpur-button--destructive-negative":"_purpur-button--destructive-negative_w455q_143","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_w455q_153","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_w455q_166","purpur-button--text-negative":"_purpur-button--text-negative_w455q_181","purpur-button--text":"_purpur-button--text_w455q_181"},Fr=Pr.bind(Br),g="purpur-button",Ir=({children:e,className:u,["data-testid"]:n,disabled:a=!1,fullWidth:o=!1,iconOnly:r,loading:t=!1,negative:i=!1,onClick:v,size:h="md",variant:x,type:N="button",...O},s)=>{if(r&&x==="destructive")return null;const m=Fr([g,`${g}--${i?`${x}-negative`:x}`,`${g}--${h}`],{[`${g}--icon-only`]:r,[`${g}--negative`]:i,[`${g}--full-width`]:o,[`${g}--disabled`]:a||t},u),z=d=>{a||t?d.preventDefault():v&&v(d)},b=!!O["aria-disabled"]||a||t;return l.jsxs("button",{className:m,"data-testid":n,type:N,ref:s,"aria-disabled":b,onClick:z,...O,children:[t&&l.jsx(kr,{size:h===jr.LG?"xs":"xxs",negative:i,disabled:b})," ",e]})},fr=y.forwardRef(Ir);fr.displayName="Button";function Dr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var H={exports:{}};/*!
|
|
10
10
|
Copyright (c) 2018 Jed Watson.
|
|
11
11
|
Licensed under the MIT License (MIT), see
|
|
12
12
|
http://jedwatson.github.io/classnames
|
|
13
|
-
*/var U;function
|
|
13
|
+
*/var U;function Er(){return U||(U=1,function(e){(function(){var u={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=o(r,a.call(this,i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)u.call(r,i)&&r[i]&&(t=o(t,this&&this[i]||i));return t}function o(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(H)),H.exports}var Vr=Er();const Tr=Dr(Vr),Lr={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},Zr=Tr.bind(Lr),X="purpur-icon",Wr="md",Gr=e=>e.filter(u=>Object.keys(u).length>=1).map(u=>`${u.name}="${u.value}"`).join(" "),Hr=({content:e="",title:u}={})=>{const n=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},u?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],a=u?`<title>${u}</title>`:"";return`<svg ${Gr(n)}>${a}${e}</svg>`},Ur=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),vr=({["data-testid"]:e,svg:u,allyTitle:n,className:a,size:o=Wr,...r})=>{const t=Hr({content:Ur(u.svg),title:n}),i=Zr(a,X,`${X}--${o}`);return l.jsx("span",{"aria-label":n,className:i,"data-testid":e,dangerouslySetInnerHTML:{__html:t},...r})};vr.displayName="Icon";const Xr={name:"error-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',keywords:["error-filled"],category:"status"};function Yr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Y={exports:{}};/*!
|
|
14
14
|
Copyright (c) 2018 Jed Watson.
|
|
15
15
|
Licensed under the MIT License (MIT), see
|
|
16
16
|
http://jedwatson.github.io/classnames
|
|
@@ -22,17 +22,17 @@
|
|
|
22
22
|
Copyright (c) 2018 Jed Watson.
|
|
23
23
|
Licensed under the MIT License (MIT), see
|
|
24
24
|
http://jedwatson.github.io/classnames
|
|
25
|
-
*/var ur;function oe(){return ur||(ur=1,function(e){(function(){var u={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=o(r,a.call(this,i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)u.call(r,i)&&r[i]&&(t=o(t,this&&this[i]||i));return t}function o(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(ir)),ir.exports}var le=oe();const se=ae(le),pe={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},ce=se.bind(pe),ar="purpur-icon",de="md",_e=e=>e.filter(u=>Object.keys(u).length>=1).map(u=>`${u.name}="${u.value}"`).join(" "),fe=({content:e="",title:u}={})=>{const n=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},u?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],a=u?`<title>${u}</title>`:"";return`<svg ${_e(n)}>${a}${e}</svg>`},ve=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),
|
|
25
|
+
*/var ur;function oe(){return ur||(ur=1,function(e){(function(){var u={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=o(r,a.call(this,i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)u.call(r,i)&&r[i]&&(t=o(t,this&&this[i]||i));return t}function o(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(ir)),ir.exports}var le=oe();const se=ae(le),pe={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},ce=se.bind(pe),ar="purpur-icon",de="md",_e=e=>e.filter(u=>Object.keys(u).length>=1).map(u=>`${u.name}="${u.value}"`).join(" "),fe=({content:e="",title:u}={})=>{const n=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},u?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],a=u?`<title>${u}</title>`:"";return`<svg ${_e(n)}>${a}${e}</svg>`},ve=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),B=({["data-testid"]:e,svg:u,allyTitle:n,className:a,size:o=de,...r})=>{const t=fe({content:ve(u.svg),title:n}),i=ce(a,ar,`${ar}--${o}`);return l.jsx("span",{"aria-label":n,className:i,"data-testid":e,dangerouslySetInnerHTML:{__html:t},...r})};B.displayName="Icon";const xe={name:"check-circle-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',keywords:["check-circle-filled"],category:"status"},xr=e=>l.jsx(B,{...e,svg:xe});xr.displayName="IconCheckCircleFilled";const ge={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},gr=e=>l.jsx(B,{...e,svg:ge});gr.displayName="IconClose";function or(e,u){if(typeof e=="function")return e(u);e!=null&&(e.current=u)}function me(...e){return u=>{let n=!1;const a=e.map(o=>{const r=or(o,u);return!n&&typeof r=="function"&&(n=!0),r});if(n)return()=>{for(let o=0;o<a.length;o++){const r=a[o];typeof r=="function"?r():or(e[o],null)}}}}var mr=c.forwardRef((e,u)=>{const{children:n,...a}=e,o=c.Children.toArray(n),r=o.find(ye);if(r){const t=r.props.children,i=o.map(v=>v===r?c.Children.count(t)>1?c.Children.only(null):c.isValidElement(t)?t.props.children:null:v);return l.jsx(P,{...a,ref:u,children:c.isValidElement(t)?c.cloneElement(t,void 0,i):null})}return l.jsx(P,{...a,ref:u,children:n})});mr.displayName="Slot";var P=c.forwardRef((e,u)=>{const{children:n,...a}=e;if(c.isValidElement(n)){const o=$e(n),r=he(a,n.props);return n.type!==c.Fragment&&(r.ref=u?me(u,o):o),c.cloneElement(n,r)}return c.Children.count(n)>1?c.Children.only(null):null});P.displayName="SlotClone";var be=({children:e})=>l.jsx(l.Fragment,{children:e});function ye(e){return c.isValidElement(e)&&e.type===be}function he(e,u){const n={...u};for(const a in u){const o=e[a],r=u[a];/^on[A-Z]/.test(a)?o&&r?n[a]=(...t)=>{r(...t),o(...t)}:o&&(n[a]=o):a==="style"?n[a]={...o,...r}:a==="className"&&(n[a]=[o,r].filter(Boolean).join(" "))}return{...e,...n}}function $e(e){var u,n;let a=(u=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:u.get,o=a&&"isReactWarning"in a&&a.isReactWarning;return o?e.ref:(a=(n=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:n.get,o=a&&"isReactWarning"in a&&a.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}var we=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],je=we.reduce((e,u)=>{const n=c.forwardRef((a,o)=>{const{asChild:r,...t}=a,i=r?mr:u;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),l.jsx(i,{...t,ref:o})});return n.displayName=`Primitive.${u}`,{...e,[u]:n}},{}),Se="Label",br=c.forwardRef((e,u)=>l.jsx(je.label,{...e,ref:u,onMouseDown:n=>{var a;n.target.closest("button, input, select, textarea")||((a=e.onMouseDown)==null||a.call(e,n),!n.defaultPrevented&&n.detail>1&&n.preventDefault())}}));br.displayName=Se;var Oe=br;function Ne(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var lr={exports:{}};/*!
|
|
26
26
|
Copyright (c) 2018 Jed Watson.
|
|
27
27
|
Licensed under the MIT License (MIT), see
|
|
28
28
|
http://jedwatson.github.io/classnames
|
|
29
|
-
*/var sr;function
|
|
29
|
+
*/var sr;function ze(){return sr||(sr=1,function(e){(function(){var u={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=o(r,a(i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)u.call(r,i)&&r[i]&&(t=o(t,i));return t}function o(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(lr)),lr.exports}var qe=ze();const Me=Ne(qe),C={"purpur-label":"_purpur-label_1jndl_1","purpur-label--negative":"_purpur-label--negative_1jndl_8","purpur-label--disabled":"_purpur-label--disabled_1jndl_11"},A="purpur-label",ke=({children:e,className:u,htmlFor:n,"data-testid":a,disabled:o,negative:r=!1,...t})=>{const i=Me([u,C[A],{[C[`${A}--disabled`]]:o,[C[`${A}--negative`]]:r}]);return l.jsx(Oe,{className:i,"data-testid":a,htmlFor:n,...t,children:e})};function Ce(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var pr={exports:{}};/*!
|
|
30
30
|
Copyright (c) 2018 Jed Watson.
|
|
31
31
|
Licensed under the MIT License (MIT), see
|
|
32
32
|
http://jedwatson.github.io/classnames
|
|
33
|
-
*/var cr;function
|
|
33
|
+
*/var cr;function Ae(){return cr||(cr=1,function(e){(function(){var u={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=o(r,a(i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)u.call(r,i)&&r[i]&&(t=o(t,i));return t}function o(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(pr)),pr.exports}var Re=Ae();const dr=Ce(Re),Pe="_rotate_1xozj_1",Be="_dash_1xozj_1",j={"purpur-spinner":"_purpur-spinner_1xozj_1",rotate:Pe,"purpur-spinner--xxs":"_purpur-spinner--xxs_1xozj_4","purpur-spinner--xs":"_purpur-spinner--xs_1xozj_8","purpur-spinner--sm":"_purpur-spinner--sm_1xozj_12","purpur-spinner--md":"_purpur-spinner--md_1xozj_16","purpur-spinner--lg":"_purpur-spinner--lg_1xozj_20","purpur-spinner__circle":"_purpur-spinner__circle_1xozj_24",dash:Be,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_1xozj_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_1xozj_36"},S="purpur-spinner",Fe={SM:"sm"},Ie=({["data-testid"]:e,disabled:u=!1,negative:n=!1,size:a=Fe.SM,...o})=>l.jsx("div",{className:dr([j[S],j[`${S}--${a}`]]),"data-testid":e,...o,children:l.jsx("svg",{viewBox:"0 0 50 50",children:l.jsx("circle",{className:dr(j[`${S}__circle`],{[j[`${S}__circle--disabled`]]:u,[j[`${S}__circle--negative`]]:n}),cx:"25",cy:"25",r:"20"})})});function De(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var R={exports:{}};/*!
|
|
34
34
|
Copyright (c) 2018 Jed Watson.
|
|
35
35
|
Licensed under the MIT License (MIT), see
|
|
36
36
|
http://jedwatson.github.io/classnames
|
|
37
|
-
*/var _r;function
|
|
37
|
+
*/var _r;function Ee(){return _r||(_r=1,function(e){(function(){var u={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=o(r,a.call(this,i)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)u.call(r,i)&&r[i]&&(t=o(t,this&&this[i]||i));return t}function o(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(R)),R.exports}var Ve=Ee();const Te=De(Ve),Le={"purpur-text-field":"_purpur-text-field_1k23z_1","purpur-text-field__label":"_purpur-text-field__label_1k23z_7","purpur-text-field__label-text":"_purpur-text-field__label-text_1k23z_13","purpur-text-field__field-row":"_purpur-text-field__field-row_1k23z_16","purpur-text-field__frame":"_purpur-text-field__frame_1k23z_20","purpur-text-field__input-container":"_purpur-text-field__input-container_1k23z_27","purpur-text-field__input-container--disabled":"_purpur-text-field__input-container--disabled_1k23z_38","purpur-text-field__input-container--readonly":"_purpur-text-field__input-container--readonly_1k23z_41","purpur-text-field__input-container--has-clear-button":"_purpur-text-field__input-container--has-clear-button_1k23z_44","purpur-text-field__input-container--end-adornment":"_purpur-text-field__input-container--end-adornment_1k23z_47","purpur-text-field__input":"_purpur-text-field__input_1k23z_27","purpur-text-field__input-container--start-adornment":"_purpur-text-field__input-container--start-adornment_1k23z_53","purpur-text-field__input--valid":"_purpur-text-field__input--valid_1k23z_95","purpur-text-field__input--error":"_purpur-text-field__input--error_1k23z_95","purpur-text-field__adornment-container":"_purpur-text-field__adornment-container_1k23z_107","purpur-text-field__valid-icon":"_purpur-text-field__valid-icon_1k23z_112"},Ze=e=>y.useRef(e),f=Te.bind(Le),p="purpur-text-field",We=({["data-testid"]:e,className:u,clearButtonAllyLabel:n,beforeField:a,afterField:o,endAdornment:r,errorText:t,helperText:i,label:v,loading:h=!1,onClear:x,startAdornment:N,valid:O=!1,...s},m)=>{var V;const z=y.useId(),b=s.id??z,d=_=>e?`${e}-${_}`:void 0,I=O&&!t,q=i?`${b}-helper-text`:void 0,M=[N].filter(_=>!!_),D=(typeof s.value=="number"?s.value!==void 0:(V=s.value)==null?void 0:V.length)&&!s.disabled&&!s.readOnly&&!h&&x&&n,E=Ze(null),yr=_=>{E.current=_,typeof m=="function"?m(_):m&&(m.current=_)},hr=()=>{var _;x==null||x(),(_=E.current)==null||_.focus()},k=[h&&l.jsx(Ie,{disabled:s.disabled,size:"xs","data-testid":d("spinner")},"spinner"),D&&l.jsx(fr,{variant:"tertiary-purple",onClick:hr,iconOnly:!0,"aria-label":n??"","data-testid":d("clear-button"),tabIndex:-1,children:l.jsx(gr,{size:"xs"})},"clear-button"),I&&l.jsx(xr,{"data-testid":d("valid-icon"),className:f(`${p}__valid-icon`)},"valid-icon")].filter(_=>!!_),$r=f([`${p}__input-container`,{[`${p}__input-container--start-adornment`]:M.length,[`${p}__input-container--end-adornment`]:k.length||r,[`${p}__input-container--disabled`]:s.disabled,[`${p}__input-container--has-clear-button`]:D,[`${p}__input-container--readonly`]:s.readOnly&&!s.disabled}]);return l.jsxs("div",{className:f(u,p),children:[v&&l.jsx(ke,{htmlFor:b,className:f(`${p}__label`),"data-testid":d("label"),disabled:s.disabled,children:`${s.required?"* ":""}${v}`}),l.jsxs("div",{className:f(`${p}__field-row`),children:[!!a&&a,l.jsxs("div",{className:$r,children:[!!M.length&&l.jsx("div",{"data-testid":d("start-adornments"),className:f(`${p}__adornment-container`),children:M}),l.jsx("input",{...s,id:b,ref:yr,"data-testid":d("input"),"aria-describedby":s["aria-describedby"]||q,"aria-invalid":s["aria-invalid"]||!!t,className:f([`${p}__input`,{[`${p}__input--valid`]:I,[`${p}__input--error`]:!!t}])}),l.jsx("div",{className:f(`${p}__frame`)}),(!!k.length||r)&&l.jsxs("div",{"data-testid":d("end-adornments"),className:f(`${p}__adornment-container`),children:[k,r]})]}),!!o&&o]}),q&&l.jsx(ue,{"data-testid":d("helper-text"),id:q,children:i}),t&&l.jsx(re,{"data-testid":d("error-text"),children:t})]})},F=y.forwardRef(We);F.displayName="TextField";const Ge=e=>y.isValidElement(e)&&e.type.displayName===F.displayName;exports.TextField=F;exports.isTextField=Ge;
|
|
38
38
|
//# sourceMappingURL=text-field.cjs.js.map
|
package/dist/text-field.es.js
CHANGED
|
@@ -2,20 +2,20 @@ import { jsxs as b, jsx as l, Fragment as jr } from "react/jsx-runtime";
|
|
|
2
2
|
import * as c from "react";
|
|
3
3
|
import { forwardRef as _r, useRef as Sr, useId as Nr, isValidElement as Or } from "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
const
|
|
5
|
+
const zr = {
|
|
6
6
|
LG: "lg"
|
|
7
7
|
};
|
|
8
|
-
function
|
|
8
|
+
function qr(e) {
|
|
9
9
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
10
10
|
}
|
|
11
|
-
var
|
|
11
|
+
var D = { exports: {} };
|
|
12
12
|
/*!
|
|
13
13
|
Copyright (c) 2018 Jed Watson.
|
|
14
14
|
Licensed under the MIT License (MIT), see
|
|
15
15
|
http://jedwatson.github.io/classnames
|
|
16
16
|
*/
|
|
17
17
|
var L;
|
|
18
|
-
function
|
|
18
|
+
function kr() {
|
|
19
19
|
return L || (L = 1, function(e) {
|
|
20
20
|
(function() {
|
|
21
21
|
var u = {}.hasOwnProperty;
|
|
@@ -45,28 +45,28 @@ function Mr() {
|
|
|
45
45
|
}
|
|
46
46
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
|
47
47
|
})();
|
|
48
|
-
}(
|
|
48
|
+
}(D)), D.exports;
|
|
49
49
|
}
|
|
50
|
-
var
|
|
51
|
-
const Z = /* @__PURE__ */
|
|
50
|
+
var Mr = kr();
|
|
51
|
+
const Z = /* @__PURE__ */ qr(Mr), Cr = "_rotate_1xozj_1", Ar = "_dash_1xozj_1", $ = {
|
|
52
52
|
"purpur-spinner": "_purpur-spinner_1xozj_1",
|
|
53
|
-
rotate:
|
|
53
|
+
rotate: Cr,
|
|
54
54
|
"purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
|
|
55
55
|
"purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
|
|
56
56
|
"purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
|
|
57
57
|
"purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
|
|
58
58
|
"purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
|
|
59
59
|
"purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
|
|
60
|
-
dash:
|
|
60
|
+
dash: Ar,
|
|
61
61
|
"purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
|
|
62
62
|
"purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
|
|
63
|
-
}, w = "purpur-spinner",
|
|
63
|
+
}, w = "purpur-spinner", Rr = {
|
|
64
64
|
SM: "sm"
|
|
65
|
-
},
|
|
65
|
+
}, Br = ({
|
|
66
66
|
["data-testid"]: e,
|
|
67
67
|
disabled: u = !1,
|
|
68
68
|
negative: n = !1,
|
|
69
|
-
size: a =
|
|
69
|
+
size: a = Rr.SM,
|
|
70
70
|
...o
|
|
71
71
|
}) => /* @__PURE__ */ l(
|
|
72
72
|
"div",
|
|
@@ -88,7 +88,7 @@ const Z = /* @__PURE__ */ zr(Cr), Ar = "_rotate_1xozj_1", Rr = "_dash_1xozj_1",
|
|
|
88
88
|
) })
|
|
89
89
|
}
|
|
90
90
|
);
|
|
91
|
-
function
|
|
91
|
+
function Ir(e) {
|
|
92
92
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
93
93
|
}
|
|
94
94
|
var T = { exports: {} };
|
|
@@ -98,7 +98,7 @@ var T = { exports: {} };
|
|
|
98
98
|
http://jedwatson.github.io/classnames
|
|
99
99
|
*/
|
|
100
100
|
var W;
|
|
101
|
-
function
|
|
101
|
+
function Er() {
|
|
102
102
|
return W || (W = 1, function(e) {
|
|
103
103
|
(function() {
|
|
104
104
|
var u = {}.hasOwnProperty;
|
|
@@ -130,8 +130,8 @@ function Pr() {
|
|
|
130
130
|
})();
|
|
131
131
|
}(T)), T.exports;
|
|
132
132
|
}
|
|
133
|
-
var
|
|
134
|
-
const
|
|
133
|
+
var Pr = Er();
|
|
134
|
+
const Vr = /* @__PURE__ */ Ir(Pr), Fr = {
|
|
135
135
|
"purpur-button": "_purpur-button_w455q_1",
|
|
136
136
|
"purpur-button--xs": "_purpur-button--xs_w455q_33",
|
|
137
137
|
"purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
|
|
@@ -153,7 +153,7 @@ const Fr = /* @__PURE__ */ Er(Vr), Dr = {
|
|
|
153
153
|
"purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
|
|
154
154
|
"purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
|
|
155
155
|
"purpur-button--text": "_purpur-button--text_w455q_181"
|
|
156
|
-
},
|
|
156
|
+
}, Dr = Vr.bind(Fr), g = "purpur-button", Lr = ({
|
|
157
157
|
children: e,
|
|
158
158
|
className: u,
|
|
159
159
|
["data-testid"]: n,
|
|
@@ -170,7 +170,7 @@ const Fr = /* @__PURE__ */ Er(Vr), Dr = {
|
|
|
170
170
|
}, p) => {
|
|
171
171
|
if (r && m === "destructive")
|
|
172
172
|
return null;
|
|
173
|
-
const x =
|
|
173
|
+
const x = Dr(
|
|
174
174
|
[
|
|
175
175
|
g,
|
|
176
176
|
`${g}--${i ? `${m}-negative` : m}`,
|
|
@@ -183,7 +183,7 @@ const Fr = /* @__PURE__ */ Er(Vr), Dr = {
|
|
|
183
183
|
[`${g}--disabled`]: a || t
|
|
184
184
|
},
|
|
185
185
|
u
|
|
186
|
-
),
|
|
186
|
+
), z = (d) => {
|
|
187
187
|
a || t ? d.preventDefault() : v && v(d);
|
|
188
188
|
}, y = !!N["aria-disabled"] || a || t;
|
|
189
189
|
return /* @__PURE__ */ b(
|
|
@@ -194,10 +194,10 @@ const Fr = /* @__PURE__ */ Er(Vr), Dr = {
|
|
|
194
194
|
type: O,
|
|
195
195
|
ref: p,
|
|
196
196
|
"aria-disabled": y,
|
|
197
|
-
onClick:
|
|
197
|
+
onClick: z,
|
|
198
198
|
...N,
|
|
199
199
|
children: [
|
|
200
|
-
t && /* @__PURE__ */ l(
|
|
200
|
+
t && /* @__PURE__ */ l(Br, { size: h === zr.LG ? "xs" : "xxs", negative: i, disabled: y }),
|
|
201
201
|
" ",
|
|
202
202
|
e
|
|
203
203
|
]
|
|
@@ -482,7 +482,7 @@ const _e = /* @__PURE__ */ se(de), fe = {
|
|
|
482
482
|
u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
|
483
483
|
], a = u ? `<title>${u}</title>` : "";
|
|
484
484
|
return `<svg ${ge(n)}>${a}${e}</svg>`;
|
|
485
|
-
}, ye = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(),
|
|
485
|
+
}, ye = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), I = ({
|
|
486
486
|
["data-testid"]: e,
|
|
487
487
|
svg: u,
|
|
488
488
|
allyTitle: n,
|
|
@@ -505,20 +505,20 @@ const _e = /* @__PURE__ */ se(de), fe = {
|
|
|
505
505
|
}
|
|
506
506
|
);
|
|
507
507
|
};
|
|
508
|
-
|
|
508
|
+
I.displayName = "Icon";
|
|
509
509
|
const be = {
|
|
510
510
|
name: "check-circle-filled",
|
|
511
511
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
|
|
512
512
|
keywords: ["check-circle-filled"],
|
|
513
513
|
category: "status"
|
|
514
|
-
}, mr = (e) => /* @__PURE__ */ l(
|
|
514
|
+
}, mr = (e) => /* @__PURE__ */ l(I, { ...e, svg: be });
|
|
515
515
|
mr.displayName = "IconCheckCircleFilled";
|
|
516
516
|
const he = {
|
|
517
517
|
name: "close",
|
|
518
518
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
|
|
519
519
|
keywords: ["close"],
|
|
520
520
|
category: "utility"
|
|
521
|
-
}, gr = (e) => /* @__PURE__ */ l(
|
|
521
|
+
}, gr = (e) => /* @__PURE__ */ l(I, { ...e, svg: he });
|
|
522
522
|
gr.displayName = "IconClose";
|
|
523
523
|
function ar(e, u) {
|
|
524
524
|
if (typeof e == "function")
|
|
@@ -545,12 +545,12 @@ var xr = c.forwardRef((e, u) => {
|
|
|
545
545
|
const { children: n, ...a } = e, o = c.Children.toArray(n), r = o.find(je);
|
|
546
546
|
if (r) {
|
|
547
547
|
const t = r.props.children, i = o.map((v) => v === r ? c.Children.count(t) > 1 ? c.Children.only(null) : c.isValidElement(t) ? t.props.children : null : v);
|
|
548
|
-
return /* @__PURE__ */ l(
|
|
548
|
+
return /* @__PURE__ */ l(B, { ...a, ref: u, children: c.isValidElement(t) ? c.cloneElement(t, void 0, i) : null });
|
|
549
549
|
}
|
|
550
|
-
return /* @__PURE__ */ l(
|
|
550
|
+
return /* @__PURE__ */ l(B, { ...a, ref: u, children: n });
|
|
551
551
|
});
|
|
552
552
|
xr.displayName = "Slot";
|
|
553
|
-
var
|
|
553
|
+
var B = c.forwardRef((e, u) => {
|
|
554
554
|
const { children: n, ...a } = e;
|
|
555
555
|
if (c.isValidElement(n)) {
|
|
556
556
|
const o = Ne(n), r = Se(a, n.props);
|
|
@@ -558,7 +558,7 @@ var I = c.forwardRef((e, u) => {
|
|
|
558
558
|
}
|
|
559
559
|
return c.Children.count(n) > 1 ? c.Children.only(null) : null;
|
|
560
560
|
});
|
|
561
|
-
|
|
561
|
+
B.displayName = "SlotClone";
|
|
562
562
|
var we = ({ children: e }) => /* @__PURE__ */ l(jr, { children: e });
|
|
563
563
|
function je(e) {
|
|
564
564
|
return c.isValidElement(e) && e.type === we;
|
|
@@ -595,14 +595,14 @@ var Oe = [
|
|
|
595
595
|
"span",
|
|
596
596
|
"svg",
|
|
597
597
|
"ul"
|
|
598
|
-
],
|
|
598
|
+
], ze = Oe.reduce((e, u) => {
|
|
599
599
|
const n = c.forwardRef((a, o) => {
|
|
600
600
|
const { asChild: r, ...t } = a, i = r ? xr : u;
|
|
601
601
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(i, { ...t, ref: o });
|
|
602
602
|
});
|
|
603
603
|
return n.displayName = `Primitive.${u}`, { ...e, [u]: n };
|
|
604
|
-
}, {}),
|
|
605
|
-
|
|
604
|
+
}, {}), qe = "Label", yr = c.forwardRef((e, u) => /* @__PURE__ */ l(
|
|
605
|
+
ze.label,
|
|
606
606
|
{
|
|
607
607
|
...e,
|
|
608
608
|
ref: u,
|
|
@@ -612,9 +612,9 @@ var Oe = [
|
|
|
612
612
|
}
|
|
613
613
|
}
|
|
614
614
|
));
|
|
615
|
-
yr.displayName =
|
|
616
|
-
var
|
|
617
|
-
function
|
|
615
|
+
yr.displayName = qe;
|
|
616
|
+
var ke = yr;
|
|
617
|
+
function Me(e) {
|
|
618
618
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
619
619
|
}
|
|
620
620
|
var or = { exports: {} };
|
|
@@ -624,7 +624,7 @@ var or = { exports: {} };
|
|
|
624
624
|
http://jedwatson.github.io/classnames
|
|
625
625
|
*/
|
|
626
626
|
var lr;
|
|
627
|
-
function
|
|
627
|
+
function Ce() {
|
|
628
628
|
return lr || (lr = 1, function(e) {
|
|
629
629
|
(function() {
|
|
630
630
|
var u = {}.hasOwnProperty;
|
|
@@ -656,12 +656,12 @@ function Ae() {
|
|
|
656
656
|
})();
|
|
657
657
|
}(or)), or.exports;
|
|
658
658
|
}
|
|
659
|
-
var
|
|
660
|
-
const
|
|
659
|
+
var Ae = Ce();
|
|
660
|
+
const Re = /* @__PURE__ */ Me(Ae), C = {
|
|
661
661
|
"purpur-label": "_purpur-label_1jndl_1",
|
|
662
662
|
"purpur-label--negative": "_purpur-label--negative_1jndl_8",
|
|
663
663
|
"purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
|
|
664
|
-
},
|
|
664
|
+
}, A = "purpur-label", Be = ({
|
|
665
665
|
children: e,
|
|
666
666
|
className: u,
|
|
667
667
|
htmlFor: n,
|
|
@@ -670,17 +670,17 @@ const Be = /* @__PURE__ */ Ce(Re), A = {
|
|
|
670
670
|
negative: r = !1,
|
|
671
671
|
...t
|
|
672
672
|
}) => {
|
|
673
|
-
const i =
|
|
673
|
+
const i = Re([
|
|
674
674
|
u,
|
|
675
|
-
A
|
|
675
|
+
C[A],
|
|
676
676
|
{
|
|
677
|
-
[
|
|
678
|
-
[
|
|
677
|
+
[C[`${A}--disabled`]]: o,
|
|
678
|
+
[C[`${A}--negative`]]: r
|
|
679
679
|
}
|
|
680
680
|
]);
|
|
681
|
-
return /* @__PURE__ */ l(
|
|
681
|
+
return /* @__PURE__ */ l(ke, { className: i, "data-testid": a, htmlFor: n, ...t, children: e });
|
|
682
682
|
};
|
|
683
|
-
function
|
|
683
|
+
function Ie(e) {
|
|
684
684
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
685
685
|
}
|
|
686
686
|
var pr = { exports: {} };
|
|
@@ -690,7 +690,7 @@ var pr = { exports: {} };
|
|
|
690
690
|
http://jedwatson.github.io/classnames
|
|
691
691
|
*/
|
|
692
692
|
var sr;
|
|
693
|
-
function
|
|
693
|
+
function Ee() {
|
|
694
694
|
return sr || (sr = 1, function(e) {
|
|
695
695
|
(function() {
|
|
696
696
|
var u = {}.hasOwnProperty;
|
|
@@ -722,26 +722,26 @@ function Pe() {
|
|
|
722
722
|
})();
|
|
723
723
|
}(pr)), pr.exports;
|
|
724
724
|
}
|
|
725
|
-
var
|
|
726
|
-
const cr = /* @__PURE__ */
|
|
725
|
+
var Pe = Ee();
|
|
726
|
+
const cr = /* @__PURE__ */ Ie(Pe), Ve = "_rotate_1xozj_1", Fe = "_dash_1xozj_1", j = {
|
|
727
727
|
"purpur-spinner": "_purpur-spinner_1xozj_1",
|
|
728
|
-
rotate:
|
|
728
|
+
rotate: Ve,
|
|
729
729
|
"purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
|
|
730
730
|
"purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
|
|
731
731
|
"purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
|
|
732
732
|
"purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
|
|
733
733
|
"purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
|
|
734
734
|
"purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
|
|
735
|
-
dash:
|
|
735
|
+
dash: Fe,
|
|
736
736
|
"purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
|
|
737
737
|
"purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
|
|
738
|
-
}, S = "purpur-spinner",
|
|
738
|
+
}, S = "purpur-spinner", De = {
|
|
739
739
|
SM: "sm"
|
|
740
740
|
}, Le = ({
|
|
741
741
|
["data-testid"]: e,
|
|
742
742
|
disabled: u = !1,
|
|
743
743
|
negative: n = !1,
|
|
744
|
-
size: a =
|
|
744
|
+
size: a = De.SM,
|
|
745
745
|
...o
|
|
746
746
|
}) => /* @__PURE__ */ l(
|
|
747
747
|
"div",
|
|
@@ -766,7 +766,7 @@ const cr = /* @__PURE__ */ Ee(Ve), Fe = "_rotate_1xozj_1", De = "_dash_1xozj_1",
|
|
|
766
766
|
function Ze(e) {
|
|
767
767
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
768
768
|
}
|
|
769
|
-
var
|
|
769
|
+
var R = { exports: {} };
|
|
770
770
|
/*!
|
|
771
771
|
Copyright (c) 2018 Jed Watson.
|
|
772
772
|
Licensed under the MIT License (MIT), see
|
|
@@ -803,26 +803,26 @@ function Te() {
|
|
|
803
803
|
}
|
|
804
804
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
|
805
805
|
})();
|
|
806
|
-
}(
|
|
806
|
+
}(R)), R.exports;
|
|
807
807
|
}
|
|
808
808
|
var We = Te();
|
|
809
809
|
const Ge = /* @__PURE__ */ Ze(We), He = {
|
|
810
|
-
"purpur-text-field": "_purpur-text-
|
|
811
|
-
"purpur-text-field__label": "_purpur-text-
|
|
812
|
-
"purpur-text-field__label-text": "_purpur-text-field__label-
|
|
813
|
-
"purpur-text-field__field-row": "_purpur-text-field__field-
|
|
814
|
-
"purpur-text-field__frame": "_purpur-text-
|
|
815
|
-
"purpur-text-field__input-container": "_purpur-text-field__input-
|
|
816
|
-
"purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--
|
|
817
|
-
"purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--
|
|
818
|
-
"purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-
|
|
819
|
-
"purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-
|
|
820
|
-
"purpur-text-field__input": "_purpur-text-
|
|
821
|
-
"purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-
|
|
822
|
-
"purpur-text-field__input--valid": "_purpur-text-field__input--
|
|
823
|
-
"purpur-text-field__input--error": "_purpur-text-field__input--
|
|
824
|
-
"purpur-text-field__adornment-container": "_purpur-text-field__adornment-
|
|
825
|
-
"purpur-text-field__valid-icon": "_purpur-text-field__valid-
|
|
810
|
+
"purpur-text-field": "_purpur-text-field_1k23z_1",
|
|
811
|
+
"purpur-text-field__label": "_purpur-text-field__label_1k23z_7",
|
|
812
|
+
"purpur-text-field__label-text": "_purpur-text-field__label-text_1k23z_13",
|
|
813
|
+
"purpur-text-field__field-row": "_purpur-text-field__field-row_1k23z_16",
|
|
814
|
+
"purpur-text-field__frame": "_purpur-text-field__frame_1k23z_20",
|
|
815
|
+
"purpur-text-field__input-container": "_purpur-text-field__input-container_1k23z_27",
|
|
816
|
+
"purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1k23z_38",
|
|
817
|
+
"purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1k23z_41",
|
|
818
|
+
"purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1k23z_44",
|
|
819
|
+
"purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1k23z_47",
|
|
820
|
+
"purpur-text-field__input": "_purpur-text-field__input_1k23z_27",
|
|
821
|
+
"purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1k23z_53",
|
|
822
|
+
"purpur-text-field__input--valid": "_purpur-text-field__input--valid_1k23z_95",
|
|
823
|
+
"purpur-text-field__input--error": "_purpur-text-field__input--error_1k23z_95",
|
|
824
|
+
"purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1k23z_107",
|
|
825
|
+
"purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1k23z_112"
|
|
826
826
|
}, Ue = (e) => Sr(e), f = Ge.bind(He), s = "purpur-text-field", Xe = ({
|
|
827
827
|
["data-testid"]: e,
|
|
828
828
|
className: u,
|
|
@@ -839,13 +839,13 @@ const Ge = /* @__PURE__ */ Ze(We), He = {
|
|
|
839
839
|
valid: N = !1,
|
|
840
840
|
...p
|
|
841
841
|
}, x) => {
|
|
842
|
-
var
|
|
843
|
-
const
|
|
844
|
-
|
|
842
|
+
var F;
|
|
843
|
+
const z = Nr(), y = p.id ?? z, d = (_) => e ? `${e}-${_}` : void 0, E = N && !t, q = i ? `${y}-helper-text` : void 0, k = [O].filter((_) => !!_), P = (typeof p.value == "number" ? p.value !== void 0 : (F = p.value) == null ? void 0 : F.length) && !p.disabled && !p.readOnly && !h && m && n, V = Ue(null), hr = (_) => {
|
|
844
|
+
V.current = _, typeof x == "function" ? x(_) : x && (x.current = _);
|
|
845
845
|
}, $r = () => {
|
|
846
846
|
var _;
|
|
847
|
-
m == null || m(), (_ =
|
|
848
|
-
},
|
|
847
|
+
m == null || m(), (_ = V.current) == null || _.focus();
|
|
848
|
+
}, M = [
|
|
849
849
|
h && /* @__PURE__ */ l(
|
|
850
850
|
Le,
|
|
851
851
|
{
|
|
@@ -855,7 +855,7 @@ const Ge = /* @__PURE__ */ Ze(We), He = {
|
|
|
855
855
|
},
|
|
856
856
|
"spinner"
|
|
857
857
|
),
|
|
858
|
-
|
|
858
|
+
P && /* @__PURE__ */ l(
|
|
859
859
|
fr,
|
|
860
860
|
{
|
|
861
861
|
variant: "tertiary-purple",
|
|
@@ -868,7 +868,7 @@ const Ge = /* @__PURE__ */ Ze(We), He = {
|
|
|
868
868
|
},
|
|
869
869
|
"clear-button"
|
|
870
870
|
),
|
|
871
|
-
|
|
871
|
+
E && /* @__PURE__ */ l(
|
|
872
872
|
mr,
|
|
873
873
|
{
|
|
874
874
|
"data-testid": d("valid-icon"),
|
|
@@ -879,16 +879,16 @@ const Ge = /* @__PURE__ */ Ze(We), He = {
|
|
|
879
879
|
].filter((_) => !!_), wr = f([
|
|
880
880
|
`${s}__input-container`,
|
|
881
881
|
{
|
|
882
|
-
[`${s}__input-container--start-adornment`]:
|
|
883
|
-
[`${s}__input-container--end-adornment`]:
|
|
882
|
+
[`${s}__input-container--start-adornment`]: k.length,
|
|
883
|
+
[`${s}__input-container--end-adornment`]: M.length || r,
|
|
884
884
|
[`${s}__input-container--disabled`]: p.disabled,
|
|
885
|
-
[`${s}__input-container--has-clear-button`]:
|
|
885
|
+
[`${s}__input-container--has-clear-button`]: P,
|
|
886
886
|
[`${s}__input-container--readonly`]: p.readOnly && !p.disabled
|
|
887
887
|
}
|
|
888
888
|
]);
|
|
889
889
|
return /* @__PURE__ */ b("div", { className: f(u, s), children: [
|
|
890
890
|
v && /* @__PURE__ */ l(
|
|
891
|
-
|
|
891
|
+
Be,
|
|
892
892
|
{
|
|
893
893
|
htmlFor: y,
|
|
894
894
|
className: f(`${s}__label`),
|
|
@@ -900,12 +900,12 @@ const Ge = /* @__PURE__ */ Ze(We), He = {
|
|
|
900
900
|
/* @__PURE__ */ b("div", { className: f(`${s}__field-row`), children: [
|
|
901
901
|
!!a && a,
|
|
902
902
|
/* @__PURE__ */ b("div", { className: wr, children: [
|
|
903
|
-
!!
|
|
903
|
+
!!k.length && /* @__PURE__ */ l(
|
|
904
904
|
"div",
|
|
905
905
|
{
|
|
906
906
|
"data-testid": d("start-adornments"),
|
|
907
907
|
className: f(`${s}__adornment-container`),
|
|
908
|
-
children:
|
|
908
|
+
children: k
|
|
909
909
|
}
|
|
910
910
|
),
|
|
911
911
|
/* @__PURE__ */ l(
|
|
@@ -915,25 +915,25 @@ const Ge = /* @__PURE__ */ Ze(We), He = {
|
|
|
915
915
|
id: y,
|
|
916
916
|
ref: hr,
|
|
917
917
|
"data-testid": d("input"),
|
|
918
|
-
"aria-describedby": p["aria-describedby"] ||
|
|
918
|
+
"aria-describedby": p["aria-describedby"] || q,
|
|
919
919
|
"aria-invalid": p["aria-invalid"] || !!t,
|
|
920
920
|
className: f([
|
|
921
921
|
`${s}__input`,
|
|
922
922
|
{
|
|
923
|
-
[`${s}__input--valid`]:
|
|
923
|
+
[`${s}__input--valid`]: E,
|
|
924
924
|
[`${s}__input--error`]: !!t
|
|
925
925
|
}
|
|
926
926
|
])
|
|
927
927
|
}
|
|
928
928
|
),
|
|
929
929
|
/* @__PURE__ */ l("div", { className: f(`${s}__frame`) }),
|
|
930
|
-
(!!
|
|
930
|
+
(!!M.length || r) && /* @__PURE__ */ b(
|
|
931
931
|
"div",
|
|
932
932
|
{
|
|
933
933
|
"data-testid": d("end-adornments"),
|
|
934
934
|
className: f(`${s}__adornment-container`),
|
|
935
935
|
children: [
|
|
936
|
-
|
|
936
|
+
M,
|
|
937
937
|
r
|
|
938
938
|
]
|
|
939
939
|
}
|
|
@@ -941,7 +941,7 @@ const Ge = /* @__PURE__ */ Ze(We), He = {
|
|
|
941
941
|
] }),
|
|
942
942
|
!!o && o
|
|
943
943
|
] }),
|
|
944
|
-
|
|
944
|
+
q && /* @__PURE__ */ l(pe, { "data-testid": d("helper-text"), id: q, children: i }),
|
|
945
945
|
t && /* @__PURE__ */ l(ie, { "data-testid": d("error-text"), children: t })
|
|
946
946
|
] });
|
|
947
947
|
}, br = _r(Xe);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/text-field",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.8.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/text-field.cjs.js",
|
|
6
6
|
"types": "./dist/text-field.d.ts",
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
"source": "src/text-field.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/button": "6.
|
|
20
|
-
"@purpurds/field-
|
|
21
|
-
"@purpurds/field-
|
|
22
|
-
"@purpurds/label": "6.
|
|
23
|
-
"@purpurds/
|
|
24
|
-
"@purpurds/
|
|
25
|
-
"@purpurds/tokens": "6.
|
|
19
|
+
"@purpurds/button": "6.8.0",
|
|
20
|
+
"@purpurds/field-helper-text": "6.8.0",
|
|
21
|
+
"@purpurds/field-error-text": "6.8.0",
|
|
22
|
+
"@purpurds/label": "6.8.0",
|
|
23
|
+
"@purpurds/spinner": "6.8.0",
|
|
24
|
+
"@purpurds/icon": "6.8.0",
|
|
25
|
+
"@purpurds/tokens": "6.8.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@rushstack/eslint-patch": "~1.10.0",
|