@openfin/ui-library 0.12.0-alpha.1678397162 → 0.12.0-alpha.1678479800

package/dist/components/input/DateInput/dateInput.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEventHandler } from 'react';
+import { BaseInputProps } from '../BaseInput';
+type DateTypeFormat = 'date' | 'time' | 'datetime-local';
+interface DateInputProps extends Omit<BaseInputProps, 'value' | 'type'> {
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onExpand?: () => void;
+    expanded?: boolean;
+    value?: string;
+    type?: DateTypeFormat;
+}
+export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/input/DateInput/index.d.ts

@@ -0,0 +1 @@
+export * from './dateInput';

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export * from './components/input/NumberInput';
 export * from './components/input/Checkbox';
 export * from './components/input/RadioInput';
 export * from './components/input/RadioGroup';
+export * from './components/input/DateInput';
 export * from './components/layout/Box';
 export * from './components/layout/DefinitionList';
 export * from './components/system/GlobalStyles';

package/dist/index.js

@@ -655,7 +655,36 @@ 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)},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`
+`},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(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[f,C]=(0,a.useState)(n);return(0,a.useEffect)((()=>C(n)),[]),(0,i.jsx)(u.BaseInput,Object.assign({type:o},s,{renderInput:e=>{var n=r(e,[]);return(0,i.jsx)(d,Object.assign({ref:t,type:o,onChange:e=>{const{value:t}=e.target;t&&C(t),null==c||c(e)},value:f,expanded:l},n))}}))})),t.DateInput.displayName="DateInput";const d=(0,a.forwardRef)(((e,t)=>{var{type:n,expanded:o,onExpand:a}=e,l=r(e,["type","expanded","onExpand"]);return(0,i.jsxs)(f,{children:[(0,i.jsx)(p,{children:(0,i.jsx)(c.Icon,{icon:"time"===n?"ClockIcon":"CalendarIcon"})}),(0,i.jsx)(h,Object.assign({ref:t,type:n,onKeyDown:e=>{" "===e.key&&(e.preventDefault(),null==a||a())}},l)),(0,i.jsx)(v,Object.assign({flexDirection:"column",disabled:l.disabled,onClick:a},{children:(0,i.jsx)(c.Icon,{icon:o?"ChevronUpIcon":"ChevronDownIcon"})}))]})}));d.displayName="StyledDateInput";const f=l.default.div`
+  position: relative;
+  overflow: hidden;
+  border-radius: ${({theme:e})=>e.radius.small};
+  width: 100%;
+`,C=(0,l.default)(s.Box)`
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 1px;
+  overflow: hidden;
+  height: calc(100% - 2px);
+`,p=(0,l.default)(C)`
+  left: ${({theme:e})=>e.px.small};
+  pointer-events: none;
+`,v=(0,l.default)(C)`
+  right: ${({theme:e})=>e.px.small};
+  pointer-events: ${({disabled:e})=>e?"none":void 0};
+`,h=(0,l.default)(u.StyledInputField)`
+  appearance: textfield;
+  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;
+  }
+`},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;
   border-radius: ${({theme:e})=>e.radius.small};
@@ -987,7 +1016,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
   font-size: ${({theme:e,size:t="base"})=>e.fontSize[t]};
   font-weight: ${({theme:e,weight:t="normal"})=>e.fontWeight[t]};
   line-height: ${({theme:e})=>e.lineHeight.text};
-`,t.Text.displayName="Text"},3190:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useColorScheme=t.ColorScheme=void 0;const r=n(6689);t.ColorScheme={dark:"dark",light:"light",system:"system"};const o="(prefers-color-scheme: dark)";t.useColorScheme=({requestedScheme:e,fallbackScheme:n=t.ColorScheme.light})=>{const[i,a]=(0,r.useState)(n),l=e=>a(e.matches?"dark":"light");return(0,r.useEffect)((()=>{if("light"===e||"dark"===e)return void a(e);const t=window.matchMedia(o);return a(t.matches?"dark":"light"),t.addEventListener("change",l),()=>t.removeEventListener("change",l)}),[e,i,o]),i}},4481:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useLayoutMediaQuery=t.useMediaQuery=void 0;const r=n(6689),o=e=>t=>{const[n,o]=(0,r.useState)(!1);return e((()=>{const e=window.matchMedia(t);if(e){e.matches!==n&&o(e.matches);const t=()=>o(e.matches),r=()=>e.removeEventListener("change",t);return e.addEventListener("change",t),r}}),[n,t]),n};t.useMediaQuery=o(r.useEffect),t.useLayoutMediaQuery=o(r.useLayoutEffect)},2776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.usePrevious=void 0;const r=n(6689);t.usePrevious=e=>{const t=(0,r.useRef)();return(0,r.useEffect)((()=>{t.current=e}),[e]),t.current}},7088:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useTheme=void 0;const r=n(6689),o=n(4266),i=n(3190),a=n(9507),l={[i.ColorScheme.dark]:o.OpenFinDarkTheme,[i.ColorScheme.light]:o.OpenFinLightTheme};t.useTheme=({themes:e,scheme:t,config:n})=>{const o=(0,i.useColorScheme)({requestedScheme:t}),c=(0,r.useMemo)((()=>void 0===e?l[o]:(0,a.createTheme)(Object.assign(Object.assign({},l[o].palette),e[o].palette),o)),[e,o]);return n?Object.assign(Object.assign({},c),{_config:Object.assign(Object.assign({},c._config),n)}):c}},341: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.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)},a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.StoryHelpers=void 0,i(n(4130),t),i(n(4925),t),i(n(2609),t),i(n(3136),t),i(n(9734),t),i(n(6026),t),i(n(9634),t),i(n(144),t),i(n(9239),t),i(n(8878),t),i(n(8510),t),i(n(8951),t),i(n(1978),t),i(n(8051),t),i(n(3641),t),i(n(5215),t),i(n(1335),t),i(n(5377),t),i(n(1069),t),i(n(9507),t),i(n(3188),t),i(n(7063),t),i(n(7769),t),i(n(3190),t),i(n(4481),t),i(n(2776),t),t.StoryHelpers=a(n(8812)),i(n(4991),t)},6606:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.generateRandomInteger=t.clamp=void 0,t.clamp=(e,t,n)=>t&&n?Math.min(Math.max(e,t),n):n&&!t?Math.min(e,n):t&&!n?Math.max(e,t):e,t.generateRandomInteger=()=>Math.floor(1e3*Math.random())},4991:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.whenFin=void 0,t.whenFin=function(e,t){const n="undefined"!=typeof fin?e:t;return"function"==typeof n?n():n}},8812: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.SpatialLink=t.JSONData=t.Pre=t.PlaceholderContent=t.StoryGrid=t.StoryColumn=t.StoryRow=void 0;const o=n(5893),i=r(n(7518)),a=n(1335);t.StoryRow=(0,i.default)(a.Box).attrs({gap:"large",alignItems:"flex-start"})``,t.StoryColumn=(0,i.default)(a.Box).attrs({flexDirection:"column",gap:"large",alignItems:"flex-start"})`
+`,t.Text.displayName="Text"},3190:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useColorScheme=t.ColorScheme=void 0;const r=n(6689);t.ColorScheme={dark:"dark",light:"light",system:"system"};const o="(prefers-color-scheme: dark)";t.useColorScheme=({requestedScheme:e,fallbackScheme:n=t.ColorScheme.light})=>{const[i,a]=(0,r.useState)(n),l=e=>a(e.matches?"dark":"light");return(0,r.useEffect)((()=>{if("light"===e||"dark"===e)return void a(e);const t=window.matchMedia(o);return a(t.matches?"dark":"light"),t.addEventListener("change",l),()=>t.removeEventListener("change",l)}),[e,i,o]),i}},4481:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useLayoutMediaQuery=t.useMediaQuery=void 0;const r=n(6689),o=e=>t=>{const[n,o]=(0,r.useState)(!1);return e((()=>{const e=window.matchMedia(t);if(e){e.matches!==n&&o(e.matches);const t=()=>o(e.matches),r=()=>e.removeEventListener("change",t);return e.addEventListener("change",t),r}}),[n,t]),n};t.useMediaQuery=o(r.useEffect),t.useLayoutMediaQuery=o(r.useLayoutEffect)},2776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.usePrevious=void 0;const r=n(6689);t.usePrevious=e=>{const t=(0,r.useRef)();return(0,r.useEffect)((()=>{t.current=e}),[e]),t.current}},7088:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useTheme=void 0;const r=n(6689),o=n(4266),i=n(3190),a=n(9507),l={[i.ColorScheme.dark]:o.OpenFinDarkTheme,[i.ColorScheme.light]:o.OpenFinLightTheme};t.useTheme=({themes:e,scheme:t,config:n})=>{const o=(0,i.useColorScheme)({requestedScheme:t}),c=(0,r.useMemo)((()=>void 0===e?l[o]:(0,a.createTheme)(Object.assign(Object.assign({},l[o].palette),e[o].palette),o)),[e,o]);return n?Object.assign(Object.assign({},c),{_config:Object.assign(Object.assign({},c._config),n)}):c}},341: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.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)},a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.StoryHelpers=void 0,i(n(4130),t),i(n(4925),t),i(n(2609),t),i(n(3136),t),i(n(9734),t),i(n(6026),t),i(n(9634),t),i(n(144),t),i(n(9239),t),i(n(8878),t),i(n(8510),t),i(n(8951),t),i(n(1978),t),i(n(8051),t),i(n(3641),t),i(n(5215),t),i(n(9654),t),i(n(1335),t),i(n(5377),t),i(n(1069),t),i(n(9507),t),i(n(3188),t),i(n(7063),t),i(n(7769),t),i(n(3190),t),i(n(4481),t),i(n(2776),t),t.StoryHelpers=a(n(8812)),i(n(4991),t)},6606:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.generateRandomInteger=t.clamp=void 0,t.clamp=(e,t,n)=>t&&n?Math.min(Math.max(e,t),n):n&&!t?Math.min(e,n):t&&!n?Math.max(e,t):e,t.generateRandomInteger=()=>Math.floor(1e3*Math.random())},4991:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.whenFin=void 0,t.whenFin=function(e,t){const n="undefined"!=typeof fin?e:t;return"function"==typeof n?n():n}},8812: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.SpatialLink=t.JSONData=t.Pre=t.PlaceholderContent=t.StoryGrid=t.StoryColumn=t.StoryRow=void 0;const o=n(5893),i=r(n(7518)),a=n(1335);t.StoryRow=(0,i.default)(a.Box).attrs({gap:"large",alignItems:"flex-start"})``,t.StoryColumn=(0,i.default)(a.Box).attrs({flexDirection:"column",gap:"large",alignItems:"flex-start"})`
   max-width: 500px;
 `,t.StoryGrid=(0,i.default)(a.Box).attrs({gap:"large"})`
   display: grid;

package/package.json

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