@openfin/ui-library 0.30.21-alpha.1757356012 → 0.30.21-alpha.1757708717

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.
Files changed (26) hide show
  1. package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/ContentMenuItem.d.ts +17 -15
  2. package/dist/components/controls/Menus/CustomContextMenu/useContextMenuKeyboardNavigation.d.ts +1 -1
  3. package/dist/components/controls/Menus/CustomContextMenu/useContextMenuNavigation.d.ts +2 -2
  4. package/dist/components/controls/Menus/common.d.ts +66 -37
  5. package/dist/components/elements/DropdownMenu/dropdownMenu.d.ts +3 -0
  6. package/dist/components/elements/DropdownMenu/menu.d.ts +5 -0
  7. package/dist/components/elements/Icon/icon.d.ts +1 -0
  8. package/dist/components/elements/Label/label.d.ts +1 -0
  9. package/dist/components/elements/Loader/loader.d.ts +1 -1
  10. package/dist/components/elements/Loader/openfinLoader.d.ts +1 -1
  11. package/dist/components/input/BaseInput/baseInput.d.ts +13 -11
  12. package/dist/components/input/Checkbox/checkbox.d.ts +6 -12
  13. package/dist/components/input/DateInput/dateInput.d.ts +3 -1
  14. package/dist/components/input/NumberInput/numberInput.d.ts +4 -1
  15. package/dist/components/input/RadioInput/radioInput.d.ts +3 -3
  16. package/dist/components/input/TextArea/textArea.d.ts +3 -3
  17. package/dist/components/input/TextInput/textInput.d.ts +10 -7
  18. package/dist/components/layout/Box/box.d.ts +15 -1
  19. package/dist/components/system/ThemeProvider/lib/iconSet.d.ts +2 -1
  20. package/dist/components/typography/Heading/heading.d.ts +96 -96
  21. package/dist/components/typography/Text/text.d.ts +6 -1
  22. package/dist/hooks/useColorScheme.d.ts +1 -1
  23. package/dist/hooks/useTheme.d.ts +2 -2
  24. package/dist/index.js +118 -111
  25. package/dist/storybookHelpers.d.ts +53 -52
  26. package/package.json +41 -38
package/dist/storybookHelpers.d.ts CHANGED
@@ -1,71 +1,72 @@
1
+ /// <reference types="react" />
1
2
  export declare const StoryRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
2
- alignItems?: import("./components/layout/Box/types").AlignItems;
3
- display?: import("./components/layout/Box/types").Display;
4
- flexDirection?: import("./components/layout/Box/types").FlexDirection;
5
- flexWrap?: import("./components/layout/Box/types").FlexWrap;
6
- justifyContent?: import("./components/layout/Box/types").JustifyContent;
7
- gap?: import(".").UnitPxType;
8
- alignSelf?: import("./components/layout/Box/types").AlignSelf;
9
- flexBasis?: string;
10
- flexGrow?: 1 | 0;
11
- flexShrink?: 1 | 0;
12
- order?: number;
13
- background?: import("./components/layout/Box/types").BackgroundLevel;
14
- padding?: import(".").UnitPxType;
3
+ alignItems?: import("./components/layout/Box/types").AlignItems | undefined;
4
+ display?: import("./components/layout/Box/types").Display | undefined;
5
+ flexDirection?: import("./components/layout/Box/types").FlexDirection | undefined;
6
+ flexWrap?: import("./components/layout/Box/types").FlexWrap | undefined;
7
+ justifyContent?: import("./components/layout/Box/types").JustifyContent | undefined;
8
+ gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
9
+ alignSelf?: import("./components/layout/Box/types").AlignSelf | undefined;
10
+ flexBasis?: string | undefined;
11
+ flexGrow?: 0 | 1 | undefined;
12
+ flexShrink?: 0 | 1 | undefined;
13
+ order?: number | undefined;
14
+ background?: import("./components/layout/Box/types").BackgroundLevel | undefined;
15
+ padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
15
16
  } & {
16
17
  gap: string;
17
18
  alignItems: string;
18
19
  }, "alignItems" | "gap">;
19
20
  export declare const StoryColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
20
- alignItems?: import("./components/layout/Box/types").AlignItems;
21
- display?: import("./components/layout/Box/types").Display;
22
- flexDirection?: import("./components/layout/Box/types").FlexDirection;
23
- flexWrap?: import("./components/layout/Box/types").FlexWrap;
24
- justifyContent?: import("./components/layout/Box/types").JustifyContent;
25
- gap?: import(".").UnitPxType;
26
- alignSelf?: import("./components/layout/Box/types").AlignSelf;
27
- flexBasis?: string;
28
- flexGrow?: 1 | 0;
29
- flexShrink?: 1 | 0;
30
- order?: number;
31
- background?: import("./components/layout/Box/types").BackgroundLevel;
32
- padding?: import(".").UnitPxType;
21
+ alignItems?: import("./components/layout/Box/types").AlignItems | undefined;
22
+ display?: import("./components/layout/Box/types").Display | undefined;
23
+ flexDirection?: import("./components/layout/Box/types").FlexDirection | undefined;
24
+ flexWrap?: import("./components/layout/Box/types").FlexWrap | undefined;
25
+ justifyContent?: import("./components/layout/Box/types").JustifyContent | undefined;
26
+ gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
27
+ alignSelf?: import("./components/layout/Box/types").AlignSelf | undefined;
28
+ flexBasis?: string | undefined;
29
+ flexGrow?: 0 | 1 | undefined;
30
+ flexShrink?: 0 | 1 | undefined;
31
+ order?: number | undefined;
32
+ background?: import("./components/layout/Box/types").BackgroundLevel | undefined;
33
+ padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
33
34
  } & {
34
35
  flexDirection: string;
35
36
  gap: string;
36
37
  alignItems: string;
37
38
  }, "flexDirection" | "alignItems" | "gap">;
38
39
  export declare const StoryGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
39
- alignItems?: import("./components/layout/Box/types").AlignItems;
40
- display?: import("./components/layout/Box/types").Display;
41
- flexDirection?: import("./components/layout/Box/types").FlexDirection;
42
- flexWrap?: import("./components/layout/Box/types").FlexWrap;
43
- justifyContent?: import("./components/layout/Box/types").JustifyContent;
44
- gap?: import(".").UnitPxType;
45
- alignSelf?: import("./components/layout/Box/types").AlignSelf;
46
- flexBasis?: string;
47
- flexGrow?: 1 | 0;
48
- flexShrink?: 1 | 0;
49
- order?: number;
50
- background?: import("./components/layout/Box/types").BackgroundLevel;
51
- padding?: import(".").UnitPxType;
40
+ alignItems?: import("./components/layout/Box/types").AlignItems | undefined;
41
+ display?: import("./components/layout/Box/types").Display | undefined;
42
+ flexDirection?: import("./components/layout/Box/types").FlexDirection | undefined;
43
+ flexWrap?: import("./components/layout/Box/types").FlexWrap | undefined;
44
+ justifyContent?: import("./components/layout/Box/types").JustifyContent | undefined;
45
+ gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
46
+ alignSelf?: import("./components/layout/Box/types").AlignSelf | undefined;
47
+ flexBasis?: string | undefined;
48
+ flexGrow?: 0 | 1 | undefined;
49
+ flexShrink?: 0 | 1 | undefined;
50
+ order?: number | undefined;
51
+ background?: import("./components/layout/Box/types").BackgroundLevel | undefined;
52
+ padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
52
53
  } & {
53
54
  gap: string;
54
55
  }, "gap">;
55
56
  export declare const PlaceholderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
56
- alignItems?: import("./components/layout/Box/types").AlignItems;
57
- display?: import("./components/layout/Box/types").Display;
58
- flexDirection?: import("./components/layout/Box/types").FlexDirection;
59
- flexWrap?: import("./components/layout/Box/types").FlexWrap;
60
- justifyContent?: import("./components/layout/Box/types").JustifyContent;
61
- gap?: import(".").UnitPxType;
62
- alignSelf?: import("./components/layout/Box/types").AlignSelf;
63
- flexBasis?: string;
64
- flexGrow?: 1 | 0;
65
- flexShrink?: 1 | 0;
66
- order?: number;
67
- background?: import("./components/layout/Box/types").BackgroundLevel;
68
- padding?: import(".").UnitPxType;
57
+ alignItems?: import("./components/layout/Box/types").AlignItems | undefined;
58
+ display?: import("./components/layout/Box/types").Display | undefined;
59
+ flexDirection?: import("./components/layout/Box/types").FlexDirection | undefined;
60
+ flexWrap?: import("./components/layout/Box/types").FlexWrap | undefined;
61
+ justifyContent?: import("./components/layout/Box/types").JustifyContent | undefined;
62
+ gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
63
+ alignSelf?: import("./components/layout/Box/types").AlignSelf | undefined;
64
+ flexBasis?: string | undefined;
65
+ flexGrow?: 0 | 1 | undefined;
66
+ flexShrink?: 0 | 1 | undefined;
67
+ order?: number | undefined;
68
+ background?: import("./components/layout/Box/types").BackgroundLevel | undefined;
69
+ padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
69
70
  } & {
70
71
  flexDirection: string;
71
72
  gap: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@openfin/ui-library",
3
3
  "description": "OpenFin UI Component Library",
4
- "version": "0.30.21-alpha.1757356012",
4
+ "version": "0.30.21-alpha.1757708717",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "repository": {
@@ -36,33 +36,37 @@
36
36
  "lint": "npm run lint:typescript && npm run lint:styles",
37
37
  "lint:typescript": "eslint \"./src/**/*.{ts,tsx}\"",
38
38
  "lint:styles": "stylelint \"./src/**/*.{ts,tsx}\"",
39
- "storybook": "storybook dev -p 6006 -s public",
40
- "storybook:build": "storybook build -s public",
39
+ "storybook": "storybook dev -p 6006",
40
+ "storybook:build": "storybook build",
41
41
  "storybook:cache-clear": "rimraf ./node_modules/.cache/storybook"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "@radix-ui/react-icons": ">=1.3.2 <2.0.0",
45
45
  "framer-motion": ">=11.13.1 <12.0.0",
46
46
  "react": ">=18.3.1 <19.0.0",
47
+ "react-calendar": ">=5.1.0 <6.0.0",
47
48
  "react-dom": ">=18.3.1 <19.0.0",
48
- "styled-components": ">=5.3.11 <6.0.0",
49
- "react-calendar": ">=5.1.0 <6.0.0"
49
+ "styled-components": ">=5.3.11 <6.0.0"
50
50
  },
51
51
  "dependencies": {
52
- "tinycolor2": "^1.6.0",
53
- "require-from-string": "^2.0.2",
52
+ "focus-trap-react": "^10.0.1",
54
53
  "lodash.merge": "^4.6.2",
55
- "focus-trap-react": "^10.0.1"
54
+ "require-from-string": "^2.0.2",
55
+ "tinycolor2": "^1.6.0"
56
56
  },
57
57
  "devDependencies": {
58
58
  "@babel/core": "^7.18.6",
59
- "@storybook/addon-actions": "^7.0.12",
60
- "@storybook/addon-essentials": "^7.0.12",
61
- "@storybook/addon-interactions": "^7.0.12",
62
- "@storybook/addon-links": "^7.0.12",
63
- "@storybook/node-logger": "^7.0.12",
64
- "@storybook/react": "^7.0.12",
65
- "@storybook/react-webpack5": "^7.0.12",
59
+ "@babel/preset-env": "^7.28.3",
60
+ "@babel/preset-react": "^7.27.1",
61
+ "@babel/preset-typescript": "^7.27.1",
62
+ "@storybook/addon-actions": "^8.6.14",
63
+ "@storybook/addon-essentials": "^8.6.14",
64
+ "@storybook/addon-interactions": "^8.6.14",
65
+ "@storybook/addon-links": "^8.6.14",
66
+ "@storybook/node-logger": "^8.6.14",
67
+ "@storybook/react": "^8.6.14",
68
+ "@storybook/react-webpack5": "^8.6.14",
69
+ "@stylelint/postcss-css-in-js": "^0.38.0",
66
70
  "@testing-library/dom": "^10.4.0",
67
71
  "@testing-library/jest-dom": "^6.6.3",
68
72
  "@testing-library/react": "^16.0.1",
@@ -74,15 +78,15 @@
74
78
  "@types/react-dom": "^18.3.1",
75
79
  "@types/styled-components": "^5.1.34",
76
80
  "@types/tinycolor2": "^1.4.6",
77
- "@typescript-eslint/eslint-plugin": "^5.59.6",
78
- "@typescript-eslint/parser": "^5.59.6",
79
- "babel-loader": "^8.2.5",
81
+ "@typescript-eslint/eslint-plugin": "5.62.0",
82
+ "@typescript-eslint/parser": "5.62.0",
83
+ "babel-loader": "^8.4.1",
80
84
  "copy-webpack-plugin": "^11.0.0",
81
85
  "cross-env": "^7.0.3",
82
86
  "css-loader": "^6.7.3",
83
87
  "eslint": "^8.40.0",
84
88
  "eslint-config-prettier": "^8.8.0",
85
- "eslint-plugin-jest": "^27.2.1",
89
+ "eslint-plugin-jest": "^26.5.3",
86
90
  "eslint-plugin-prettier": "^4.2.1",
87
91
  "eslint-plugin-react": "^7.32.2",
88
92
  "file-loader": "^6.2.0",
@@ -92,20 +96,22 @@
92
96
  "jest-transform-stub": "^2.0.0",
93
97
  "postcss-styled-syntax": "^0.4.0",
94
98
  "prettier": "^2.8.8",
99
+ "react-docgen-typescript": "^2.4.0",
95
100
  "react-is": "^17.0.2",
96
101
  "react-refresh": "^0.14.0",
97
102
  "resize-observer-polyfill": "^1.5.1",
98
103
  "rimraf": "^5.0.0",
99
- "storybook": "^7.0.11",
100
- "storybook-addon-performance": "^0.17.1",
101
- "stylelint": "^15.10.1",
102
- "stylelint-config-recommended": "^12.0.0",
104
+ "storybook": "^8.6.14",
105
+ "stylelint": "^14.9.1",
106
+ "stylelint-config-recommended": "^8.0.0",
107
+ "stylelint-config-styled-components": "^0.1.1",
108
+ "stylelint-processor-styled-components": "^1.10.0",
103
109
  "ts-jest": "^29.1.2",
104
110
  "ts-loader": "^9.3.1",
105
- "typescript": "^5.0.4",
111
+ "typescript": "5.1.3",
106
112
  "webpack": "^5.82.1",
107
- "webpack-cli": "^5.1.1",
108
- "webpack-bundle-analyzer": "4.10.2"
113
+ "webpack-bundle-analyzer": "4.10.2",
114
+ "webpack-cli": "^5.1.1"
109
115
  },
110
116
  "browserslist": {
111
117
  "production": [
@@ -136,22 +142,16 @@
136
142
  "jest"
137
143
  ],
138
144
  "rules": {
139
- "@typescript-eslint/ban-types": [
140
- "error",
141
- {
142
- "types": {
143
- "Function": false
144
- },
145
- "extendDefaults": true
146
- }
147
- ],
148
145
  "dot-notation": "error",
149
146
  "react/prop-types": "off",
150
147
  "react/jsx-uses-react": "off",
151
148
  "react/react-in-jsx-scope": "off",
152
149
  "no-unused-vars": "off",
153
150
  "@typescript-eslint/no-unused-vars": "error",
154
- "@typescript-eslint/no-explicit-any": "error"
151
+ "@typescript-eslint/no-explicit-any": "error",
152
+ "@typescript-eslint/no-unused-expressions": "error",
153
+ "@typescript-eslint/no-require-imports": "error",
154
+ "@typescript-eslint/ban-types": "error"
155
155
  },
156
156
  "globals": {
157
157
  "JSX": "readonly"
@@ -167,12 +167,15 @@
167
167
  }
168
168
  },
169
169
  "stylelint": {
170
- "customSyntax": "postcss-styled-syntax",
170
+ "customSyntax": "@stylelint/postcss-css-in-js",
171
171
  "extends": [
172
172
  "stylelint-config-recommended"
173
173
  ],
174
174
  "rules": {
175
- "no-empty-source": null
175
+ "no-empty-source": null,
176
+ "function-no-unknown": null,
177
+ "no-extra-semicolons": null,
178
+ "unit-no-unknown": null
176
179
  }
177
180
  },
178
181
  "prettier": {