@up42/up-components 0.1.7 → 0.1.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.
Files changed (3) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/esm/index.js +1 -1
  3. package/package.json +2 -2
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),r=require("react"),t=require("@mui/material/styles"),o=require("@mui/material/Button"),n=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),i=require("@mui/material/IconButton"),l=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(r),s=d(o),u=d(n),g=d(a),p=d(i),m=d(l),b=d(c),h={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",base:{indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315"},border:{default:"#dfe1e6"},brand:{darkMatter:"#262a59",titanPink:"#d40fa9",planetBlue:"#1dd7f0",greenEarth:"#aed581"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}},utility:{active:"#20b0c7",danger:"#e35656",info:"#262a59",success:"#aed581"}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},y=function(){return y=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},y.apply(this,arguments)};function x(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}var v={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:h.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:h.size.spacing.scale8}},colorDefault:{backgroundColor:h.color.gray10,color:h.color.gray60},colorPrimary:{backgroundColor:h.color.indigo10,color:h.color.indigo80},colorSecondary:{backgroundColor:h.color.pink10,color:h.color.pink80},colorError:{backgroundColor:h.color.red10,color:h.color.red50},colorInfo:{backgroundColor:h.color.indigo10,color:h.color.indigo80},colorSuccess:{backgroundColor:h.color.green10,color:h.color.green80}}},k={h1:{fontFamily:h.font.family.heading,fontSize:h.size.font.heading.default,fontWeight:h.font.weight.bold,lineHeight:h.font.lineHeight.xlarge},h2:{fontFamily:h.font.family.heading,fontSize:h.size.font.heading.small,fontWeight:h.font.weight.bold,lineHeight:h.font.lineHeight.xlarge},h3:{fontFamily:h.font.family.heading,fontSize:h.size.font.heading.xsmall,fontWeight:h.font.weight.bold,lineHeight:h.font.lineHeight.large},body1:{fontFamily:h.font.family.text,fontSize:h.size.font.body.default,fontWeight:h.font.weight.normal,lineHeight:h.font.lineHeight.large},body2:{fontFamily:h.font.family.text,fontSize:h.size.font.body.default,fontWeight:h.font.weight.bold,lineHeight:h.font.lineHeight.large},caption:{fontFamily:h.font.family.text,fontSize:h.size.font.caption.default,fontWeight:h.font.weight.normal,lineHeight:h.font.lineHeight.medium},overline:{fontFamily:h.font.family.heading,fontSize:h.size.font.overline.default,letterSpacing:"initial",fontWeight:h.font.weight.bold,color:h.color.gray60}},z={small:"".concat(h.size.spacing.scale4," ").concat(h.size.spacing.scale8),medium:"".concat(h.size.spacing.scale8," ").concat(h.size.spacing.scale16),large:"".concat(h.size.spacing.scale16," ").concat(h.size.spacing.scale32)},S={styleOverrides:{root:{textTransform:"none",lineHeight:h.size.spacing.scale16,fontWeight:h.font.weight.bold,fontFamily:h.font.family.text},contained:{padding:z.medium},containedSizeSmall:{padding:z.small},containedSizeLarge:{padding:z.large},text:{padding:z.medium},textSizeSmall:{padding:z.small},textSizeLarge:{padding:z.large},outlined:{padding:"7px ".concat(h.size.spacing.scale16)},outlinedSizeSmall:{padding:z.small},outlinedSizeLarge:{padding:z.large},sizeSmall:{fontSize:h.size.font.label.default},sizeLarge:{fontSize:h.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},E={styleOverrides:{root:{color:h.color.gray60,backgroundColor:h.color.background.dark},sizeSmall:{padding:"3px"}}},C={styleOverrides:{root:{fontFamily:h.font.family.text,fontSize:h.size.font.label.default,fontWeight:h.font.weight.bold,width:h.size.spacing.scale24,height:h.size.spacing.scale24,"& .MuiSvgIcon-root":{width:h.size.spacing.scale16}},colorDefault:{backgroundColor:h.color.background.dark,"& .MuiSvgIcon-root":{color:h.color.gray60}}}},w={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:h.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:h.color.brand.darkMatter},"&$disabled":{opacity:.5}}}},F={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:h.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},O={styleOverrides:{root:{marginRight:16},colorSecondary:{color:h.color.gray0,"&$checked":{color:h.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:h.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:h.color.background.light,border:"2px solid ".concat(h.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:h.color.brand.darkMatter,border:"2px solid ".concat(h.color.brand.darkMatter)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},T={styleOverrides:{outlined:{position:"relative",padding:h.size.spacing.scale8,fontSize:h.size.font.label.default,borderRadius:h.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:h.color.background.dark,color:h.color.text.light}}}},M={styleOverrides:{root:{input:{padding:h.size.spacing.scale8,fontSize:h.size.font.label.default,height:h.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(h.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:h.size.spacing.scale16,height:h.size.spacing.scale16}}}}},P={styleOverrides:{outlined:{notchedOutline:{borderColor:h.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}};h.size.font.body.default,h.font.family.text,h.color.gray100;var L={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(h.size.spacing.scale16),fontFamily:h.font.family.text,color:h.color.gray60,padding:"0 0 ".concat(h.size.spacing.scale16," 0"),"&:hover":{color:h.color.brand.darkMatter,opacity:1},"&$selected":{color:h.color.brand.darkMatter},"&:focus":{color:h.color.brand.darkMatter}}},defaultProps:{disableRipple:!0}};h.size.font.caption.default;var B,H,W,I={styleOverrides:{root:{borderBottom:"1px solid ".concat(h.color.gray20)},indicator:{backgroundColor:h.color.brand.darkMatter}}},R={styleOverrides:{root:{fontWeight:h.font.weight.bold,lineHeight:h.font.lineHeight.medium,fontFamily:h.font.family.text,fontSize:h.size.font.caption.default,color:h.color.text.base,marginBottom:h.size.spacing.scale8}}},j=e.createTheme({typography:y({},k),palette:{background:{default:"#ffffff"},primary:{main:h.color.brand.darkMatter},secondary:{main:h.color.brand.titanPink},error:{main:h.color.utility.danger},info:{main:h.color.utility.info},success:{main:h.color.green60}},components:{MuiButton:S,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:E,MuiChip:v,MuiInput:P,MuiTextField:M,MuiFormLabel:R,MuiTabs:I,MuiTab:L,MuiAvatar:C,MuiCheckbox:w,MuiRadio:F,MuiSwitch:O,MuiSelect:T,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),q=t.styled(e.CircularProgress)(W||(B=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],H=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(B,"raw",{value:H}):B.raw=H,W=B)),$={small:6,medium:8,large:12,fluid:12},A=function(r){var t=x(r,[]);return f.default.createElement(e.Checkbox,y({},t))},G=function(r){return f.default.createElement(e.Radio,y({},r))},N=function(r){return f.default.createElement(e.Switch,y({},r))},X=function(r){return f.default.createElement(e.Select,y({variant:"outlined"},r))},D=function(t){var o=t.type,n=x(t,["type"]),a=r.useState(!1),i=a[0],l=a[1],c=y(y({},n.InputProps),"password"===o&&{endAdornment:f.default.createElement(g.default,{position:"end"},f.default.createElement(p.default,{"aria-label":"toggle password visibility",onClick:function(){return l(!i)},edge:"end"},i?f.default.createElement(m.default,null):f.default.createElement(b.default,null)))});return f.default.createElement(e.TextField,y({},n,{type:i?"text":o,InputProps:c}))};exports.Avatar=function(r){var t=r.icon,o=r.firstName,n=void 0===o?"":o,a=r.lastName,i=void 0===a?"":a,l=x(r,["icon","firstName","lastName"]),c="".concat(n.substring(0,1)).concat(i.substring(0,1)).toLocaleUpperCase(),d=c?h.color.brand.titanPink:h.color.background.dark;return f.default.createElement(e.Avatar,y({sx:y({backgroundColor:d},l.sx)},l),c||t)},exports.Box=function(r){var t=r.children,o=x(r,["children"]);return f.default.createElement(e.Box,y({},o),t)},exports.Button=function(e){var r=e.color,t=void 0===r?"primary":r,o=e.variant,n=void 0===o?"contained":o,a=e.size,i=void 0===a?"medium":a,l=e.loading,c=e.children,d=x(e,["color","variant","size","loading","children"]);return f.default.createElement(s.default,y({size:i,variant:n,color:t,disabled:l},d),f.default.createElement("span",{style:{opacity:l?0:1}},c),l&&f.default.createElement(q,{size:20,color:"inherit"}))},exports.Checkbox=A,exports.Chip=function(r){var t=r.label,o=x(r,["label"]);return f.default.createElement(e.Chip,y({size:"small",label:t},o))},exports.Container=function(r){var t=r.component,o=void 0===t?"div":t,n=r.size,a=void 0===n?"large":n,i=r.children,l=x(r,["component","size","children"]),c="fluid"===a;return f.default.createElement(e.Container,y({component:o,disableGutters:c,maxWidth:!c&&"lg",sx:y({display:"flex",justifyContent:"center"},l.sx)},l),f.default.createElement(e.Grid,{container:!0,justifyContent:"center"},f.default.createElement(e.Grid,{item:!0,md:$[a]},i)))},exports.FormCheckbox=function(r){var t=r.id,o=r.required,n=void 0===o||o,a=r.data,i=r.label,l=r.error,c=r.helperText;return f.default.createElement(e.FormControl,null,f.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":f.default.createElement(e.Box,{component:"span",sx:{fontWeight:h.font.weight.normal,color:h.color.text.light}},"(optional)")),f.default.createElement(e.FormGroup,null,a.map((function(r,o){var n=r.value,a=r.label;return f.default.createElement(e.FormControlLabel,{key:o,value:n,label:a||"",sx:{fontSize:h.size.font.base,color:h.color.text.base},control:f.default.createElement(A,{color:"primary",inputProps:{"data-testid":"".concat(t,"-").concat(o)}})})}))),l&&f.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},c))},exports.FormInput=function(r){var t=r.id,o=r.required,n=void 0===o||o,a=r.label,i=r.error,l=r.helperText,c=x(r,["id","required","label","error","helperText"]);return f.default.createElement(e.FormControl,null,f.default.createElement(e.FormLabel,{component:"label",error:i},a," ",!n&&f.default.createElement(e.Box,{component:"span",sx:{fontWeight:h.font.weight.normal,color:h.color.text.light}},"(optional)")),f.default.createElement(D,y({},c,{id:t,error:i,inputProps:{"data-testid":t}})),i&&f.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:i},l))},exports.FormRadio=function(r){var t=r.id,o=r.helperText,n=r.label,a=r.error,i=r.required,l=void 0===i||i,c=r.name,d=r.data;return f.default.createElement(e.FormControl,{component:"fieldset",error:a},f.default.createElement(e.FormLabel,{component:"legend"},n," ",l?"":f.default.createElement(e.Box,{component:"span",sx:{fontWeight:h.font.weight.normal,color:h.color.text.light}},"(optional)")),f.default.createElement(e.RadioGroup,{"aria-label":c,name:c},d.map((function(r,o){var n=r.value,a=r.label;return f.default.createElement(e.FormControlLabel,{value:n,key:n,label:a||"",sx:{fontSize:h.size.font.base,color:h.color.text.base},control:f.default.createElement(G,{color:"primary",inputProps:{"data-testid":"".concat(t,"-").concat(o)}})})}))),a&&f.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0}},o))},exports.FormSelect=function(r){var t=r.id,o=r.required,n=void 0===o||o,a=r.options,i=r.label,l=r.error,c=r.placeholder,d=r.helperText;return f.default.createElement(e.FormControl,null,f.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":f.default.createElement(e.Box,{component:"span",sx:{fontWeight:h.font.weight.normal,color:h.color.text.light}},"(optional)")),f.default.createElement(X,{id:t,placeholder:c,error:l},a.map((function(r){return f.default.createElement(e.MenuItem,{key:r.value,value:r.value},r.text)}))),l&&f.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},d))},exports.FormSwitch=function(r){var t=r.id,o=r.label,n=r.checked;return f.default.createElement(e.FormControl,null,f.default.createElement(e.FormLabel,{component:"label"},o),f.default.createElement(e.FormControlLabel,{control:f.default.createElement(N,{id:t}),label:"".concat(n?"Active":"Inactive")}))},exports.Input=D,exports.Link=function(r){var t=r.children,o=x(r,["children"]);return f.default.createElement(e.Link,y({underline:"hover",variant:"caption",component:"span"},o),t)},exports.Radio=G,exports.Select=X,exports.Switch=N,exports.Typography=function(e){var r=e.children,t=x(e,["children"]);return f.default.createElement(u.default,y({},t),r)},exports.UpComponentsProvider=function(r){return f.default.createElement(f.default.Fragment,null,f.default.createElement(e.CssBaseline,null),f.default.createElement(t.ThemeProvider,{theme:j},r.children))},exports.theme=j,exports.tokens=h,Object.keys(e).forEach((function(r){"default"===r||exports.hasOwnProperty(r)||Object.defineProperty(exports,r,{enumerable:!0,get:function(){return e[r]}})}));
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),r=require("react"),o=require("@mui/material/styles"),t=require("@mui/material/Button"),n=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),i=require("@mui/material/IconButton"),l=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(r),s=d(t),u=d(n),p=d(a),g=d(i),m=d(l),h=d(c),b={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",base:{indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315"},border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},y=function(){return y=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},y.apply(this,arguments)};function x(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}var v={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:b.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:b.size.spacing.scale8}},colorDefault:{backgroundColor:b.color.gray10,color:b.color.gray60},colorPrimary:{backgroundColor:b.color.indigo10,color:b.color.indigo80},colorSecondary:{backgroundColor:b.color.pink10,color:b.color.pink80},colorError:{backgroundColor:b.color.red10,color:b.color.red50},colorInfo:{backgroundColor:b.color.indigo10,color:b.color.indigo80},colorSuccess:{backgroundColor:b.color.green10,color:b.color.green80}}},k={h1:{fontFamily:b.font.family.heading,fontSize:b.size.font.heading.default,fontWeight:b.font.weight.bold,lineHeight:b.font.lineHeight.xlarge},h2:{fontFamily:b.font.family.heading,fontSize:b.size.font.heading.small,fontWeight:b.font.weight.bold,lineHeight:b.font.lineHeight.xlarge},h3:{fontFamily:b.font.family.heading,fontSize:b.size.font.heading.xsmall,fontWeight:b.font.weight.bold,lineHeight:b.font.lineHeight.large},body1:{fontFamily:b.font.family.text,fontSize:b.size.font.body.default,fontWeight:b.font.weight.normal,lineHeight:b.font.lineHeight.large},body2:{fontFamily:b.font.family.text,fontSize:b.size.font.body.default,fontWeight:b.font.weight.bold,lineHeight:b.font.lineHeight.large},caption:{fontFamily:b.font.family.text,fontSize:b.size.font.caption.default,fontWeight:b.font.weight.normal,lineHeight:b.font.lineHeight.medium},overline:{fontFamily:b.font.family.heading,fontSize:b.size.font.overline.default,letterSpacing:"initial",fontWeight:b.font.weight.bold,color:b.color.gray60}},z={small:"".concat(b.size.spacing.scale4," ").concat(b.size.spacing.scale8),medium:"".concat(b.size.spacing.scale8," ").concat(b.size.spacing.scale16),large:"".concat(b.size.spacing.scale16," ").concat(b.size.spacing.scale32)},S={styleOverrides:{root:{textTransform:"none",lineHeight:b.size.spacing.scale16,fontWeight:b.font.weight.bold,fontFamily:b.font.family.text},contained:{padding:z.medium},containedSizeSmall:{padding:z.small},containedSizeLarge:{padding:z.large},text:{padding:z.medium},textSizeSmall:{padding:z.small},textSizeLarge:{padding:z.large},outlined:{padding:"7px ".concat(b.size.spacing.scale16)},outlinedSizeSmall:{padding:z.small},outlinedSizeLarge:{padding:z.large},sizeSmall:{fontSize:b.size.font.label.default},sizeLarge:{fontSize:b.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},E={styleOverrides:{root:{color:b.color.gray60,backgroundColor:b.color.background.dark},sizeSmall:{padding:"3px"}}},C={styleOverrides:{root:{fontFamily:b.font.family.text,fontSize:b.size.font.label.default,fontWeight:b.font.weight.bold,width:b.size.spacing.scale24,height:b.size.spacing.scale24,"& .MuiSvgIcon-root":{width:b.size.spacing.scale16}},colorDefault:{backgroundColor:b.color.background.dark,"& .MuiSvgIcon-root":{color:b.color.gray60}}}},w={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:b.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:b.color.primary},"&$disabled":{opacity:.5}}}},F={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:b.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},O={styleOverrides:{root:{marginRight:16},colorSecondary:{color:b.color.gray0,"&$checked":{color:b.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:b.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:b.color.background.light,border:"2px solid ".concat(b.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:b.color.primary,border:"2px solid ".concat(b.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},T={styleOverrides:{outlined:{position:"relative",padding:b.size.spacing.scale8,fontSize:b.size.font.label.default,borderRadius:b.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:b.color.background.dark,color:b.color.text.light}}}},M={styleOverrides:{root:{input:{padding:b.size.spacing.scale8,fontSize:b.size.font.label.default,height:b.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(b.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:b.size.spacing.scale16,height:b.size.spacing.scale16}}}}},L={styleOverrides:{outlined:{notchedOutline:{borderColor:b.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}};b.size.font.body.default,b.font.family.text,b.color.gray100;var P={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(b.size.spacing.scale16),fontFamily:b.font.family.text,color:b.color.gray60,padding:"0 0 ".concat(b.size.spacing.scale16," 0"),"&:hover":{color:b.color.primary,opacity:1},"&$selected":{color:b.color.primary},"&:focus":{color:b.color.primary}}},defaultProps:{disableRipple:!0}};b.size.font.caption.default;var B,H,W,I={styleOverrides:{root:{borderBottom:"1px solid ".concat(b.color.gray20)},indicator:{backgroundColor:b.color.primary}}},R={styleOverrides:{root:{fontWeight:b.font.weight.bold,lineHeight:b.font.lineHeight.medium,fontFamily:b.font.family.text,fontSize:b.size.font.caption.default,color:b.color.text.base,marginBottom:b.size.spacing.scale8}}},j=e.createTheme({typography:y({},k),palette:{background:{default:"#ffffff"},primary:{main:b.color.primary},secondary:{main:b.color.secondary},error:{main:b.color.error},info:{main:b.color.info},success:{main:b.color.success}},components:{MuiButton:S,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:E,MuiChip:v,MuiInput:L,MuiTextField:M,MuiFormLabel:R,MuiTabs:I,MuiTab:P,MuiAvatar:C,MuiCheckbox:w,MuiRadio:F,MuiSwitch:O,MuiSelect:T,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),q=o.styled(e.CircularProgress)(W||(B=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],H=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(B,"raw",{value:H}):B.raw=H,W=B)),$={small:6,medium:8,large:12,fluid:12},A=function(r){var o=x(r,[]);return f.default.createElement(e.Checkbox,y({},o))},G=function(r){return f.default.createElement(e.Radio,y({},r))},N=function(r){return f.default.createElement(e.Switch,y({},r))},X=function(r){return f.default.createElement(e.Select,y({variant:"outlined"},r))},D=function(o){var t=o.type,n=x(o,["type"]),a=r.useState(!1),i=a[0],l=a[1],c=y(y({},n.InputProps),"password"===t&&{endAdornment:f.default.createElement(p.default,{position:"end"},f.default.createElement(g.default,{"aria-label":"toggle password visibility",onClick:function(){return l(!i)},edge:"end"},i?f.default.createElement(m.default,null):f.default.createElement(h.default,null)))});return f.default.createElement(e.TextField,y({},n,{type:i?"text":t,InputProps:c}))};exports.Avatar=function(r){var o=r.icon,t=r.firstName,n=void 0===t?"":t,a=r.lastName,i=void 0===a?"":a,l=x(r,["icon","firstName","lastName"]),c="".concat(n.substring(0,1)).concat(i.substring(0,1)).toLocaleUpperCase(),d=c?b.color.secondary:b.color.background.dark;return f.default.createElement(e.Avatar,y({sx:y({backgroundColor:d},l.sx)},l),c||o)},exports.Box=function(r){var o=r.children,t=x(r,["children"]);return f.default.createElement(e.Box,y({},t),o)},exports.Button=function(e){var r=e.color,o=void 0===r?"primary":r,t=e.variant,n=void 0===t?"contained":t,a=e.size,i=void 0===a?"medium":a,l=e.loading,c=e.children,d=x(e,["color","variant","size","loading","children"]);return f.default.createElement(s.default,y({size:i,variant:n,color:o,disabled:l},d),f.default.createElement("span",{style:{opacity:l?0:1}},c),l&&f.default.createElement(q,{size:20,color:"inherit"}))},exports.Checkbox=A,exports.Chip=function(r){var o=r.label,t=x(r,["label"]);return f.default.createElement(e.Chip,y({size:"small",label:o},t))},exports.Container=function(r){var o=r.component,t=void 0===o?"div":o,n=r.size,a=void 0===n?"large":n,i=r.children,l=x(r,["component","size","children"]),c="fluid"===a;return f.default.createElement(e.Container,y({component:t,disableGutters:c,maxWidth:!c&&"lg",sx:y({display:"flex",justifyContent:"center"},l.sx)},l),f.default.createElement(e.Grid,{container:!0,justifyContent:"center"},f.default.createElement(e.Grid,{item:!0,md:$[a]},i)))},exports.FormCheckbox=function(r){var o=r.id,t=r.required,n=void 0===t||t,a=r.data,i=r.label,l=r.error,c=r.helperText;return f.default.createElement(e.FormControl,null,f.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":f.default.createElement(e.Box,{component:"span",sx:{fontWeight:b.font.weight.normal,color:b.color.text.light}},"(optional)")),f.default.createElement(e.FormGroup,null,a.map((function(r,t){var n=r.value,a=r.label;return f.default.createElement(e.FormControlLabel,{key:t,value:n,label:a||"",sx:{fontSize:b.size.font.base,color:b.color.text.base},control:f.default.createElement(A,{color:"primary",inputProps:{"data-testid":"".concat(o,"-").concat(t)}})})}))),l&&f.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},c))},exports.FormInput=function(r){var o=r.id,t=r.required,n=void 0===t||t,a=r.label,i=r.error,l=r.helperText,c=x(r,["id","required","label","error","helperText"]);return f.default.createElement(e.FormControl,null,f.default.createElement(e.FormLabel,{component:"label",error:i},a," ",!n&&f.default.createElement(e.Box,{component:"span",sx:{fontWeight:b.font.weight.normal,color:b.color.text.light}},"(optional)")),f.default.createElement(D,y({},c,{id:o,error:i,inputProps:{"data-testid":o}})),i&&f.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:i},l))},exports.FormRadio=function(r){var o=r.id,t=r.helperText,n=r.label,a=r.error,i=r.required,l=void 0===i||i,c=r.name,d=r.data;return f.default.createElement(e.FormControl,{component:"fieldset",error:a},f.default.createElement(e.FormLabel,{component:"legend"},n," ",l?"":f.default.createElement(e.Box,{component:"span",sx:{fontWeight:b.font.weight.normal,color:b.color.text.light}},"(optional)")),f.default.createElement(e.RadioGroup,{"aria-label":c,name:c},d.map((function(r,t){var n=r.value,a=r.label;return f.default.createElement(e.FormControlLabel,{value:n,key:n,label:a||"",sx:{fontSize:b.size.font.base,color:b.color.text.base},control:f.default.createElement(G,{color:"primary",inputProps:{"data-testid":"".concat(o,"-").concat(t)}})})}))),a&&f.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0}},t))},exports.FormSelect=function(r){var o=r.id,t=r.required,n=void 0===t||t,a=r.options,i=r.label,l=r.error,c=r.placeholder,d=r.helperText;return f.default.createElement(e.FormControl,null,f.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":f.default.createElement(e.Box,{component:"span",sx:{fontWeight:b.font.weight.normal,color:b.color.text.light}},"(optional)")),f.default.createElement(X,{id:o,placeholder:c,error:l},a.map((function(r){return f.default.createElement(e.MenuItem,{key:r.value,value:r.value},r.text)}))),l&&f.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},d))},exports.FormSwitch=function(r){var o=r.id,t=r.label,n=r.checked;return f.default.createElement(e.FormControl,null,f.default.createElement(e.FormLabel,{component:"label"},t),f.default.createElement(e.FormControlLabel,{control:f.default.createElement(N,{id:o}),label:"".concat(n?"Active":"Inactive")}))},exports.Input=D,exports.Link=function(r){var o=r.children,t=x(r,["children"]);return f.default.createElement(e.Link,y({underline:"hover",variant:"caption",component:"span"},t),o)},exports.Radio=G,exports.Select=X,exports.Switch=N,exports.Typography=function(e){var r=e.children,o=x(e,["children"]);return f.default.createElement(u.default,y({},o),r)},exports.UpComponentsProvider=function(r){return f.default.createElement(f.default.Fragment,null,f.default.createElement(e.CssBaseline,null),f.default.createElement(o.ThemeProvider,{theme:j},r.children))},exports.theme=j,exports.tokens=b,Object.keys(e).forEach((function(r){"default"===r||exports.hasOwnProperty(r)||Object.defineProperty(exports,r,{enumerable:!0,get:function(){return e[r]}})}));
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- import{createTheme as e,CssBaseline as r,CircularProgress as o,Chip as t,Avatar as n,Container as a,Grid as i,Box as l,Checkbox as c,FormControl as d,FormLabel as f,FormGroup as s,FormControlLabel as g,FormHelperText as m,Radio as p,RadioGroup as u,Switch as h,Select as b,MenuItem as y,TextField as x,Link as v}from"@mui/material";export*from"@mui/material";import k,{useState as z}from"react";import{ThemeProvider as E,styled as S}from"@mui/material/styles";import w from"@mui/material/Button";import C from"@mui/material/Typography";import O from"@mui/material/InputAdornment";import M from"@mui/material/IconButton";import T from"@mui/icons-material/VisibilityOutlined";import P from"@mui/icons-material/VisibilityOffOutlined";var W={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",base:{indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315"},border:{default:"#dfe1e6"},brand:{darkMatter:"#262a59",titanPink:"#d40fa9",planetBlue:"#1dd7f0",greenEarth:"#aed581"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}},utility:{active:"#20b0c7",danger:"#e35656",info:"#262a59",success:"#aed581"}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},F=function(){return F=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},F.apply(this,arguments)};function L(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}var B={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:W.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:W.size.spacing.scale8}},colorDefault:{backgroundColor:W.color.gray10,color:W.color.gray60},colorPrimary:{backgroundColor:W.color.indigo10,color:W.color.indigo80},colorSecondary:{backgroundColor:W.color.pink10,color:W.color.pink80},colorError:{backgroundColor:W.color.red10,color:W.color.red50},colorInfo:{backgroundColor:W.color.indigo10,color:W.color.indigo80},colorSuccess:{backgroundColor:W.color.green10,color:W.color.green80}}},H={h1:{fontFamily:W.font.family.heading,fontSize:W.size.font.heading.default,fontWeight:W.font.weight.bold,lineHeight:W.font.lineHeight.xlarge},h2:{fontFamily:W.font.family.heading,fontSize:W.size.font.heading.small,fontWeight:W.font.weight.bold,lineHeight:W.font.lineHeight.xlarge},h3:{fontFamily:W.font.family.heading,fontSize:W.size.font.heading.xsmall,fontWeight:W.font.weight.bold,lineHeight:W.font.lineHeight.large},body1:{fontFamily:W.font.family.text,fontSize:W.size.font.body.default,fontWeight:W.font.weight.normal,lineHeight:W.font.lineHeight.large},body2:{fontFamily:W.font.family.text,fontSize:W.size.font.body.default,fontWeight:W.font.weight.bold,lineHeight:W.font.lineHeight.large},caption:{fontFamily:W.font.family.text,fontSize:W.size.font.caption.default,fontWeight:W.font.weight.normal,lineHeight:W.font.lineHeight.medium},overline:{fontFamily:W.font.family.heading,fontSize:W.size.font.overline.default,letterSpacing:"initial",fontWeight:W.font.weight.bold,color:W.color.gray60}},I={small:"".concat(W.size.spacing.scale4," ").concat(W.size.spacing.scale8),medium:"".concat(W.size.spacing.scale8," ").concat(W.size.spacing.scale16),large:"".concat(W.size.spacing.scale16," ").concat(W.size.spacing.scale32)},R={styleOverrides:{root:{textTransform:"none",lineHeight:W.size.spacing.scale16,fontWeight:W.font.weight.bold,fontFamily:W.font.family.text},contained:{padding:I.medium},containedSizeSmall:{padding:I.small},containedSizeLarge:{padding:I.large},text:{padding:I.medium},textSizeSmall:{padding:I.small},textSizeLarge:{padding:I.large},outlined:{padding:"7px ".concat(W.size.spacing.scale16)},outlinedSizeSmall:{padding:I.small},outlinedSizeLarge:{padding:I.large},sizeSmall:{fontSize:W.size.font.label.default},sizeLarge:{fontSize:W.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},j={styleOverrides:{root:{color:W.color.gray60,backgroundColor:W.color.background.dark},sizeSmall:{padding:"3px"}}},$={styleOverrides:{root:{fontFamily:W.font.family.text,fontSize:W.size.font.label.default,fontWeight:W.font.weight.bold,width:W.size.spacing.scale24,height:W.size.spacing.scale24,"& .MuiSvgIcon-root":{width:W.size.spacing.scale16}},colorDefault:{backgroundColor:W.color.background.dark,"& .MuiSvgIcon-root":{color:W.color.gray60}}}},A={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:W.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:W.color.brand.darkMatter},"&$disabled":{opacity:.5}}}},q={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:W.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},N={styleOverrides:{root:{marginRight:16},colorSecondary:{color:W.color.gray0,"&$checked":{color:W.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:W.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:W.color.background.light,border:"2px solid ".concat(W.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:W.color.brand.darkMatter,border:"2px solid ".concat(W.color.brand.darkMatter)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},X={styleOverrides:{outlined:{position:"relative",padding:W.size.spacing.scale8,fontSize:W.size.font.label.default,borderRadius:W.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:W.color.background.dark,color:W.color.text.light}}}},D={styleOverrides:{root:{input:{padding:W.size.spacing.scale8,fontSize:W.size.font.label.default,height:W.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(W.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:W.size.spacing.scale16,height:W.size.spacing.scale16}}}}},V={styleOverrides:{outlined:{notchedOutline:{borderColor:W.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}};W.size.font.body.default,W.font.family.text,W.color.gray100;var G={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(W.size.spacing.scale16),fontFamily:W.font.family.text,color:W.color.gray60,padding:"0 0 ".concat(W.size.spacing.scale16," 0"),"&:hover":{color:W.color.brand.darkMatter,opacity:1},"&$selected":{color:W.color.brand.darkMatter},"&:focus":{color:W.color.brand.darkMatter}}},defaultProps:{disableRipple:!0}};W.size.font.caption.default;var U,J,K,Q={styleOverrides:{root:{borderBottom:"1px solid ".concat(W.color.gray20)},indicator:{backgroundColor:W.color.brand.darkMatter}}},Y={styleOverrides:{root:{fontWeight:W.font.weight.bold,lineHeight:W.font.lineHeight.medium,fontFamily:W.font.family.text,fontSize:W.size.font.caption.default,color:W.color.text.base,marginBottom:W.size.spacing.scale8}}},Z=e({typography:F({},H),palette:{background:{default:"#ffffff"},primary:{main:W.color.brand.darkMatter},secondary:{main:W.color.brand.titanPink},error:{main:W.color.utility.danger},info:{main:W.color.utility.info},success:{main:W.color.green60}},components:{MuiButton:R,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:j,MuiChip:B,MuiInput:V,MuiTextField:D,MuiFormLabel:Y,MuiTabs:Q,MuiTab:G,MuiAvatar:$,MuiCheckbox:A,MuiRadio:q,MuiSwitch:N,MuiSelect:X,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),_=function(e){return k.createElement(k.Fragment,null,k.createElement(r,null),k.createElement(E,{theme:Z},e.children))},ee=S(o)(K||(U=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],J=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(U,"raw",{value:J}):U.raw=J,K=U)),re=function(e){var r=e.color,o=void 0===r?"primary":r,t=e.variant,n=void 0===t?"contained":t,a=e.size,i=void 0===a?"medium":a,l=e.loading,c=e.children,d=L(e,["color","variant","size","loading","children"]);return k.createElement(w,F({size:i,variant:n,color:o,disabled:l},d),k.createElement("span",{style:{opacity:l?0:1}},c),l&&k.createElement(ee,{size:20,color:"inherit"}))},oe=function(e){var r=e.children,o=L(e,["children"]);return k.createElement(C,F({},o),r)},te=function(e){var r=e.label,o=L(e,["label"]);return k.createElement(t,F({size:"small",label:r},o))},ne=function(e){var r=e.icon,o=e.firstName,t=void 0===o?"":o,a=e.lastName,i=void 0===a?"":a,l=L(e,["icon","firstName","lastName"]),c="".concat(t.substring(0,1)).concat(i.substring(0,1)).toLocaleUpperCase(),d=c?W.color.brand.titanPink:W.color.background.dark;return k.createElement(n,F({sx:F({backgroundColor:d},l.sx)},l),c||r)},ae={small:6,medium:8,large:12,fluid:12},ie=function(e){var r=e.component,o=void 0===r?"div":r,t=e.size,n=void 0===t?"large":t,l=e.children,c=L(e,["component","size","children"]),d="fluid"===n;return k.createElement(a,F({component:o,disableGutters:d,maxWidth:!d&&"lg",sx:F({display:"flex",justifyContent:"center"},c.sx)},c),k.createElement(i,{container:!0,justifyContent:"center"},k.createElement(i,{item:!0,md:ae[n]},l)))},le=function(e){var r=e.children,o=L(e,["children"]);return k.createElement(l,F({},o),r)},ce=function(e){var r=L(e,[]);return k.createElement(c,F({},r))},de=function(e){var r=e.id,o=e.required,t=void 0===o||o,n=e.data,a=e.label,i=e.error,c=e.helperText;return k.createElement(d,null,k.createElement(f,{component:"label",error:i},a," ",t?"":k.createElement(l,{component:"span",sx:{fontWeight:W.font.weight.normal,color:W.color.text.light}},"(optional)")),k.createElement(s,null,n.map((function(e,o){var t=e.value,n=e.label;return k.createElement(g,{key:o,value:t,label:n||"",sx:{fontSize:W.size.font.base,color:W.color.text.base},control:k.createElement(ce,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),i&&k.createElement(m,{sx:{marginLeft:0,marginRight:0},error:i},c))},fe=function(e){return k.createElement(p,F({},e))},se=function(e){var r=e.id,o=e.helperText,t=e.label,n=e.error,a=e.required,i=void 0===a||a,c=e.name,s=e.data;return k.createElement(d,{component:"fieldset",error:n},k.createElement(f,{component:"legend"},t," ",i?"":k.createElement(l,{component:"span",sx:{fontWeight:W.font.weight.normal,color:W.color.text.light}},"(optional)")),k.createElement(u,{"aria-label":c,name:c},s.map((function(e,o){var t=e.value,n=e.label;return k.createElement(g,{value:t,key:t,label:n||"",sx:{fontSize:W.size.font.base,color:W.color.text.base},control:k.createElement(fe,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),n&&k.createElement(m,{sx:{marginLeft:0,marginRight:0}},o))},ge=function(e){return k.createElement(h,F({},e))},me=function(e){var r=e.id,o=e.label,t=e.checked;return k.createElement(d,null,k.createElement(f,{component:"label"},o),k.createElement(g,{control:k.createElement(ge,{id:r}),label:"".concat(t?"Active":"Inactive")}))},pe=function(e){return k.createElement(b,F({variant:"outlined"},e))},ue=function(e){var r=e.id,o=e.required,t=void 0===o||o,n=e.options,a=e.label,i=e.error,c=e.placeholder,s=e.helperText;return k.createElement(d,null,k.createElement(f,{component:"label",error:i},a," ",t?"":k.createElement(l,{component:"span",sx:{fontWeight:W.font.weight.normal,color:W.color.text.light}},"(optional)")),k.createElement(pe,{id:r,placeholder:c,error:i},n.map((function(e){return k.createElement(y,{key:e.value,value:e.value},e.text)}))),i&&k.createElement(m,{sx:{marginLeft:0,marginRight:0},error:i},s))},he=function(e){var r=e.type,o=L(e,["type"]),t=z(!1),n=t[0],a=t[1],i=F(F({},o.InputProps),"password"===r&&{endAdornment:k.createElement(O,{position:"end"},k.createElement(M,{"aria-label":"toggle password visibility",onClick:function(){return a(!n)},edge:"end"},n?k.createElement(T,null):k.createElement(P,null)))});return k.createElement(x,F({},o,{type:n?"text":r,InputProps:i}))},be=function(e){var r=e.id,o=e.required,t=void 0===o||o,n=e.label,a=e.error,i=e.helperText,c=L(e,["id","required","label","error","helperText"]);return k.createElement(d,null,k.createElement(f,{component:"label",error:a},n," ",!t&&k.createElement(l,{component:"span",sx:{fontWeight:W.font.weight.normal,color:W.color.text.light}},"(optional)")),k.createElement(he,F({},c,{id:r,error:a,inputProps:{"data-testid":r}})),a&&k.createElement(m,{sx:{marginLeft:0,marginRight:0},error:a},i))},ye=function(e){var r=e.children,o=L(e,["children"]);return k.createElement(v,F({underline:"hover",variant:"caption",component:"span"},o),r)};export{ne as Avatar,le as Box,re as Button,ce as Checkbox,te as Chip,ie as Container,de as FormCheckbox,be as FormInput,se as FormRadio,ue as FormSelect,me as FormSwitch,he as Input,ye as Link,fe as Radio,pe as Select,ge as Switch,oe as Typography,_ as UpComponentsProvider,Z as theme,W as tokens};
1
+ import{createTheme as e,CssBaseline as r,CircularProgress as o,Chip as n,Avatar as t,Container as i,Grid as a,Box as l,Checkbox as c,FormControl as d,FormLabel as f,FormGroup as s,FormControlLabel as g,FormHelperText as m,Radio as p,RadioGroup as u,Switch as h,Select as b,MenuItem as y,TextField as x,Link as v}from"@mui/material";export*from"@mui/material";import z,{useState as k}from"react";import{ThemeProvider as E,styled as S}from"@mui/material/styles";import w from"@mui/material/Button";import C from"@mui/material/Typography";import O from"@mui/material/InputAdornment";import T from"@mui/material/IconButton";import M from"@mui/icons-material/VisibilityOutlined";import W from"@mui/icons-material/VisibilityOffOutlined";var P={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",base:{indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315"},border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},F=function(){return F=Object.assign||function(e){for(var r,o=1,n=arguments.length;o<n;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},F.apply(this,arguments)};function L(e,r){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(n=Object.getOwnPropertySymbols(e);t<n.length;t++)r.indexOf(n[t])<0&&Object.prototype.propertyIsEnumerable.call(e,n[t])&&(o[n[t]]=e[n[t]])}return o}var H={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:P.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:P.size.spacing.scale8}},colorDefault:{backgroundColor:P.color.gray10,color:P.color.gray60},colorPrimary:{backgroundColor:P.color.indigo10,color:P.color.indigo80},colorSecondary:{backgroundColor:P.color.pink10,color:P.color.pink80},colorError:{backgroundColor:P.color.red10,color:P.color.red50},colorInfo:{backgroundColor:P.color.indigo10,color:P.color.indigo80},colorSuccess:{backgroundColor:P.color.green10,color:P.color.green80}}},B={h1:{fontFamily:P.font.family.heading,fontSize:P.size.font.heading.default,fontWeight:P.font.weight.bold,lineHeight:P.font.lineHeight.xlarge},h2:{fontFamily:P.font.family.heading,fontSize:P.size.font.heading.small,fontWeight:P.font.weight.bold,lineHeight:P.font.lineHeight.xlarge},h3:{fontFamily:P.font.family.heading,fontSize:P.size.font.heading.xsmall,fontWeight:P.font.weight.bold,lineHeight:P.font.lineHeight.large},body1:{fontFamily:P.font.family.text,fontSize:P.size.font.body.default,fontWeight:P.font.weight.normal,lineHeight:P.font.lineHeight.large},body2:{fontFamily:P.font.family.text,fontSize:P.size.font.body.default,fontWeight:P.font.weight.bold,lineHeight:P.font.lineHeight.large},caption:{fontFamily:P.font.family.text,fontSize:P.size.font.caption.default,fontWeight:P.font.weight.normal,lineHeight:P.font.lineHeight.medium},overline:{fontFamily:P.font.family.heading,fontSize:P.size.font.overline.default,letterSpacing:"initial",fontWeight:P.font.weight.bold,color:P.color.gray60}},I={small:"".concat(P.size.spacing.scale4," ").concat(P.size.spacing.scale8),medium:"".concat(P.size.spacing.scale8," ").concat(P.size.spacing.scale16),large:"".concat(P.size.spacing.scale16," ").concat(P.size.spacing.scale32)},R={styleOverrides:{root:{textTransform:"none",lineHeight:P.size.spacing.scale16,fontWeight:P.font.weight.bold,fontFamily:P.font.family.text},contained:{padding:I.medium},containedSizeSmall:{padding:I.small},containedSizeLarge:{padding:I.large},text:{padding:I.medium},textSizeSmall:{padding:I.small},textSizeLarge:{padding:I.large},outlined:{padding:"7px ".concat(P.size.spacing.scale16)},outlinedSizeSmall:{padding:I.small},outlinedSizeLarge:{padding:I.large},sizeSmall:{fontSize:P.size.font.label.default},sizeLarge:{fontSize:P.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},j={styleOverrides:{root:{color:P.color.gray60,backgroundColor:P.color.background.dark},sizeSmall:{padding:"3px"}}},$={styleOverrides:{root:{fontFamily:P.font.family.text,fontSize:P.size.font.label.default,fontWeight:P.font.weight.bold,width:P.size.spacing.scale24,height:P.size.spacing.scale24,"& .MuiSvgIcon-root":{width:P.size.spacing.scale16}},colorDefault:{backgroundColor:P.color.background.dark,"& .MuiSvgIcon-root":{color:P.color.gray60}}}},A={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:P.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:P.color.primary},"&$disabled":{opacity:.5}}}},q={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:P.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},N={styleOverrides:{root:{marginRight:16},colorSecondary:{color:P.color.gray0,"&$checked":{color:P.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:P.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:P.color.background.light,border:"2px solid ".concat(P.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:P.color.primary,border:"2px solid ".concat(P.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},X={styleOverrides:{outlined:{position:"relative",padding:P.size.spacing.scale8,fontSize:P.size.font.label.default,borderRadius:P.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:P.color.background.dark,color:P.color.text.light}}}},D={styleOverrides:{root:{input:{padding:P.size.spacing.scale8,fontSize:P.size.font.label.default,height:P.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(P.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:P.size.spacing.scale16,height:P.size.spacing.scale16}}}}},V={styleOverrides:{outlined:{notchedOutline:{borderColor:P.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}};P.size.font.body.default,P.font.family.text,P.color.gray100;var G={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(P.size.spacing.scale16),fontFamily:P.font.family.text,color:P.color.gray60,padding:"0 0 ".concat(P.size.spacing.scale16," 0"),"&:hover":{color:P.color.primary,opacity:1},"&$selected":{color:P.color.primary},"&:focus":{color:P.color.primary}}},defaultProps:{disableRipple:!0}};P.size.font.caption.default;var U,J,K,Q={styleOverrides:{root:{borderBottom:"1px solid ".concat(P.color.gray20)},indicator:{backgroundColor:P.color.primary}}},Y={styleOverrides:{root:{fontWeight:P.font.weight.bold,lineHeight:P.font.lineHeight.medium,fontFamily:P.font.family.text,fontSize:P.size.font.caption.default,color:P.color.text.base,marginBottom:P.size.spacing.scale8}}},Z=e({typography:F({},B),palette:{background:{default:"#ffffff"},primary:{main:P.color.primary},secondary:{main:P.color.secondary},error:{main:P.color.error},info:{main:P.color.info},success:{main:P.color.success}},components:{MuiButton:R,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:j,MuiChip:H,MuiInput:V,MuiTextField:D,MuiFormLabel:Y,MuiTabs:Q,MuiTab:G,MuiAvatar:$,MuiCheckbox:A,MuiRadio:q,MuiSwitch:N,MuiSelect:X,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),_=function(e){return z.createElement(z.Fragment,null,z.createElement(r,null),z.createElement(E,{theme:Z},e.children))},ee=S(o)(K||(U=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],J=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(U,"raw",{value:J}):U.raw=J,K=U)),re=function(e){var r=e.color,o=void 0===r?"primary":r,n=e.variant,t=void 0===n?"contained":n,i=e.size,a=void 0===i?"medium":i,l=e.loading,c=e.children,d=L(e,["color","variant","size","loading","children"]);return z.createElement(w,F({size:a,variant:t,color:o,disabled:l},d),z.createElement("span",{style:{opacity:l?0:1}},c),l&&z.createElement(ee,{size:20,color:"inherit"}))},oe=function(e){var r=e.children,o=L(e,["children"]);return z.createElement(C,F({},o),r)},ne=function(e){var r=e.label,o=L(e,["label"]);return z.createElement(n,F({size:"small",label:r},o))},te=function(e){var r=e.icon,o=e.firstName,n=void 0===o?"":o,i=e.lastName,a=void 0===i?"":i,l=L(e,["icon","firstName","lastName"]),c="".concat(n.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),d=c?P.color.secondary:P.color.background.dark;return z.createElement(t,F({sx:F({backgroundColor:d},l.sx)},l),c||r)},ie={small:6,medium:8,large:12,fluid:12},ae=function(e){var r=e.component,o=void 0===r?"div":r,n=e.size,t=void 0===n?"large":n,l=e.children,c=L(e,["component","size","children"]),d="fluid"===t;return z.createElement(i,F({component:o,disableGutters:d,maxWidth:!d&&"lg",sx:F({display:"flex",justifyContent:"center"},c.sx)},c),z.createElement(a,{container:!0,justifyContent:"center"},z.createElement(a,{item:!0,md:ie[t]},l)))},le=function(e){var r=e.children,o=L(e,["children"]);return z.createElement(l,F({},o),r)},ce=function(e){var r=L(e,[]);return z.createElement(c,F({},r))},de=function(e){var r=e.id,o=e.required,n=void 0===o||o,t=e.data,i=e.label,a=e.error,c=e.helperText;return z.createElement(d,null,z.createElement(f,{component:"label",error:a},i," ",n?"":z.createElement(l,{component:"span",sx:{fontWeight:P.font.weight.normal,color:P.color.text.light}},"(optional)")),z.createElement(s,null,t.map((function(e,o){var n=e.value,t=e.label;return z.createElement(g,{key:o,value:n,label:t||"",sx:{fontSize:P.size.font.base,color:P.color.text.base},control:z.createElement(ce,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),a&&z.createElement(m,{sx:{marginLeft:0,marginRight:0},error:a},c))},fe=function(e){return z.createElement(p,F({},e))},se=function(e){var r=e.id,o=e.helperText,n=e.label,t=e.error,i=e.required,a=void 0===i||i,c=e.name,s=e.data;return z.createElement(d,{component:"fieldset",error:t},z.createElement(f,{component:"legend"},n," ",a?"":z.createElement(l,{component:"span",sx:{fontWeight:P.font.weight.normal,color:P.color.text.light}},"(optional)")),z.createElement(u,{"aria-label":c,name:c},s.map((function(e,o){var n=e.value,t=e.label;return z.createElement(g,{value:n,key:n,label:t||"",sx:{fontSize:P.size.font.base,color:P.color.text.base},control:z.createElement(fe,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),t&&z.createElement(m,{sx:{marginLeft:0,marginRight:0}},o))},ge=function(e){return z.createElement(h,F({},e))},me=function(e){var r=e.id,o=e.label,n=e.checked;return z.createElement(d,null,z.createElement(f,{component:"label"},o),z.createElement(g,{control:z.createElement(ge,{id:r}),label:"".concat(n?"Active":"Inactive")}))},pe=function(e){return z.createElement(b,F({variant:"outlined"},e))},ue=function(e){var r=e.id,o=e.required,n=void 0===o||o,t=e.options,i=e.label,a=e.error,c=e.placeholder,s=e.helperText;return z.createElement(d,null,z.createElement(f,{component:"label",error:a},i," ",n?"":z.createElement(l,{component:"span",sx:{fontWeight:P.font.weight.normal,color:P.color.text.light}},"(optional)")),z.createElement(pe,{id:r,placeholder:c,error:a},t.map((function(e){return z.createElement(y,{key:e.value,value:e.value},e.text)}))),a&&z.createElement(m,{sx:{marginLeft:0,marginRight:0},error:a},s))},he=function(e){var r=e.type,o=L(e,["type"]),n=k(!1),t=n[0],i=n[1],a=F(F({},o.InputProps),"password"===r&&{endAdornment:z.createElement(O,{position:"end"},z.createElement(T,{"aria-label":"toggle password visibility",onClick:function(){return i(!t)},edge:"end"},t?z.createElement(M,null):z.createElement(W,null)))});return z.createElement(x,F({},o,{type:t?"text":r,InputProps:a}))},be=function(e){var r=e.id,o=e.required,n=void 0===o||o,t=e.label,i=e.error,a=e.helperText,c=L(e,["id","required","label","error","helperText"]);return z.createElement(d,null,z.createElement(f,{component:"label",error:i},t," ",!n&&z.createElement(l,{component:"span",sx:{fontWeight:P.font.weight.normal,color:P.color.text.light}},"(optional)")),z.createElement(he,F({},c,{id:r,error:i,inputProps:{"data-testid":r}})),i&&z.createElement(m,{sx:{marginLeft:0,marginRight:0},error:i},a))},ye=function(e){var r=e.children,o=L(e,["children"]);return z.createElement(v,F({underline:"hover",variant:"caption",component:"span"},o),r)};export{te as Avatar,le as Box,re as Button,ce as Checkbox,ne as Chip,ae as Container,de as FormCheckbox,be as FormInput,se as FormRadio,ue as FormSelect,me as FormSwitch,he as Input,ye as Link,fe as Radio,pe as Select,ge as Switch,oe as Typography,_ as UpComponentsProvider,Z as theme,P as tokens};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@up42/up-components",
3
- "version": "0.1.7",
3
+ "version": "0.1.8",
4
4
  "description": "UP42 Component Library",
5
5
  "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
6
6
  "license": "ISC",
@@ -24,7 +24,7 @@
24
24
  "prepare": "husky install"
25
25
  },
26
26
  "dependencies": {
27
- "@up42/design-system-tokens": "^1.2.0"
27
+ "@up42/design-system-tokens": "^2.0.1"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@babel/core": "^7.16.10",