@openfin/ui-library 0.5.1 → 0.5.2-alpha.1666720380
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/openfin.ui.js +60 -5
- package/dist/types/components/elements/Loader/index.d.ts +1 -0
- package/dist/types/components/elements/Loader/openfinLoader.d.ts +4 -0
- package/dist/types/components/system/ThemeProvider/lib/constants.d.ts +1 -0
- package/dist/types/components/system/ThemeProvider/lib/palette.d.ts +5 -1
- package/package.json +1 -1
package/dist/openfin.ui.js
CHANGED
|
@@ -220,7 +220,62 @@ var e={1521:(e,t,r)=>{r.r(t),r.d(t,{ActivityLogIcon:()=>n,AlignBaselineIcon:()=>
|
|
|
220
220
|
transform: scale(70%);
|
|
221
221
|
right: -${({theme:e})=>e.px.base};
|
|
222
222
|
top: -${({theme:e})=>e.px.small};
|
|
223
|
-
`},144:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||l(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),o(r(3117),t)},9239:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||l(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),o(r(8275),t)},8275:function(e,t,r){var l=this&&this.__rest||function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;const n=r(5893),i=o(r(7518)),C=r(9634);t.Loader=(0,i.default)((e=>{var t=l(e,[]);return(0,n.jsx)(C.Icon,Object.assign({},t,{children:(0,n.jsx)("svg",Object.assign({width:"100%",height:"100%",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor"},{children:(0,n.jsx)("g",Object.assign({fill:"none",fillRule:"evenodd"},{children:(0,n.jsxs)("g",Object.assign({transform:"translate(1 1)",strokeWidth:"2"},{children:[(0,n.jsx)("circle",{strokeOpacity:".5",cx:"18",cy:"18",r:"18"}),(0,n.jsx)("path",Object.assign({d:"M36 18c0-9.94-8.06-18-18-18"},{children:(0,n.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})}))]}))}))}))}))}))``},
|
|
223
|
+
`},144:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||l(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),o(r(3117),t)},9239:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||l(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),o(r(8275),t),o(r(693),t)},8275:function(e,t,r){var l=this&&this.__rest||function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;const n=r(5893),i=o(r(7518)),C=r(9634);t.Loader=(0,i.default)((e=>{var t=l(e,[]);return(0,n.jsx)(C.Icon,Object.assign({},t,{children:(0,n.jsx)("svg",Object.assign({width:"100%",height:"100%",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor"},{children:(0,n.jsx)("g",Object.assign({fill:"none",fillRule:"evenodd"},{children:(0,n.jsxs)("g",Object.assign({transform:"translate(1 1)",strokeWidth:"2"},{children:[(0,n.jsx)("circle",{strokeOpacity:".5",cx:"18",cy:"18",r:"18"}),(0,n.jsx)("path",Object.assign({d:"M36 18c0-9.94-8.06-18-18-18"},{children:(0,n.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})}))]}))}))}))}))}))``},693:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&l(t,e,r);return o(t,e),t},i=this&&this.__rest||function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r};Object.defineProperty(t,"__esModule",{value:!0}),t.OpenfinLoader=void 0;const C=r(5893),c=n(r(7518)),a=r(9634);t.OpenfinLoader=(0,c.default)((e=>{var t=i(e,[]);return(0,C.jsx)(a.Icon,Object.assign({},t,{children:(0,C.jsxs)("svg",Object.assign({width:"100%",height:"100%",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[(0,C.jsx)(d,{d:"\n M 17.1222 6.887\n C 17.0141 6.77887 16.898 6.67911 16.7748 6.58856\n L 16.7295 6.55715\n C 16.7035 6.53903 16.6781 6.5203 16.6515 6.50278\n C 16.625 6.48526 16.5941 6.46653 16.5657 6.44901\n L 16.5259 6.42424\n C 16.4902 6.4031 16.454 6.38316 16.4177 6.36383\n L 16.3966 6.35236\n C 15.9678 6.12742 15.491 6.00968 15.0068 6.00922\n C 14.2101 6.00858 13.4463 5.69149 12.8834 5.12772\n C 12.3205 4.56395 12.0048 3.79971 12.0056 3.00314\n C 12.0078 1.79066 11.2792 0.696263 10.1596 0.230293\n C 9.04002 -0.235676 7.74992 0.0185592 6.89093 0.874441\n C 6.03194 1.73032 5.77323 3.01928 6.23546 4.14024\n C 6.69768 5.26119 7.7898 5.99337 9.00251 5.99532\n C 9.79924 5.99596 10.5631 6.31305 11.1259 6.87682\n C 11.6888 7.44059 12.0046 8.20484 12.0038 9.0014\n C 12.0031 9.79797 11.686 10.5616 11.1221 11.1244\n C 10.5582 11.6871 9.7938 12.0028 8.99708 12.002\n C 8.20096 12.0027 7.43727 11.6867 6.87438 11.1238\n C 6.3115 10.561 5.99564 9.79736 5.99644 9.0014\n C 5.99644 7.34586 4.65409 6.00378 2.99822 6.00378\n C 1.34235 6.00378 0 7.34586 0 9.0014\n C 0 10.6569 1.34235 11.999 2.99822 11.999\n C 4.65409 11.999 5.99644 13.3411 5.99644 14.9966\n C 5.99644 16.6553 7.34136 18 9.0004 18\n C 10.6594 18 12.0044 16.6553 12.0044 14.9966\n C 12.0044 13.3411 13.3467 11.999 15.0026 11.999\n C 15.5379 11.9994 16.0635 11.8563 16.5247 11.5846\n C 16.5645 11.561 16.6038 11.5363 16.6455 11.5109\n L 16.654 11.5055\n C 16.6902 11.4813 16.7265 11.4559 16.7615 11.4305\n L 16.7772 11.4197\n C 16.8086 11.3967 16.8376 11.372 16.8709 11.3472\n L 16.8975 11.3266\n C 16.9265 11.3031 16.9543 11.2783 16.9827 11.2535\n L 17.0135 11.227\n C 17.0497 11.1943 17.0854 11.1605 17.1204 11.1255\n L 17.1259 11.1206\n C 17.2553 10.9906 17.3726 10.8491 17.4763 10.6978\n C 17.4989 10.6651 17.5206 10.6321 17.5416 10.5987\n C 18.2843 9.415 18.1104 7.8752 17.1222 6.887Z\n ",fill:"currentColor"}),(0,C.jsx)(s,{cx:"9",cy:"3",r:"2.9",fill:"currentColor",angle:0}),(0,C.jsx)(s,{cx:"15",cy:"9",r:"2.75",fill:"currentColor",angle:-90}),(0,C.jsx)(s,{cx:"9",cy:"15",r:"2.5",fill:"currentColor",angle:-180}),(0,C.jsx)(s,{cx:"3",cy:"9",r:"2.25",fill:"currentColor",angle:-270})]}))}))}))``;const d=c.default.path`
|
|
224
|
+
@keyframes logoAnimation {
|
|
225
|
+
0% {
|
|
226
|
+
opacity: 1;
|
|
227
|
+
}
|
|
228
|
+
25% {
|
|
229
|
+
opacity: 1;
|
|
230
|
+
}
|
|
231
|
+
35% {
|
|
232
|
+
opacity: 0;
|
|
233
|
+
}
|
|
234
|
+
60% {
|
|
235
|
+
opacity: 0;
|
|
236
|
+
}
|
|
237
|
+
75% {
|
|
238
|
+
opacity: 1;
|
|
239
|
+
}
|
|
240
|
+
100% {
|
|
241
|
+
opacity: 1;
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
animation: logoAnimation 2s ease-in-out infinite;
|
|
246
|
+
`,s=c.default.circle`
|
|
247
|
+
transform-origin: center;
|
|
248
|
+
animation: ${({angle:e})=>(e=>c.keyframes`
|
|
249
|
+
0% {
|
|
250
|
+
transform: rotate(0deg);
|
|
251
|
+
opacity: 0;
|
|
252
|
+
}
|
|
253
|
+
25% {
|
|
254
|
+
transform: rotate(0deg);
|
|
255
|
+
opacity: 1;
|
|
256
|
+
}
|
|
257
|
+
30% {
|
|
258
|
+
transform: rotate(0deg);
|
|
259
|
+
opacity: 1;
|
|
260
|
+
}
|
|
261
|
+
50% {
|
|
262
|
+
transform: rotate(${e}deg);
|
|
263
|
+
opacity: 1;
|
|
264
|
+
}
|
|
265
|
+
70% {
|
|
266
|
+
transform: rotate(-360deg);
|
|
267
|
+
opacity: 1;
|
|
268
|
+
}
|
|
269
|
+
75% {
|
|
270
|
+
transform: rotate(-360deg);
|
|
271
|
+
opacity: 0;
|
|
272
|
+
}
|
|
273
|
+
100% {
|
|
274
|
+
transform: rotate(-360deg);
|
|
275
|
+
opacity: 0;
|
|
276
|
+
}
|
|
277
|
+
`)(e)} 2s ease-in-out infinite;
|
|
278
|
+
`},358:function(e,t,r){var l=this&&this.__rest||function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.StyledInputField=t.BaseInput=void 0;const n=r(5893),i=r(6689),C=o(r(7518)),c=r(1335),a=r(9507),d=r(7769);t.BaseInput=(0,i.forwardRef)(((e,r)=>{var{className:o,renderInput:i,message:C,label:c,status:a,name:d,type:v="text"}=e,g=l(e,["className","renderInput","message","label","status","name","type"]);const w="checkbox"===v||"radio"===v;return(0,n.jsxs)(f,Object.assign({flexDirection:"column",alignItems:"flex-start"},{children:[(0,n.jsxs)(s,Object.assign({inline:w},{children:[!!c&&(0,n.jsx)(u,Object.assign({as:"label",htmlFor:d,weight:"bold"},{children:c})),!!i&&i(Object.assign({name:d,status:a,type:v},g)),!i&&(0,n.jsx)(t.StyledInputField,Object.assign({className:o,name:d,status:a,type:v},g,{ref:r}))]})),!!C&&(0,n.jsx)(h,Object.assign({status:a},{children:C}))]}))})),t.BaseInput.displayName="BaseInput";const s=(0,C.default)(c.Box)`
|
|
224
279
|
align-items: ${({inline:e})=>e?"center":"flex-start"};
|
|
225
280
|
flex-direction: ${({inline:e})=>e?"row-reverse":"column"};
|
|
226
281
|
justify-content: ${({inline:e})=>e?"flex-end":"flex-start"};
|
|
@@ -501,7 +556,7 @@ var e={1521:(e,t,r)=>{r.r(t),r.d(t,{ActivityLogIcon:()=>n,AlignBaselineIcon:()=>
|
|
|
501
556
|
--openfin-ui-globalTransition: ${({theme:e})=>e.transition.none};
|
|
502
557
|
}
|
|
503
558
|
}
|
|
504
|
-
`},1069:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||l(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),o(r(9431),t)},9507:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||l(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),o(r(3471),t),o(r(6714),t),o(r(9272),t),o(r(575),t),o(r(1441),t),o(r(8732),t),o(r(5459),t),o(r(5317),t),o(r(420),t)},9984:function(e,t,r){var l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getMostReadable=t.darkenColor=t.lightenColor=void 0;const o=l(r(7621));t.lightenColor=(e,t)=>n(e,"lighten",t),t.darkenColor=(e,t)=>n(e,"darken",t);const n=(e,t,r)=>{if(r&&(r<0||r>100))throw new Error(`${r} must be a number between 0 and 100`);return(0,o.default)(e)[t](r).toString()};t.getMostReadable=(e,t)=>o.default.mostReadable(e,t).toHexString()},8029:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Configuration=void 0,t.Configuration={fontLoading:"cdn"}},3471:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&l(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.cdnFontFaceCss=t.IconSize=t.IconSet=t.Transition=t.Typography=t.LineHeight=t.FontWeight=t.FontSize=t.FontStack=t.Shadow=t.Radius=t.UnitPx=t.Unit=t.SizeName=t.Size=t.Color=void 0;const i=n(r(1521)),C=n(r(2772)),c=r(9272);t.Color={white:"#FFFFFF",lightGray1:"#FAFBFE",lightGray2:"#F3F5F8",lightGray3:"#ECEEF1",lightGray4:"#DDDFE4",lightGray5:"#C9CBD2",neutralGray:"#7D808A",darkGray1:"#53565F",darkGray2:"#383A40",darkGray3:"#2F3136",darkGray4:"#24262B",darkGray5:"#1E1F23",darkGray6:"#111214",openFinDarkest:"#3D39CD",openFinDarker:"#4642E0",openFin:"#504CFF",openFinLight:"#5254FB",openFinLighter:"#5C5EFE",openFinLightest:"#6864FF",functional1:"#35C759",functional2:"#46C8F1",functional3:"#0498FB",functional4:"#3A6FF9",functional5:"#5C5EFE",functional6:"#882BFE",functional7:"#BE1D1F",functional8:"#C93400",functional9:"#FF5E60",functional10:"#F48F00",purple:"#8C61FF",lightblue:"#36C3FE",aqua:"#00CC88",yellow:"#FFEB00",salmon:"#FF8C4C",pink:"#FF5E60",lightpink:"#FF8FB8",white00:"rgba(255,255,255,0.0)",white10:"rgba(255,255,255,0.1)",white20:"rgba(255,255,255,0.2)",white30:"rgba(255,255,255,0.3)",white40:"rgba(255,255,255,0.4)",white50:"rgba(255,255,255,0.5)",white60:"rgba(255,255,255,0.6)",white70:"rgba(255,255,255,0.7)",white80:"rgba(255,255,255,0.8)",white90:"rgba(255,255,255,0.9)",black00:"rgba(0,0,0,0.0)",black10:"rgba(0,0,0,0.1)",black20:"rgba(0,0,0,0.2)",black30:"rgba(0,0,0,0.3)",black40:"rgba(0,0,0,0.4)",black50:"rgba(0,0,0,0.5)",black60:"rgba(0,0,0,0.6)",black70:"rgba(0,0,0,0.7)",black80:"rgba(0,0,0,0.8)",black90:"rgba(0,0,0,0.9)",transparent:"transparent"},t.Size={xsmall:"xsmall",small:"small",base:"base",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge",xxxxlarge:"xxxxlarge"},t.SizeName={[t.Size.xsmall]:"Extra Small",[t.Size.small]:"Small",[t.Size.base]:"Base",[t.Size.large]:"Large",[t.Size.xlarge]:"Extra Large",[t.Size.xxlarge]:"2X Large",[t.Size.xxxlarge]:"3X Large",[t.Size.xxxxlarge]:"4X Large"},t.Unit={[t.Size.xsmall]:4,[t.Size.small]:8,[t.Size.base]:12,[t.Size.large]:16,[t.Size.xlarge]:20,[t.Size.xxlarge]:24,[t.Size.xxxlarge]:32,[t.Size.xxxxlarge]:48},t.UnitPx={[t.Size.xsmall]:"4px",[t.Size.small]:"8px",[t.Size.base]:"12px",[t.Size.large]:"16px",[t.Size.xlarge]:"20px",[t.Size.xxlarge]:"24px",[t.Size.xxxlarge]:"32px",[t.Size.xxxxlarge]:"48px"},t.Radius={[t.Size.small]:"4px",[t.Size.base]:"8px",[t.Size.large]:"24px",pill:"100vh",round:"50%",none:"0"},t.Shadow={[t.Size.base]:"0 4px 4px rgba(0, 0, 0, 0.25)"},t.FontStack=["Inter","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue","sans-serif"].join(", "),t.FontSize={[t.Size.xsmall]:"8px",[t.Size.small]:"10px",[t.Size.base]:"12px",[t.Size.large]:"14px",[t.Size.xlarge]:"16px",[t.Size.xxlarge]:"18px",[t.Size.xxxlarge]:"20px",[t.Size.xxxxlarge]:"40px"},t.FontWeight={normal:400,bold:600},t.LineHeight={ui:1,heading:1.2,text:1.5},t.Typography={base:`${t.FontSize.base}/${t.LineHeight.text} ${t.FontStack}`},t.Transition={base:"200ms cubic-bezier(0.16, 1, 0.3, 1)",none:"0ms"},t.IconSet=Object.assign(Object.assign({},i),C),t.IconSize={[t.Size.xsmall]:t.UnitPx.small,[t.Size.small]:t.UnitPx.base,[t.Size.base]:"15px",[t.Size.large]:t.UnitPx.xlarge,[t.Size.xlarge]:t.UnitPx.xxlarge,[t.Size.xxlarge]:t.UnitPx.xxxlarge,[t.Size.xxxlarge]:t.UnitPx.xxxxlarge},t.cdnFontFaceCss=(0,c.createFontFaceCss)({regular:"//cdn.openfin.co/fonts/inter/Inter-Regular.woff2?v3.15",italic:"//cdn.openfin.co/fonts/inter/Inter-Italic.woff2?v3.15",semiBold:"//cdn.openfin.co/fonts/inter/Inter-SemiBold.woff2?v3.15",semiBoldItalic:"//cdn.openfin.co/fonts/inter/Inter-SemiBoldItalic.woff2?v3.15"})},9272:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createFontFaceCss=void 0;const l=r(7518),o=r(3471);t.createFontFaceCss=function(e){return l.css`
|
|
559
|
+
`},1069:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||l(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),o(r(9431),t)},9507:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||l(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),o(r(3471),t),o(r(6714),t),o(r(9272),t),o(r(575),t),o(r(1441),t),o(r(8732),t),o(r(5459),t),o(r(5317),t),o(r(420),t)},9984:function(e,t,r){var l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getMostReadable=t.darkenColor=t.lightenColor=void 0;const o=l(r(7621));t.lightenColor=(e,t)=>n(e,"lighten",t),t.darkenColor=(e,t)=>n(e,"darken",t);const n=(e,t,r)=>{if(r&&(r<0||r>100))throw new Error(`${r} must be a number between 0 and 100`);return(0,o.default)(e)[t](r).toString()};t.getMostReadable=(e,t)=>o.default.mostReadable(e,t).toHexString()},8029:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Configuration=void 0,t.Configuration={fontLoading:"cdn"}},3471:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&l(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.cdnFontFaceCss=t.IconSize=t.IconSet=t.Transition=t.Typography=t.LineHeight=t.FontWeight=t.FontSize=t.FontStack=t.Shadow=t.Radius=t.UnitPx=t.Unit=t.SizeName=t.Size=t.Color=void 0;const i=n(r(1521)),C=n(r(2772)),c=r(9272);t.Color={white:"#FFFFFF",lightGray1:"#FAFBFE",lightGray2:"#F3F5F8",lightGray3:"#ECEEF1",lightGray4:"#DDDFE4",lightGray5:"#C9CBD2",neutralGray:"#7D808A",neutralGray80:"rgba(125,128,138,0.8)",darkGray1:"#53565F",darkGray2:"#383A40",darkGray3:"#2F3136",darkGray4:"#24262B",darkGray5:"#1E1F23",darkGray6:"#111214",openFinDarkest:"#3D39CD",openFinDarker:"#4642E0",openFin:"#504CFF",openFinLight:"#5254FB",openFinLighter:"#5C5EFE",openFinLightest:"#6864FF",functional1:"#35C759",functional2:"#46C8F1",functional3:"#0498FB",functional4:"#3A6FF9",functional5:"#5C5EFE",functional6:"#882BFE",functional7:"#BE1D1F",functional8:"#C93400",functional9:"#FF5E60",functional10:"#F48F00",purple:"#8C61FF",lightblue:"#36C3FE",aqua:"#00CC88",yellow:"#FFEB00",salmon:"#FF8C4C",pink:"#FF5E60",lightpink:"#FF8FB8",white00:"rgba(255,255,255,0.0)",white10:"rgba(255,255,255,0.1)",white20:"rgba(255,255,255,0.2)",white30:"rgba(255,255,255,0.3)",white40:"rgba(255,255,255,0.4)",white50:"rgba(255,255,255,0.5)",white60:"rgba(255,255,255,0.6)",white70:"rgba(255,255,255,0.7)",white80:"rgba(255,255,255,0.8)",white90:"rgba(255,255,255,0.9)",black00:"rgba(0,0,0,0.0)",black10:"rgba(0,0,0,0.1)",black20:"rgba(0,0,0,0.2)",black30:"rgba(0,0,0,0.3)",black40:"rgba(0,0,0,0.4)",black50:"rgba(0,0,0,0.5)",black60:"rgba(0,0,0,0.6)",black70:"rgba(0,0,0,0.7)",black80:"rgba(0,0,0,0.8)",black90:"rgba(0,0,0,0.9)",transparent:"transparent"},t.Size={xsmall:"xsmall",small:"small",base:"base",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge",xxxxlarge:"xxxxlarge"},t.SizeName={[t.Size.xsmall]:"Extra Small",[t.Size.small]:"Small",[t.Size.base]:"Base",[t.Size.large]:"Large",[t.Size.xlarge]:"Extra Large",[t.Size.xxlarge]:"2X Large",[t.Size.xxxlarge]:"3X Large",[t.Size.xxxxlarge]:"4X Large"},t.Unit={[t.Size.xsmall]:4,[t.Size.small]:8,[t.Size.base]:12,[t.Size.large]:16,[t.Size.xlarge]:20,[t.Size.xxlarge]:24,[t.Size.xxxlarge]:32,[t.Size.xxxxlarge]:48},t.UnitPx={[t.Size.xsmall]:"4px",[t.Size.small]:"8px",[t.Size.base]:"12px",[t.Size.large]:"16px",[t.Size.xlarge]:"20px",[t.Size.xxlarge]:"24px",[t.Size.xxxlarge]:"32px",[t.Size.xxxxlarge]:"48px"},t.Radius={[t.Size.small]:"4px",[t.Size.base]:"8px",[t.Size.large]:"24px",pill:"100vh",round:"50%",none:"0"},t.Shadow={[t.Size.base]:"0 4px 4px rgba(0, 0, 0, 0.25)"},t.FontStack=["Inter","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue","sans-serif"].join(", "),t.FontSize={[t.Size.xsmall]:"8px",[t.Size.small]:"10px",[t.Size.base]:"12px",[t.Size.large]:"14px",[t.Size.xlarge]:"16px",[t.Size.xxlarge]:"18px",[t.Size.xxxlarge]:"20px",[t.Size.xxxxlarge]:"40px"},t.FontWeight={normal:400,bold:600},t.LineHeight={ui:1,heading:1.2,text:1.5},t.Typography={base:`${t.FontSize.base}/${t.LineHeight.text} ${t.FontStack}`},t.Transition={base:"200ms cubic-bezier(0.16, 1, 0.3, 1)",none:"0ms"},t.IconSet=Object.assign(Object.assign({},i),C),t.IconSize={[t.Size.xsmall]:t.UnitPx.small,[t.Size.small]:t.UnitPx.base,[t.Size.base]:"15px",[t.Size.large]:t.UnitPx.xlarge,[t.Size.xlarge]:t.UnitPx.xxlarge,[t.Size.xxlarge]:t.UnitPx.xxxlarge,[t.Size.xxxlarge]:t.UnitPx.xxxxlarge},t.cdnFontFaceCss=(0,c.createFontFaceCss)({regular:"//cdn.openfin.co/fonts/inter/Inter-Regular.woff2?v3.15",italic:"//cdn.openfin.co/fonts/inter/Inter-Italic.woff2?v3.15",semiBold:"//cdn.openfin.co/fonts/inter/Inter-SemiBold.woff2?v3.15",semiBoldItalic:"//cdn.openfin.co/fonts/inter/Inter-SemiBoldItalic.woff2?v3.15"})},9272:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createFontFaceCss=void 0;const l=r(7518),o=r(3471);t.createFontFaceCss=function(e){return l.css`
|
|
505
560
|
@font-face {
|
|
506
561
|
font-family: 'Inter';
|
|
507
562
|
src: url(${e.regular}) format('woff2');
|
|
@@ -545,13 +600,13 @@ var e={1521:(e,t,r)=>{r.r(t),r.d(t,{ActivityLogIcon:()=>n,AlignBaselineIcon:()=>
|
|
|
545
600
|
}
|
|
546
601
|
|
|
547
602
|
&::-webkit-scrollbar-track {
|
|
548
|
-
background: ${l.Color.
|
|
603
|
+
background: ${l.Color.neutralGray80};
|
|
549
604
|
border-radius: var(--scrollbarSize, ${l.UnitPx.xsmall});
|
|
550
605
|
opacity: 0.8;
|
|
551
606
|
}
|
|
552
607
|
|
|
553
608
|
&::-webkit-scrollbar-thumb {
|
|
554
|
-
background: ${l.Color.
|
|
609
|
+
background: ${l.Color.white80};
|
|
555
610
|
width: var(--scrollbarSize, ${l.UnitPx.xsmall});
|
|
556
611
|
height: var(--scrollbarSize, ${l.UnitPx.xsmall});
|
|
557
612
|
border-radius: var(--scrollbarSize, ${l.UnitPx.xsmall});
|
|
@@ -564,7 +619,7 @@ var e={1521:(e,t,r)=>{r.r(t),r.d(t,{ActivityLogIcon:()=>n,AlignBaselineIcon:()=>
|
|
|
564
619
|
-webkit-app-region: drag;
|
|
565
620
|
`,d=o.css`
|
|
566
621
|
-webkit-app-region: no-drag;
|
|
567
|
-
`;t.Mixins={noSelect:n,textOverflow:i,scrollbar:{[l.Size.base]:C,[l.Size.small]:c},appRegion:{drag:a,noDrag:d}}},5459:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Palette=void 0,t.Palette={background1:"background1",background2:"background2",background3:"background3",background4:"background4",background5:"background5",background6:"background6",brandPrimary:"brandPrimary",brandSecondary:"brandSecondary",brandPrimaryActive:"brandPrimaryActive",brandPrimaryHover:"brandPrimaryHover",brandPrimaryFocused:"brandPrimaryFocused",brandPrimaryText:"brandPrimaryText",brandSecondaryActive:"brandSecondaryActive",brandSecondaryHover:"brandSecondaryHover",brandSecondaryFocused:"brandSecondaryFocused",brandSecondaryText:"brandSecondaryText",inputBackground:"inputBackground",inputColor:"inputColor",inputPlaceholder:"inputPlaceholder",inputDisabled:"inputDisabled",inputFocused:"inputFocused",statusSuccess:"statusSuccess",statusWarning:"statusWarning",statusCritical:"statusCritical",statusActive:"statusActive",textDefault:"textDefault",textHelp:"textHelp",textInactive:"textInactive",
|
|
622
|
+
`;t.Mixins={noSelect:n,textOverflow:i,scrollbar:{[l.Size.base]:C,[l.Size.small]:c},appRegion:{drag:a,noDrag:d}}},5459:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Palette=void 0,t.Palette={background1:"background1",background2:"background2",background3:"background3",background4:"background4",background5:"background5",background6:"background6",brandPrimary:"brandPrimary",brandSecondary:"brandSecondary",brandPrimaryActive:"brandPrimaryActive",brandPrimaryHover:"brandPrimaryHover",brandPrimaryFocused:"brandPrimaryFocused",brandPrimaryText:"brandPrimaryText",brandSecondaryActive:"brandSecondaryActive",brandSecondaryHover:"brandSecondaryHover",brandSecondaryFocused:"brandSecondaryFocused",brandSecondaryText:"brandSecondaryText",inputBackground:"inputBackground",inputColor:"inputColor",inputPlaceholder:"inputPlaceholder",inputDisabled:"inputDisabled",inputFocused:"inputFocused",statusSuccess:"statusSuccess",statusWarning:"statusWarning",statusCritical:"statusCritical",statusActive:"statusActive",textDefault:"textDefault",textHelp:"textHelp",textInactive:"textInactive",contentBackground1:"contentBackground1",contentBackground2:"contentBackground2",contentBackground3:"contentBackground3",contentBackground4:"contentBackground4",contentBackground5:"contentBackground5"}},5317:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},4266:function(e,t,r){var l=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||l(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),o(r(9483),t)},9483:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.OpenFinDarkTheme=t.OpenFinLightTheme=void 0;const l=r(5459),o=r(3471),n=r(6714),i={[l.Palette.brandPrimary]:o.Color.openFin,[l.Palette.statusSuccess]:o.Color.functional1,[l.Palette.statusWarning]:o.Color.functional10,[l.Palette.statusCritical]:o.Color.functional7,[l.Palette.statusActive]:o.Color.functional3,[l.Palette.contentBackground1]:o.Color.openFin,[l.Palette.contentBackground2]:"#000000",[l.Palette.contentBackground3]:"#000000",[l.Palette.contentBackground4]:"#000000",[l.Palette.contentBackground5]:"#000000"};t.OpenFinLightTheme=(0,n.createTheme)(Object.assign(Object.assign({},i),{[l.Palette.background1]:o.Color.white,[l.Palette.background2]:o.Color.lightGray1,[l.Palette.background3]:o.Color.lightGray2,[l.Palette.background4]:o.Color.lightGray3,[l.Palette.background5]:o.Color.lightGray4,[l.Palette.background6]:o.Color.lightGray5,[l.Palette.brandSecondary]:o.Color.darkGray5,[l.Palette.inputBackground]:o.Color.lightGray3,[l.Palette.inputColor]:o.Color.darkGray5,[l.Palette.inputPlaceholder]:o.Color.darkGray2,[l.Palette.inputDisabled]:o.Color.neutralGray,[l.Palette.inputFocused]:o.Color.lightGray5,[l.Palette.textDefault]:o.Color.darkGray5,[l.Palette.textHelp]:o.Color.darkGray3,[l.Palette.textInactive]:o.Color.neutralGray})),t.OpenFinDarkTheme=(0,n.createTheme)(Object.assign(Object.assign({},i),{[l.Palette.background1]:o.Color.darkGray6,[l.Palette.background2]:o.Color.darkGray5,[l.Palette.background3]:o.Color.darkGray4,[l.Palette.background4]:o.Color.darkGray3,[l.Palette.background5]:o.Color.darkGray2,[l.Palette.background6]:o.Color.darkGray1,[l.Palette.brandSecondary]:o.Color.darkGray2,[l.Palette.inputBackground]:o.Color.darkGray1,[l.Palette.inputColor]:o.Color.white,[l.Palette.inputPlaceholder]:o.Color.lightGray5,[l.Palette.inputDisabled]:o.Color.neutralGray,[l.Palette.inputFocused]:o.Color.lightGray5,[l.Palette.textDefault]:o.Color.white,[l.Palette.textHelp]:o.Color.lightGray5,[l.Palette.textInactive]:o.Color.neutralGray}))},420:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ThemeProvider=void 0;const l=r(5893),o=r(7518),n=r(7088),i=r(1069);t.ThemeProvider=({children:e,themes:t,scheme:r,config:C,includeGlobalStyles:c=!0})=>{const a=(0,n.useTheme)({themes:t,scheme:r,config:C});return(0,l.jsx)(o.ThemeProvider,Object.assign({theme:a},{children:(0,l.jsxs)(l.Fragment,{children:[c&&(0,l.jsx)(i.GlobalStyles,{}),e]})}))}},3429:function(e,t,r){var l=this&&this.__rest||function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContactCard=void 0;const n=r(5893),i=o(r(6689)),C=o(r(7518)),c=r(5377),a=r(7444);t.ContactCard=e=>{var{name:t,title:r,photoUrl:o,useInitials:C=!1,details:c}=e,x=l(e,["name","title","photoUrl","useInitials","details"]);const b=o||C,M=i.default.useMemo((()=>(0,a.getInitials)(t)),[t]),H=i.default.useMemo((()=>(0,a.getColorForName)(t)),[t]);return(0,n.jsxs)(d,Object.assign({},x,{children:[(0,n.jsxs)(s,{children:[b&&(0,n.jsx)(u,Object.assign({iconColor:H},{children:o?(0,n.jsx)(f,{alt:r,src:o}):(0,n.jsx)(h,{children:M})})),(0,n.jsxs)(v,{children:[(0,n.jsxs)(g,{children:[" ",t," "]}),r&&(0,n.jsxs)(w,{children:[" ",r," "]})]})]}),(0,n.jsx)(p,{children:c.map(((e,r)=>(0,n.jsxs)(i.default.Fragment,{children:[(0,n.jsx)(L,{definitions:e}),r<c.length-1&&(0,n.jsx)(m,{})]},`${t}-details-${r}`)))})]}))};const d=C.default.div`
|
|
568
623
|
display: flex;
|
|
569
624
|
flex-direction: column;
|
|
570
625
|
height: 100%;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { IconSizeProps } from '../Icon';
|
|
3
|
+
export declare type OpenfinLoaderProps = IconSizeProps & HTMLAttributes<HTMLDivElement>;
|
|
4
|
+
export declare const OpenfinLoader: import("styled-components").StyledComponent<({ ...props }: OpenfinLoaderProps) => JSX.Element, import("styled-components").DefaultTheme, IconSizeProps & HTMLAttributes<HTMLDivElement>, never>;
|
|
@@ -14,6 +14,7 @@ export declare const Color: {
|
|
|
14
14
|
readonly lightGray4: "#DDDFE4";
|
|
15
15
|
readonly lightGray5: "#C9CBD2";
|
|
16
16
|
readonly neutralGray: "#7D808A";
|
|
17
|
+
readonly neutralGray80: "rgba(125,128,138,0.8)";
|
|
17
18
|
readonly darkGray1: "#53565F";
|
|
18
19
|
readonly darkGray2: "#383A40";
|
|
19
20
|
readonly darkGray3: "#2F3136";
|
|
@@ -30,5 +30,9 @@ export declare const Palette: {
|
|
|
30
30
|
readonly textDefault: "textDefault";
|
|
31
31
|
readonly textHelp: "textHelp";
|
|
32
32
|
readonly textInactive: "textInactive";
|
|
33
|
-
readonly
|
|
33
|
+
readonly contentBackground1: "contentBackground1";
|
|
34
|
+
readonly contentBackground2: "contentBackground2";
|
|
35
|
+
readonly contentBackground3: "contentBackground3";
|
|
36
|
+
readonly contentBackground4: "contentBackground4";
|
|
37
|
+
readonly contentBackground5: "contentBackground5";
|
|
34
38
|
};
|
package/package.json
CHANGED