@openfin/ui-library 0.28.1-alpha.1737713987 → 0.28.1-alpha.1738144127

package/dist/index.js.LICENSE.txt

@@ -1,29 +1,15 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
 /*!
-* focus-trap 7.3.1
+* focus-trap 7.6.2
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
 
 /*!
-* tabbable 6.1.1
+* tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 
 /**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-
-/** @license React v17.0.2
+ * @license React
  * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/dist/storybookHelpers.d.ts

@@ -1,72 +1,71 @@
-/// <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;
+    alignItems?: import("./components/layout/Box/types").AlignItems;
+    display?: import("./components/layout/Box/types").Display;
+    flexDirection?: import("./components/layout/Box/types").FlexDirection;
+    flexWrap?: import("./components/layout/Box/types").FlexWrap;
+    justifyContent?: import("./components/layout/Box/types").JustifyContent;
+    gap?: import(".").UnitPxType;
+    alignSelf?: import("./components/layout/Box/types").AlignSelf;
+    flexBasis?: string;
+    flexGrow?: 1 | 0;
+    flexShrink?: 1 | 0;
+    order?: number;
+    background?: import("./components/layout/Box/types").BackgroundLevel;
+    padding?: import(".").UnitPxType;
 } & {
     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;
+    alignItems?: import("./components/layout/Box/types").AlignItems;
+    display?: import("./components/layout/Box/types").Display;
+    flexDirection?: import("./components/layout/Box/types").FlexDirection;
+    flexWrap?: import("./components/layout/Box/types").FlexWrap;
+    justifyContent?: import("./components/layout/Box/types").JustifyContent;
+    gap?: import(".").UnitPxType;
+    alignSelf?: import("./components/layout/Box/types").AlignSelf;
+    flexBasis?: string;
+    flexGrow?: 1 | 0;
+    flexShrink?: 1 | 0;
+    order?: number;
+    background?: import("./components/layout/Box/types").BackgroundLevel;
+    padding?: import(".").UnitPxType;
 } & {
     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;
+    alignItems?: import("./components/layout/Box/types").AlignItems;
+    display?: import("./components/layout/Box/types").Display;
+    flexDirection?: import("./components/layout/Box/types").FlexDirection;
+    flexWrap?: import("./components/layout/Box/types").FlexWrap;
+    justifyContent?: import("./components/layout/Box/types").JustifyContent;
+    gap?: import(".").UnitPxType;
+    alignSelf?: import("./components/layout/Box/types").AlignSelf;
+    flexBasis?: string;
+    flexGrow?: 1 | 0;
+    flexShrink?: 1 | 0;
+    order?: number;
+    background?: import("./components/layout/Box/types").BackgroundLevel;
+    padding?: import(".").UnitPxType;
 } & {
     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;
+    alignItems?: import("./components/layout/Box/types").AlignItems;
+    display?: import("./components/layout/Box/types").Display;
+    flexDirection?: import("./components/layout/Box/types").FlexDirection;
+    flexWrap?: import("./components/layout/Box/types").FlexWrap;
+    justifyContent?: import("./components/layout/Box/types").JustifyContent;
+    gap?: import(".").UnitPxType;
+    alignSelf?: import("./components/layout/Box/types").AlignSelf;
+    flexBasis?: string;
+    flexGrow?: 1 | 0;
+    flexShrink?: 1 | 0;
+    order?: number;
+    background?: import("./components/layout/Box/types").BackgroundLevel;
+    padding?: import(".").UnitPxType;
 } & {
     flexDirection: string;
     gap: string;
@@ -75,4 +74,4 @@ export declare const PlaceholderContent: import("styled-components").StyledCompo
 export declare const Pre: import("styled-components").StyledComponent<"pre", import("styled-components").DefaultTheme, {}, never>;
 export declare const JSONData: ({ data }: {
     data: unknown;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.28.1-alpha.1737713987",
+  "version": "0.28.1-alpha.1738144127",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": "github:openfin/ui-library",
@@ -38,16 +38,18 @@
     "storybook:cache-clear": "rimraf ./node_modules/.cache/storybook"
   },
   "peerDependencies": {
-    "@modulz/radix-icons": "=>4.0.0 <5.0.0",
-    "focus-trap-react": "=>10.0.1 <11.0.0",
-    "framer-motion": "=>4.1.5 <7.0.0",
+    "@radix-ui/react-icons": ">=1.3.2 <2.0.0",
+    "framer-motion": ">=11.13.1 <12.0.0",
+    "react": ">=18.3.1 <19.0.0",
+    "react-dom": ">=18.3.1 <19.0.0",
+    "styled-components": ">=5.3.11 <6.0.0",
+    "react-calendar": "^5.1.0"
+  },
+  "dependencies": {
+    "tinycolor2": "^1.6.0",
+    "require-from-string": "^2.0.2",
     "lodash.merge": "^4.6.2",
-    "react": "=>17.0.1 <18.0.0",
-    "react-calendar": "=>4.0.0 <5.0.0",
-    "react-dom": "=>17.0.1 <18.0.0",
-    "require-from-string": "=>2.0.2 <3.0.0",
-    "styled-components": "=>4.4.1 <6.0.0",
-    "tinycolor2": "=>1.4.2 <2.0.0"
+    "focus-trap-react": "^10.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.18.6",
@@ -58,19 +60,17 @@
     "@storybook/node-logger": "^7.0.12",
     "@storybook/react": "^7.0.12",
     "@storybook/react-webpack5": "^7.0.12",
-    "@testing-library/dom": "^8.14.0",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14.2.1",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^28.1.3",
     "@types/lodash.merge": "^4.6.2",
     "@types/node": "^18.15.12",
-    "@types/react": "^17.0.3",
-    "@types/react-calendar": "^3.9.0",
-    "@types/react-dom": "^17.0.2",
-    "@types/styled-components": "^5.1.25",
-    "@types/tinycolor2": "^1.4.3",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@types/styled-components": "^5.1.34",
+    "@types/tinycolor2": "^1.4.6",
     "@typescript-eslint/eslint-plugin": "^5.59.6",
     "@typescript-eslint/parser": "^5.59.6",
     "babel-loader": "^8.2.5",