@openfin/ui-library 0.13.4 → 0.13.5-alpha.1679493105

package/dist/index.js

@@ -351,7 +351,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
       border-radius: 100px;
     }
   }
-`},9734:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(6895),t)},6062:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DropdownMenu=void 0;const o=n(5893),i=n(6689),a=n(1335),l=n(9634),c=r(n(7518)),s=n(7261),u=n(279),d=n(347);t.DropdownMenu=({label:e,options:t=[[]],placeholder:n="Select an option",selected:r,onOptionHover:c,onChange:v,renderLabel:h,fitContent:g})=>{var m;const[w,b]=(0,i.useState)(!1);(0,i.useEffect)((()=>{1===t[0].length&&y(!1)}),[t]);const y=e=>{b(null!=e?e:!w)},{focusedOption:x,handleKeyDown:L}=(0,d.useDropdownKeyboardNavigation)(t,r,w,y,v);return(0,o.jsx)(f,Object.assign({flexDirection:"column",onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||b(!1)},onKeyDown:L},{children:(0,o.jsxs)(a.Box,Object.assign({gap:"base",flexDirection:"column",style:{width:"100%"}},{children:[e&&(0,o.jsx)("label",Object.assign({htmlFor:"dropdown-button"},{children:(0,o.jsx)(s.OptionTitle,{children:e})})),(0,o.jsxs)(C,{children:[h?h(r||{title:n,value:null},w,y):(0,o.jsxs)(p,Object.assign({role:"comboxbox",tabIndex:0,"aria-activedescendant":`menu-option-${null==x?void 0:x.value}`,"aria-expanded":w,"aria-haspopup":"listbox","aria-controls":"dropdown-listbox",onClick:()=>y(),as:"button","data-testid":"dropdown-button"},{children:[(null==r?void 0:r.iconUrl)&&(0,o.jsx)(u.ButtonImage,{src:r.iconUrl}),(0,o.jsx)(s.OptionTitle,Object.assign({"aria-live":"polite","data-testid":"selected-option"},{children:null!==(m=null==r?void 0:r.title)&&void 0!==m?m:n})),(0,o.jsx)(l.Icon,{icon:w?"ChevronUpIcon":"ChevronDownIcon"})]})),t.length&&t[0].length>1&&w&&(0,o.jsx)(u.Menu,{menuId:"dropdown-listbox",options:t,selected:r,handleExpandMenu:y,onOptionHover:c,onChange:v,fitContent:g,focusedOption:x,absolutePosition:!0})]})]}))}))};const f=(0,c.default)(a.Box)`
+`},9734:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(6895),t)},6062:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DropdownMenu=void 0;const o=n(5893),i=n(6689),a=n(1335),l=n(9634),c=r(n(7518)),s=n(7261),u=n(279),d=n(347);t.DropdownMenu=({label:e,options:t=[[]],placeholder:n="Select an option",selected:r,onOptionHover:c,onChange:v,renderLabel:h,fitContent:g})=>{var m,w;const[b,y]=(0,i.useState)(!1);(0,i.useEffect)((()=>{1===t[0].length&&x(!1)}),[t]);const x=e=>{y(null!=e?e:!b)},{focusedOption:L,handleKeyDown:O}=(0,d.useDropdownKeyboardNavigation)(t,r,b,x,v);return(0,o.jsx)(f,Object.assign({flexDirection:"column",onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||y(!1)},onKeyDown:O},{children:(0,o.jsxs)(a.Box,Object.assign({gap:"base",flexDirection:"column",style:{width:"100%"}},{children:[e&&(0,o.jsx)("label",Object.assign({htmlFor:"dropdown-button"},{children:(0,o.jsx)(s.OptionTitle,{children:e})})),(0,o.jsxs)(C,{children:[h?h(r||{title:n,value:null},b,x):(0,o.jsxs)(p,Object.assign({role:"comboxbox",tabIndex:0,"aria-activedescendant":`menu-option-${null==L?void 0:L.value}`,"aria-expanded":b,"aria-haspopup":"listbox","aria-controls":"dropdown-listbox",onClick:()=>x(),as:"button","data-testid":"dropdown-button",title:null!==(m=null==r?void 0:r.title)&&void 0!==m?m:n},{children:[(null==r?void 0:r.iconUrl)&&(0,o.jsx)(u.ButtonImage,{src:r.iconUrl}),(0,o.jsx)(s.OptionTitle,Object.assign({"aria-live":"polite","data-testid":"selected-option"},{children:null!==(w=null==r?void 0:r.title)&&void 0!==w?w:n})),(0,o.jsx)(l.Icon,{icon:b&&t[0].length>1?"ChevronUpIcon":"ChevronDownIcon"})]})),t.length&&t[0].length>1&&b&&(0,o.jsx)(u.Menu,{menuId:"dropdown-listbox",options:t,selected:r,handleExpandMenu:x,onOptionHover:c,onChange:v,fitContent:g,focusedOption:L,absolutePosition:!0})]})]}))}))};const f=(0,c.default)(a.Box)`
   user-select: none;
   position: relative;
 `,C=(0,c.default)(a.Box)``,p=(0,c.default)(a.Box)`
@@ -381,7 +381,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
   &:focus-within {
     border-color: ${({theme:e})=>e.palette.inputFocused};
   }
-`},6026:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(6062),t),o(n(279),t)},279:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ButtonImage=t.Menu=void 0;const o=n(5893),i=r(n(6689)),a=r(n(7518)),l=n(9634),c=n(1335),s=n(7261);t.Menu=({options:e,selected:n,menuId:r,handleExpandMenu:a,onOptionHover:l,onChange:c,width:v,height:h,header:g,focusedOption:m,absolutePosition:w})=>{const b=e=>{null==l||l(e)};return(0,o.jsxs)(u,Object.assign({role:"listbox",flexDirection:"column",onMouseLeave:()=>{b(null)},"data-testid":"menu",id:r,width:v,height:h,absolutePosition:w},{children:[g&&(0,o.jsxs)(i.default.Fragment,{children:[(0,o.jsx)(f,{children:(0,o.jsx)(s.OptionTitle,{children:g})}),(0,o.jsx)(p,{})]}),e.map(((e,r)=>(0,o.jsxs)(i.default.Fragment,{children:[0!==r&&(0,o.jsx)(p,{}),e.map(((e,r)=>(0,o.jsxs)(d,Object.assign({role:"option",isFocused:(null==m?void 0:m.value)===e.value,"aria-selected":(null==n?void 0:n.value)===e.value,alignItems:"center",as:"button","data-testid":`menu-option-${r}`,id:`menu-option-${e.value}`,onClick:()=>{e.overrideOnClick?e.overrideOnClick(e):c(e),null==a||a()},onMouseOver:()=>b(e.value)},{children:[(null==e?void 0:e.iconUrl)&&(0,o.jsx)(t.ButtonImage,{src:e.iconUrl,style:{marginRight:"8px"}}),(0,o.jsx)(s.OptionTitle,{children:e.title}),(null==n?void 0:n.value)===e.value?(0,o.jsx)(C,{icon:"CheckIcon"}):(0,o.jsx)(C,{children:(0,o.jsx)(o.Fragment,{})})]}),r)))]},r)))]}))};const u=(0,a.default)(c.Box)`
+`},6026:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(6062),t),o(n(279),t)},279:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ButtonImage=t.Menu=void 0;const o=n(5893),i=r(n(6689)),a=r(n(7518)),l=n(9634),c=n(1335),s=n(7261);t.Menu=({options:e,selected:n,menuId:r,handleExpandMenu:a,onOptionHover:l,onChange:c,width:v,height:h,header:g,focusedOption:m,absolutePosition:w})=>{const b=e=>{null==l||l(e)};return(0,o.jsxs)(u,Object.assign({role:"listbox",flexDirection:"column",onMouseLeave:()=>{b(null)},"data-testid":"menu",id:r,width:v,height:h,absolutePosition:w},{children:[g&&(0,o.jsxs)(i.default.Fragment,{children:[(0,o.jsx)(f,{children:(0,o.jsx)(s.OptionTitle,{children:g})}),(0,o.jsx)(p,{})]}),e.map(((e,r)=>(0,o.jsxs)(i.default.Fragment,{children:[0!==r&&(0,o.jsx)(p,{}),e.map(((e,r)=>(0,o.jsxs)(d,Object.assign({role:"option",isFocused:(null==m?void 0:m.value)===e.value,"aria-selected":(null==n?void 0:n.value)===e.value,alignItems:"center",as:"button","data-testid":`menu-option-${r}`,id:`menu-option-${e.value}`,title:e.title,onClick:()=>{e.overrideOnClick?e.overrideOnClick(e):c(e),null==a||a()},onMouseOver:()=>b(e.value)},{children:[(null==e?void 0:e.iconUrl)&&(0,o.jsx)(t.ButtonImage,{src:e.iconUrl,style:{marginRight:"8px"}}),(0,o.jsx)(s.OptionTitle,{children:e.title}),(null==n?void 0:n.value)===e.value?(0,o.jsx)(C,{icon:"CheckIcon"}):(0,o.jsx)(C,{children:(0,o.jsx)(o.Fragment,{})})]}),r)))]},r)))]}))};const u=(0,a.default)(c.Box)`
   width: ${({width:e,fitContent:t})=>e||(t?"fit-content":"100%")};
   max-height: ${({height:e})=>null!=e?e:"fit-content"};
   top: ${({theme:e})=>`calc(100% + ${e.px.xsmall})`};
@@ -628,18 +628,11 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
   &:disabled + ${v} {
     opacity: 0.5;
   }
-`},8051:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(1),t)},9368:function(e,t,n){var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DateInput=void 0;const i=n(5893),a=n(6689),l=o(n(7518)),c=n(9634),s=n(1335),u=n(9507),d=n(8878);t.DateInput=(0,a.forwardRef)(((e,t)=>{var{value:n="",type:o="date",expanded:l=!1,status:c,onChange:s}=e,u=r(e,["value","type","expanded","status","onChange"]);const[C,p]=(0,a.useState)(n);return(0,a.useEffect)((()=>p(n)),[]),(0,i.jsx)(d.BaseInput,Object.assign({type:o,status:c},u,{renderInput:e=>{var n=r(e,[]);return(0,i.jsx)(f,Object.assign({ref:t,type:o,status:c,onChange:e=>{const{value:t}=e.target;t&&p(t),null==s||s(e)},value:C,expanded:l},n))}}))})),t.DateInput.displayName="DateInput";const f=(0,a.forwardRef)(((e,t)=>{var{type:n,expanded:o,onExpand:a,status:l}=e,s=r(e,["type","expanded","onExpand","status"]);return(0,i.jsxs)(C,Object.assign({status:l,onClick:a,ref:t},{children:[(0,i.jsx)(v,{children:(0,i.jsx)(c.Icon,{icon:"time"===n?"ClockIcon":"CalendarIcon"})}),(0,i.jsx)(m,{children:(0,i.jsx)(g,Object.assign({type:n,onKeyDown:e=>{" "===e.key&&e.preventDefault()}},s,{onClick:e=>{null==e||e.preventDefault(),null==e||e.stopPropagation()}}))}),(0,i.jsx)(h,Object.assign({flexDirection:"column",disabled:s.disabled},{children:(0,i.jsx)(c.Icon,{icon:o?"ChevronUpIcon":"ChevronDownIcon"})}))]}))}));f.displayName="StyledDateInput";const C=l.default.div`
-  background: ${({theme:e})=>e.palette.background5};
-  border: 1px solid ${({theme:e})=>e.palette.background6};
-  border-color: ${({theme:e,status:t})=>(0,u.getStatusColor)(e,t,"inputBackground")};
+`},8051:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(1),t)},9368:function(e,t,n){var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DateInput=void 0;const i=n(5893),a=n(6689),l=o(n(7518)),c=n(9634),s=n(1335),u=n(9507),d=n(8878);t.DateInput=(0,a.forwardRef)(((e,t)=>{var{value:n="",type:o="date",expanded:l=!1,onChange:c}=e,s=r(e,["value","type","expanded","onChange"]);const[u,C]=(0,a.useState)(n);return(0,a.useEffect)((()=>C(n)),[]),(0,i.jsx)(d.BaseInput,Object.assign({type:o},s,{renderInput:e=>{var n=r(e,[]);return(0,i.jsx)(f,Object.assign({ref:t,type:o,onChange:e=>{const{value:t}=e.target;t&&C(t),null==c||c(e)},value:u,expanded:l},n))}}))})),t.DateInput.displayName="DateInput";const f=(0,a.forwardRef)(((e,t)=>{var{type:n,expanded:o,onExpand:a}=e,l=r(e,["type","expanded","onExpand"]);return(0,i.jsxs)(C,{children:[(0,i.jsx)(v,{children:(0,i.jsx)(c.Icon,{icon:"time"===n?"ClockIcon":"CalendarIcon"})}),(0,i.jsx)(g,Object.assign({ref:t,type:n,onKeyDown:e=>{" "===e.key&&e.preventDefault()}},l)),(0,i.jsx)(h,Object.assign({flexDirection:"column",disabled:l.disabled,onClick:a},{children:(0,i.jsx)(c.Icon,{icon:o?"ChevronUpIcon":"ChevronDownIcon"})}))]})}));f.displayName="StyledDateInput";const C=l.default.div`
   position: relative;
   overflow: hidden;
   border-radius: ${({theme:e})=>e.radius.small};
   width: 100%;
-
-  &:focus {
-    border-color: ${({theme:e,status:t})=>(0,u.getStatusColor)(e,t,"inputFocused")};
-  }
 `,p=(0,l.default)(s.Box)`
   flex-direction: column;
   justify-content: center;
@@ -654,35 +647,18 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
 `,h=(0,l.default)(p)`
   right: ${({theme:e})=>e.px.small};
   pointer-events: ${({disabled:e})=>e?"none":void 0};
-`,g=l.default.input`
+  border-left: 1px solid ${({theme:e})=>e.palette.background6};
+  padding-left: ${({theme:e})=>e.px.small};
+`,g=(0,l.default)(d.StyledInputField)`
   appearance: textfield;
   font-family: ${u.FontStack};
-  font-size: ${({theme:e})=>e.fontSize.base};
-  background-color: transparent;
-  border: none;
-  padding: 0;
-  transition: border-color var(--openfin-ui-globalTransition);
-  color: ${({theme:e})=>e.palette.inputColor};
-
-  &:focus {
-    outline: 0;
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-
-  &:disabled::placeholder {
-    color: ${({theme:e})=>e.palette.inputDisabled};
-  }
-
+  padding-right: ${({theme:e})=>e.px.xxxlarge};
+  padding-left: ${({theme:e})=>e.px.xxxlarge};
   ::-webkit-inner-spin-button,
   ::-webkit-calendar-picker-indicator {
     display: none;
     appearance: none;
   }
-`,m=(0,l.default)(s.Box)`
-  padding: ${({theme:e})=>`${e.px.small} ${e.px.xxxlarge}`};
 `},9654:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(9368),t)},1978:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(6884),t)},6884:function(e,t,n){var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.NumberInput=void 0;const i=n(5893),a=n(6689),l=o(n(7518)),c=n(6606),s=n(9634),u=n(1335),d=n(8878);var f;!function(e){e[e.Up=1]="Up",e[e.Down=-1]="Down"}(f||(f={})),t.NumberInput=(0,a.forwardRef)(((e,t)=>{var{min:n,max:o,onChange:l,step:s=1,value:u}=e,p=r(e,["min","max","onChange","step","value"]);const v=Number(s),[h,g]=(0,a.useState)(Number(u));(0,a.useEffect)((()=>g(Number(u))),[]);const m=e=>{const t=h?Number(h):0,r=n?Number(n):void 0,i=o?Number(o):void 0,a=(0,c.clamp)(t+v*e,r,i);g(a)};return(0,i.jsx)(d.BaseInput,Object.assign({type:"number"},p,{renderInput:e=>{var a=r(e,[]);return(0,i.jsx)(C,Object.assign({ref:t,onIncrement:()=>m(f.Up),onDecrement:()=>m(f.Down),onChange:e=>{const{value:t}=e.target;t&&g(Number(t)),l&&l(e)},min:n,max:o,step:s},a,{value:h}))}}))})),t.NumberInput.displayName="NumberInput";const C=(0,a.forwardRef)(((e,t)=>{var{onIncrement:n,onDecrement:o}=e,a=r(e,["onIncrement","onDecrement"]);return(0,i.jsxs)(p,{children:[(0,i.jsx)(g,Object.assign({ref:t},a)),(0,i.jsxs)(v,Object.assign({flexDirection:"column",disabled:a.disabled},{children:[(0,i.jsx)(h,Object.assign({onClick:n,disabled:a.disabled},{children:(0,i.jsx)(s.Icon,{icon:"TriangleUpIcon"})})),(0,i.jsx)(h,Object.assign({onClick:o,disabled:a.disabled},{children:(0,i.jsx)(s.Icon,{icon:"TriangleDownIcon"})}))]}))]})}));C.displayName="StyledNumberInput";const p=l.default.div`
   position: relative;
   overflow: hidden;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.13.4",
+  "version": "0.13.5-alpha.1679493105",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": "github:openfin/ui-library",