@openfin/ui-library 0.31.3-alpha.20251106171135 → 0.31.3

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,19 @@
+/*!
+* focus-trap 6.9.4
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+
+/*!
+* tabbable 5.3.3
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/lib/color-generator.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generate a color based on a string.
+ * @param str The string to generate a color from.
+ * @param saturation The saturation of the color.
+ * @param lightness The lightness of the color.
+ */
+export declare function generateColorFromString(str?: string, saturation?: number, lightness?: number): string;

package/dist/lib/color-generator.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/math.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Returns a number whose value is limited to the given range.
+ *
+ * @param {Number} min The lower boundary of the output range
+ * @param {Number} max The upper boundary of the output range
+ * @returns A number in the range [min, max]
+ * @type Number
+ */
+export declare const clamp: (num: number, min: number | undefined, max: number | undefined) => number;
+/**
+ * Generates a random integer.
+ */
+export declare const generateRandomInteger: () => number;

package/dist/lib/whenFin.d.ts

@@ -0,0 +1,6 @@
+/**
+ * OpenFin/Non-OpenFin context expression switch.
+ * @param finValue Expression invoked/returned when running in the fin environment.
+ * @param noFinValue Expression invoked/returned when not running in the fin environment.
+ */
+export declare function whenFin<F, N = undefined>(finValue: (() => F) | F, noFinValue?: (() => N) | N): F | N | undefined;

package/dist/lib/whenFin.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/storybookHelpers.d.ts

@@ -0,0 +1,78 @@
+/// <reference types="react" />
+export declare const StoryRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
+    alignItems?: import("./components/layout/Box/types").AlignItems | undefined;
+    display?: import("./components/layout/Box/types").Display | undefined;
+    flexDirection?: import("./components/layout/Box/types").FlexDirection | undefined;
+    flexWrap?: import("./components/layout/Box/types").FlexWrap | undefined;
+    justifyContent?: import("./components/layout/Box/types").JustifyContent | undefined;
+    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    alignSelf?: import("./components/layout/Box/types").AlignSelf | undefined;
+    flexBasis?: string | undefined;
+    flexGrow?: 0 | 1 | undefined;
+    flexShrink?: 0 | 1 | undefined;
+    order?: number | undefined;
+    background?: import("./components/layout/Box/types").BackgroundLevel | undefined;
+    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+} & {
+    gap: string;
+    alignItems: string;
+}, "alignItems" | "gap">;
+export declare const StoryColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
+    alignItems?: import("./components/layout/Box/types").AlignItems | undefined;
+    display?: import("./components/layout/Box/types").Display | undefined;
+    flexDirection?: import("./components/layout/Box/types").FlexDirection | undefined;
+    flexWrap?: import("./components/layout/Box/types").FlexWrap | undefined;
+    justifyContent?: import("./components/layout/Box/types").JustifyContent | undefined;
+    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    alignSelf?: import("./components/layout/Box/types").AlignSelf | undefined;
+    flexBasis?: string | undefined;
+    flexGrow?: 0 | 1 | undefined;
+    flexShrink?: 0 | 1 | undefined;
+    order?: number | undefined;
+    background?: import("./components/layout/Box/types").BackgroundLevel | undefined;
+    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+} & {
+    flexDirection: string;
+    gap: string;
+    alignItems: string;
+}, "flexDirection" | "alignItems" | "gap">;
+export declare const StoryGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
+    alignItems?: import("./components/layout/Box/types").AlignItems | undefined;
+    display?: import("./components/layout/Box/types").Display | undefined;
+    flexDirection?: import("./components/layout/Box/types").FlexDirection | undefined;
+    flexWrap?: import("./components/layout/Box/types").FlexWrap | undefined;
+    justifyContent?: import("./components/layout/Box/types").JustifyContent | undefined;
+    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    alignSelf?: import("./components/layout/Box/types").AlignSelf | undefined;
+    flexBasis?: string | undefined;
+    flexGrow?: 0 | 1 | undefined;
+    flexShrink?: 0 | 1 | undefined;
+    order?: number | undefined;
+    background?: import("./components/layout/Box/types").BackgroundLevel | undefined;
+    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+} & {
+    gap: string;
+}, "gap">;
+export declare const PlaceholderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
+    alignItems?: import("./components/layout/Box/types").AlignItems | undefined;
+    display?: import("./components/layout/Box/types").Display | undefined;
+    flexDirection?: import("./components/layout/Box/types").FlexDirection | undefined;
+    flexWrap?: import("./components/layout/Box/types").FlexWrap | undefined;
+    justifyContent?: import("./components/layout/Box/types").JustifyContent | undefined;
+    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    alignSelf?: import("./components/layout/Box/types").AlignSelf | undefined;
+    flexBasis?: string | undefined;
+    flexGrow?: 0 | 1 | undefined;
+    flexShrink?: 0 | 1 | undefined;
+    order?: number | undefined;
+    background?: import("./components/layout/Box/types").BackgroundLevel | undefined;
+    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+} & {
+    flexDirection: string;
+    gap: string;
+    alignItems: string;
+}, "flexDirection" | "alignItems" | "gap">;
+export declare const Pre: import("styled-components").StyledComponent<"pre", import("styled-components").DefaultTheme, {}, never>;
+export declare const JSONData: ({ data }: {
+    data: unknown;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/theme.d.ts

@@ -0,0 +1,3 @@
+export { Color } from './components/system/ThemeProvider/lib/constants';
+export { Palette } from './components/system/ThemeProvider/lib/palette';
+export { createTheme } from './components/system/ThemeProvider/lib/createTheme';

package/dist/theme.js

@@ -0,0 +1 @@
+var e={2346:function(e,t,r){var a=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 n=a(r(6535));t.lightenColor=(e,t)=>i(e,"lighten",t),t.darkenColor=(e,t)=>i(e,"darken",t);const i=(e,t,r)=>{if(r&&(r<0||r>100))throw new Error(`${r} must be a number between 0 and 100`);return(0,n.default)(e)[t](r).toString()};t.getMostReadable=(e,t)=>n.default.mostReadable(e,t).toHexString()},2317:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconSize=t.Transition=t.LineHeight=t.FontWeight=t.FontSize=t.FontFamily=t.Shadow=t.Radius=t.UnitPx=t.Unit=t.SizeName=t.Size=t.Color=void 0,t.Color={white:"#FFFFFF",lightGray1:"#FAFBFE",lightGray2:"#F3F5F8",lightGray3:"#ECEEF1",lightGray4:"#DDDFE4",lightGray5:"#C9CBD2",neutralGray:"#7D808A",neutralGray80:"rgba(125,128,138,0.8)",silverGray:"#C0C1C2",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:"#207735",functional2:"#46C8F1",functional3:"#0A76D3",functional4:"#6CADE5",functional5:"#0A76D3",functional6:"#882BFE",functional7:"#F31818",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",openFinActive:"#4642FF",openFinHover:"#6965FF",lightGray4Active:"#D7DADF",lightGray4Hover:"#EBECEF",darkGray2Active:"#33353B",darkGray2Hover:"#44464E"},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.xsmall]:"2px",[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.FontFamily=["Inter","system-ui","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.Transition={base:"200ms cubic-bezier(0.16, 1, 0.3, 1)",none:"0ms"},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}},6893:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createTheme=void 0;const a=r(2317),n=r(2346),i=r(5939),o={fontFamily:a.FontFamily,fontSize:a.FontSize,fontWeight:a.FontWeight,lineHeight:a.LineHeight,iconSize:a.IconSize,radius:a.Radius,shadow:a.Shadow,transition:a.Transition,unit:a.Unit,px:a.UnitPx},l=(e,t)=>({[`${e}Active`]:(0,n.darkenColor)(t,2),[`${e}Hover`]:(0,n.lightenColor)(t,5),[`${e}Focused`]:(0,n.getMostReadable)(t,[a.Color.white,a.Color.darkGray5]),[`${e}Text`]:(0,n.getMostReadable)(t,[a.Color.white,a.Color.darkGray5])});t.createTheme=e=>Object.assign(Object.assign({},o),{palette:Object.assign(Object.assign(Object.assign({},l(i.Palette.brandPrimary,e.brandPrimary)),l(i.Palette.brandSecondary,e.brandSecondary)),e)})},5939:(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",inputBorder:"inputBorder",statusSuccess:"statusSuccess",statusWarning:"statusWarning",statusCritical:"statusCritical",statusActive:"statusActive",textDefault:"textDefault",textHelp:"textHelp",textInactive:"textInactive",borderNeutral:"borderNeutral",contentBackground1:"contentBackground1",contentBackground2:"contentBackground2",contentBackground3:"contentBackground3",contentBackground4:"contentBackground4",contentBackground5:"contentBackground5",linkDefault:"linkDefault",linkHover:"linkHover"}},6535:function(e){e.exports=function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t=/^\s+/,r=/\s+$/;function a(n,i){if(i=i||{},(n=n||"")instanceof a)return n;if(!(this instanceof a))return new a(n,i);var o=function(a){var n={r:0,g:0,b:0},i=1,o=null,l=null,s=null,u=!1,h=!1;return"string"==typeof a&&(a=function(e){e=e.replace(t,"").replace(r,"").toLowerCase();var a,n=!1;if(v[e])e=v[e],n=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};return(a=E.rgb.exec(e))?{r:a[1],g:a[2],b:a[3]}:(a=E.rgba.exec(e))?{r:a[1],g:a[2],b:a[3],a:a[4]}:(a=E.hsl.exec(e))?{h:a[1],s:a[2],l:a[3]}:(a=E.hsla.exec(e))?{h:a[1],s:a[2],l:a[3],a:a[4]}:(a=E.hsv.exec(e))?{h:a[1],s:a[2],v:a[3]}:(a=E.hsva.exec(e))?{h:a[1],s:a[2],v:a[3],a:a[4]}:(a=E.hex8.exec(e))?{r:M(a[1]),g:M(a[2]),b:M(a[3]),a:C(a[4]),format:n?"name":"hex8"}:(a=E.hex6.exec(e))?{r:M(a[1]),g:M(a[2]),b:M(a[3]),format:n?"name":"hex"}:(a=E.hex4.exec(e))?{r:M(a[1]+""+a[1]),g:M(a[2]+""+a[2]),b:M(a[3]+""+a[3]),a:C(a[4]+""+a[4]),format:n?"name":"hex8"}:!!(a=E.hex3.exec(e))&&{r:M(a[1]+""+a[1]),g:M(a[2]+""+a[2]),b:M(a[3]+""+a[3]),format:n?"name":"hex"}}(a)),"object"==e(a)&&(B(a.r)&&B(a.g)&&B(a.b)?(c=a.r,f=a.g,g=a.b,n={r:255*k(c,255),g:255*k(f,255),b:255*k(g,255)},u=!0,h="%"===String(a.r).substr(-1)?"prgb":"rgb"):B(a.h)&&B(a.s)&&B(a.v)?(o=w(a.s),l=w(a.v),n=function(e,t,r){e=6*k(e,360),t=k(t,100),r=k(r,100);var a=Math.floor(e),n=e-a,i=r*(1-t),o=r*(1-n*t),l=r*(1-(1-n)*t),s=a%6;return{r:255*[r,o,i,i,l,r][s],g:255*[l,r,r,o,i,i][s],b:255*[i,i,l,r,r,o][s]}}(a.h,o,l),u=!0,h="hsv"):B(a.h)&&B(a.s)&&B(a.l)&&(o=w(a.s),s=w(a.l),n=function(e,t,r){var a,n,i;function o(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}if(e=k(e,360),t=k(t,100),r=k(r,100),0===t)a=n=i=r;else{var l=r<.5?r*(1+t):r+t-r*t,s=2*r-l;a=o(s,l,e+1/3),n=o(s,l,e),i=o(s,l,e-1/3)}return{r:255*a,g:255*n,b:255*i}}(a.h,o,s),u=!0,h="hsl"),a.hasOwnProperty("a")&&(i=a.a)),i=S(i),{ok:u,format:a.format||h,r:Math.min(255,Math.max(n.r,0)),g:Math.min(255,Math.max(n.g,0)),b:Math.min(255,Math.max(n.b,0)),a:i};var c,f,g}(n);this._originalInput=n,this._r=o.r,this._g=o.g,this._b=o.b,this._a=o.a,this._roundA=Math.round(100*this._a)/100,this._format=i.format||o.format,this._gradientType=i.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=o.ok}function n(e,t,r){e=k(e,255),t=k(t,255),r=k(r,255);var a,n,i=Math.max(e,t,r),o=Math.min(e,t,r),l=(i+o)/2;if(i==o)a=n=0;else{var s=i-o;switch(n=l>.5?s/(2-i-o):s/(i+o),i){case e:a=(t-r)/s+(t<r?6:0);break;case t:a=(r-e)/s+2;break;case r:a=(e-t)/s+4}a/=6}return{h:a,s:n,l}}function i(e,t,r){e=k(e,255),t=k(t,255),r=k(r,255);var a,n,i=Math.max(e,t,r),o=Math.min(e,t,r),l=i,s=i-o;if(n=0===i?0:s/i,i==o)a=0;else{switch(i){case e:a=(t-r)/s+(t<r?6:0);break;case t:a=(r-e)/s+2;break;case r:a=(e-t)/s+4}a/=6}return{h:a,s:n,v:l}}function o(e,t,r,a){var n=[A(Math.round(e).toString(16)),A(Math.round(t).toString(16)),A(Math.round(r).toString(16))];return a&&n[0].charAt(0)==n[0].charAt(1)&&n[1].charAt(0)==n[1].charAt(1)&&n[2].charAt(0)==n[2].charAt(1)?n[0].charAt(0)+n[1].charAt(0)+n[2].charAt(0):n.join("")}function l(e,t,r,a){return[A(z(a)),A(Math.round(e).toString(16)),A(Math.round(t).toString(16)),A(Math.round(r).toString(16))].join("")}function s(e,t){t=0===t?0:t||10;var r=a(e).toHsl();return r.s-=t/100,r.s=F(r.s),a(r)}function u(e,t){t=0===t?0:t||10;var r=a(e).toHsl();return r.s+=t/100,r.s=F(r.s),a(r)}function h(e){return a(e).desaturate(100)}function c(e,t){t=0===t?0:t||10;var r=a(e).toHsl();return r.l+=t/100,r.l=F(r.l),a(r)}function f(e,t){t=0===t?0:t||10;var r=a(e).toRgb();return r.r=Math.max(0,Math.min(255,r.r-Math.round(-t/100*255))),r.g=Math.max(0,Math.min(255,r.g-Math.round(-t/100*255))),r.b=Math.max(0,Math.min(255,r.b-Math.round(-t/100*255))),a(r)}function g(e,t){t=0===t?0:t||10;var r=a(e).toHsl();return r.l-=t/100,r.l=F(r.l),a(r)}function d(e,t){var r=a(e).toHsl(),n=(r.h+t)%360;return r.h=n<0?360+n:n,a(r)}function b(e){var t=a(e).toHsl();return t.h=(t.h+180)%360,a(t)}function x(e,t){if(isNaN(t)||t<=0)throw new Error("Argument to polyad must be a positive number");for(var r=a(e).toHsl(),n=[a(e)],i=360/t,o=1;o<t;o++)n.push(a({h:(r.h+o*i)%360,s:r.s,l:r.l}));return n}function p(e){var t=a(e).toHsl(),r=t.h;return[a(e),a({h:(r+72)%360,s:t.s,l:t.l}),a({h:(r+216)%360,s:t.s,l:t.l})]}function m(e,t,r){t=t||6,r=r||30;var n=a(e).toHsl(),i=360/r,o=[a(e)];for(n.h=(n.h-(i*t>>1)+720)%360;--t;)n.h=(n.h+i)%360,o.push(a(n));return o}function y(e,t){t=t||6;for(var r=a(e).toHsv(),n=r.h,i=r.s,o=r.v,l=[],s=1/t;t--;)l.push(a({h:n,s:i,v:o})),o=(o+s)%1;return l}a.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,r,a=this.toRgb();return e=a.r/255,t=a.g/255,r=a.b/255,.2126*(e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4))+.7152*(t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4))+.0722*(r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4))},setAlpha:function(e){return this._a=S(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=i(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=i(this._r,this._g,this._b),t=Math.round(360*e.h),r=Math.round(100*e.s),a=Math.round(100*e.v);return 1==this._a?"hsv("+t+", "+r+"%, "+a+"%)":"hsva("+t+", "+r+"%, "+a+"%, "+this._roundA+")"},toHsl:function(){var e=n(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=n(this._r,this._g,this._b),t=Math.round(360*e.h),r=Math.round(100*e.s),a=Math.round(100*e.l);return 1==this._a?"hsl("+t+", "+r+"%, "+a+"%)":"hsla("+t+", "+r+"%, "+a+"%, "+this._roundA+")"},toHex:function(e){return o(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return function(e,t,r,a,n){var i=[A(Math.round(e).toString(16)),A(Math.round(t).toString(16)),A(Math.round(r).toString(16)),A(z(a))];return n&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)&&i[3].charAt(0)==i[3].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(100*k(this._r,255))+"%",g:Math.round(100*k(this._g,255))+"%",b:Math.round(100*k(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+Math.round(100*k(this._r,255))+"%, "+Math.round(100*k(this._g,255))+"%, "+Math.round(100*k(this._b,255))+"%)":"rgba("+Math.round(100*k(this._r,255))+"%, "+Math.round(100*k(this._g,255))+"%, "+Math.round(100*k(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(_[o(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+l(this._r,this._g,this._b,this._a),r=t,n=this._gradientType?"GradientType = 1, ":"";if(e){var i=a(e);r="#"+l(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+n+"startColorstr="+t+",endColorstr="+r+")"},toString:function(e){var t=!!e;e=e||this._format;var r=!1,a=this._a<1&&this._a>=0;return t||!a||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(r=this.toRgbString()),"prgb"===e&&(r=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(r=this.toHexString()),"hex3"===e&&(r=this.toHexString(!0)),"hex4"===e&&(r=this.toHex8String(!0)),"hex8"===e&&(r=this.toHex8String()),"name"===e&&(r=this.toName()),"hsl"===e&&(r=this.toHslString()),"hsv"===e&&(r=this.toHsvString()),r||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return a(this.toString())},_applyModification:function(e,t){var r=e.apply(null,[this].concat([].slice.call(t)));return this._r=r._r,this._g=r._g,this._b=r._b,this.setAlpha(r._a),this},lighten:function(){return this._applyModification(c,arguments)},brighten:function(){return this._applyModification(f,arguments)},darken:function(){return this._applyModification(g,arguments)},desaturate:function(){return this._applyModification(s,arguments)},saturate:function(){return this._applyModification(u,arguments)},greyscale:function(){return this._applyModification(h,arguments)},spin:function(){return this._applyModification(d,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(m,arguments)},complement:function(){return this._applyCombination(b,arguments)},monochromatic:function(){return this._applyCombination(y,arguments)},splitcomplement:function(){return this._applyCombination(p,arguments)},triad:function(){return this._applyCombination(x,[3])},tetrad:function(){return this._applyCombination(x,[4])}},a.fromRatio=function(t,r){if("object"==e(t)){var n={};for(var i in t)t.hasOwnProperty(i)&&(n[i]="a"===i?t[i]:w(t[i]));t=n}return a(t,r)},a.equals=function(e,t){return!(!e||!t)&&a(e).toRgbString()==a(t).toRgbString()},a.random=function(){return a.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},a.mix=function(e,t,r){r=0===r?0:r||50;var n=a(e).toRgb(),i=a(t).toRgb(),o=r/100;return a({r:(i.r-n.r)*o+n.r,g:(i.g-n.g)*o+n.g,b:(i.b-n.b)*o+n.b,a:(i.a-n.a)*o+n.a})},a.readability=function(e,t){var r=a(e),n=a(t);return(Math.max(r.getLuminance(),n.getLuminance())+.05)/(Math.min(r.getLuminance(),n.getLuminance())+.05)},a.isReadable=function(e,t,r){var n,i,o,l,s,u=a.readability(e,t);switch(i=!1,(o=r,"AA"!==(l=((o=o||{level:"AA",size:"small"}).level||"AA").toUpperCase())&&"AAA"!==l&&(l="AA"),"small"!==(s=(o.size||"small").toLowerCase())&&"large"!==s&&(s="small"),n={level:l,size:s}).level+n.size){case"AAsmall":case"AAAlarge":i=u>=4.5;break;case"AAlarge":i=u>=3;break;case"AAAsmall":i=u>=7}return i},a.mostReadable=function(e,t,r){var n,i,o,l,s=null,u=0;i=(r=r||{}).includeFallbackColors,o=r.level,l=r.size;for(var h=0;h<t.length;h++)(n=a.readability(e,t[h]))>u&&(u=n,s=a(t[h]));return a.isReadable(e,s,{level:o,size:l})||!i?s:(r.includeFallbackColors=!1,a.mostReadable(e,["#fff","#000"],r))};var v=a.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},_=a.hexNames=function(e){var t={};for(var r in e)e.hasOwnProperty(r)&&(t[e[r]]=r);return t}(v);function S(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function k(e,t){(function(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)})(e)&&(e="100%");var r=function(e){return"string"==typeof e&&-1!=e.indexOf("%")}(e);return e=Math.min(t,Math.max(0,parseFloat(e))),r&&(e=parseInt(e*t,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function F(e){return Math.min(1,Math.max(0,e))}function M(e){return parseInt(e,16)}function A(e){return 1==e.length?"0"+e:""+e}function w(e){return e<=1&&(e=100*e+"%"),e}function z(e){return Math.round(255*parseFloat(e)).toString(16)}function C(e){return M(e)/255}var H,P,R,E=(P="[\\s|\\(]+("+(H="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+H+")[,|\\s]+("+H+")\\s*\\)?",R="[\\s|\\(]+("+H+")[,|\\s]+("+H+")[,|\\s]+("+H+")[,|\\s]+("+H+")\\s*\\)?",{CSS_UNIT:new RegExp(H),rgb:new RegExp("rgb"+P),rgba:new RegExp("rgba"+R),hsl:new RegExp("hsl"+P),hsla:new RegExp("hsla"+R),hsv:new RegExp("hsv"+P),hsva:new RegExp("hsva"+R),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function B(e){return!!E.CSS_UNIT.exec(e)}return a}()}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var i=t[a]={exports:{}};return e[a].call(i.exports,i,i.exports,r),i.exports}var a={};(()=>{var e=a;Object.defineProperty(e,"__esModule",{value:!0}),e.createTheme=e.Palette=e.Color=void 0;var t=r(2317);Object.defineProperty(e,"Color",{enumerable:!0,get:function(){return t.Color}});var n=r(5939);Object.defineProperty(e,"Palette",{enumerable:!0,get:function(){return n.Palette}});var i=r(6893);Object.defineProperty(e,"createTheme",{enumerable:!0,get:function(){return i.createTheme}})})();var n=exports;for(var i in a)n[i]=a[i];a.__esModule&&Object.defineProperty(n,"__esModule",{value:!0});

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+} | T;

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.31.3-alpha.20251106171135",
+  "version": "0.31.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/openfin/workspace.git",
-    "directory": "packages/ui-library"
+    "url": "git+https://github.com/openfin/ui-library.git"
   },
   "homepage": "https://cdn.openfin.co/workspace/storybook",
   "files": [
@@ -27,14 +26,11 @@
   "license": "SEE LICENSE IN LICENSE.MD",
   "scripts": {
     "start": "npm run storybook",
-    "dev": "webpack build --config webpack.config.js --mode development --watch",
     "typecheck": "npx tsc --noEmit",
-    "build": "npm run build:clean && npm run build:scss && npm run build:src",
+    "build": "npm run build:clean && npm run build:src",
     "build:src": "webpack build --config webpack.config.js --mode production",
     "build:clean": "rimraf dist",
-    "build:scss": "sass src/styles:dist/styles",
     "build:dev": "webpack build --config webpack.config.js --mode development && yalc push",
-    "build:watch": "webpack build --config webpack.config.js --mode development --watch",
     "test:ci": "jest",
     "test": "jest --watch",
     "lint": "npm run lint:typescript && npm run lint:styles",
@@ -78,7 +74,7 @@
     "@types/jest": "^28.1.3",
     "@types/lodash.merge": "^4.6.2",
     "@types/node": "^18.15.12",
-    "@types/react": "18.3.24",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/styled-components": "^5.1.34",
     "@types/tinycolor2": "^1.4.6",
@@ -87,7 +83,7 @@
     "babel-loader": "^8.4.1",
     "copy-webpack-plugin": "^11.0.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.11.0",
+    "css-loader": "^6.7.3",
     "eslint": "^8.40.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-jest": "^26.5.3",
@@ -105,10 +101,7 @@
     "react-refresh": "^0.14.0",
     "resize-observer-polyfill": "^1.5.1",
     "rimraf": "^5.0.0",
-    "sass": "^1.93.2",
-    "sass-loader": "^16.0.5",
     "storybook": "^8.6.14",
-    "style-loader": "^4.0.0",
     "stylelint": "^14.9.1",
     "stylelint-config-recommended": "^8.0.0",
     "stylelint-config-styled-components": "^0.1.1",
@@ -132,6 +125,47 @@
       "last 1 safari version"
     ]
   },
+  "eslintConfig": {
+    "extends": [
+      "plugin:@typescript-eslint/recommended",
+      "prettier",
+      "eslint:recommended",
+      "plugin:react/recommended",
+      "plugin:jest/recommended"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+      "project": "./*/tsconfig.json"
+    },
+    "plugins": [
+      "@typescript-eslint",
+      "jest"
+    ],
+    "rules": {
+      "dot-notation": "error",
+      "react/prop-types": "off",
+      "react/jsx-uses-react": "off",
+      "react/react-in-jsx-scope": "off",
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": "error",
+      "@typescript-eslint/no-explicit-any": "error",
+      "@typescript-eslint/no-unused-expressions": "error",
+      "@typescript-eslint/no-require-imports": "error",
+      "@typescript-eslint/ban-types": "error"
+    },
+    "globals": {
+      "JSX": "readonly"
+    },
+    "settings": {
+      "react": {
+        "version": "detect"
+      }
+    },
+    "env": {
+      "browser": true,
+      "node": true
+    }
+  },
   "stylelint": {
     "customSyntax": "@stylelint/postcss-css-in-js",
     "extends": [