@openfin/ui-library 0.30.21-alpha.1757522963 → 0.30.21

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 (25) hide show
  1. package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/ContentMenuItem.d.ts +15 -17
  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 +37 -66
  5. package/dist/components/elements/Icon/icon.d.ts +0 -1
  6. package/dist/components/elements/Label/label.d.ts +0 -1
  7. package/dist/components/elements/Loader/loader.d.ts +1 -1
  8. package/dist/components/elements/Loader/openfinLoader.d.ts +1 -1
  9. package/dist/components/input/BaseInput/baseInput.d.ts +11 -13
  10. package/dist/components/input/Checkbox/checkbox.d.ts +11 -10
  11. package/dist/components/input/DateInput/dateInput.d.ts +1 -3
  12. package/dist/components/input/NumberInput/numberInput.d.ts +1 -4
  13. package/dist/components/input/RadioInput/radioInput.d.ts +3 -3
  14. package/dist/components/input/TextArea/textArea.d.ts +3 -3
  15. package/dist/components/input/TextInput/textInput.d.ts +7 -10
  16. package/dist/components/layout/Box/box.d.ts +1 -15
  17. package/dist/components/system/ThemeProvider/lib/iconSet.d.ts +1 -2
  18. package/dist/components/typography/Heading/heading.d.ts +96 -96
  19. package/dist/components/typography/Text/text.d.ts +1 -6
  20. package/dist/hooks/useColorScheme.d.ts +1 -1
  21. package/dist/hooks/useTheme.d.ts +2 -2
  22. package/dist/index.js +107 -137
  23. package/dist/storybookHelpers.d.ts +52 -53
  24. package/package.json +38 -41
  25. package/dist/components/input/Checkbox/checkbox.variants.d.ts +0 -21
package/dist/storybookHelpers.d.ts CHANGED
@@ -1,72 +1,71 @@
1
- /// <reference types="react" />
2
1
  export declare const StoryRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
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;
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;
16
15
  } & {
17
16
  gap: string;
18
17
  alignItems: string;
19
18
  }, "alignItems" | "gap">;
20
19
  export declare const StoryColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
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;
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;
34
33
  } & {
35
34
  flexDirection: string;
36
35
  gap: string;
37
36
  alignItems: string;
38
37
  }, "flexDirection" | "alignItems" | "gap">;
39
38
  export declare const StoryGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
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;
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;
53
52
  } & {
54
53
  gap: string;
55
54
  }, "gap">;
56
55
  export declare const PlaceholderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
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;
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;
70
69
  } & {
71
70
  flexDirection: string;
72
71
  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.1757522963",
4
+ "version": "0.30.21",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "repository": {
@@ -36,37 +36,33 @@
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",
40
- "storybook:build": "storybook build",
39
+ "storybook": "storybook dev -p 6006 -s public",
40
+ "storybook:build": "storybook build -s public",
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",
48
47
  "react-dom": ">=18.3.1 <19.0.0",
49
- "styled-components": ">=5.3.11 <6.0.0"
48
+ "styled-components": ">=5.3.11 <6.0.0",
49
+ "react-calendar": ">=5.1.0 <6.0.0"
50
50
  },
51
51
  "dependencies": {
52
- "focus-trap-react": "^10.0.1",
53
- "lodash.merge": "^4.6.2",
52
+ "tinycolor2": "^1.6.0",
54
53
  "require-from-string": "^2.0.2",
55
- "tinycolor2": "^1.6.0"
54
+ "lodash.merge": "^4.6.2",
55
+ "focus-trap-react": "^10.0.1"
56
56
  },
57
57
  "devDependencies": {
58
58
  "@babel/core": "^7.18.6",
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",
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",
70
66
  "@testing-library/dom": "^10.4.0",
71
67
  "@testing-library/jest-dom": "^6.6.3",
72
68
  "@testing-library/react": "^16.0.1",
@@ -78,15 +74,15 @@
78
74
  "@types/react-dom": "^18.3.1",
79
75
  "@types/styled-components": "^5.1.34",
80
76
  "@types/tinycolor2": "^1.4.6",
81
- "@typescript-eslint/eslint-plugin": "5.62.0",
82
- "@typescript-eslint/parser": "5.62.0",
83
- "babel-loader": "^8.4.1",
77
+ "@typescript-eslint/eslint-plugin": "^5.59.6",
78
+ "@typescript-eslint/parser": "^5.59.6",
79
+ "babel-loader": "^8.2.5",
84
80
  "copy-webpack-plugin": "^11.0.0",
85
81
  "cross-env": "^7.0.3",
86
82
  "css-loader": "^6.7.3",
87
83
  "eslint": "^8.40.0",
88
84
  "eslint-config-prettier": "^8.8.0",
89
- "eslint-plugin-jest": "^26.5.3",
85
+ "eslint-plugin-jest": "^27.2.1",
90
86
  "eslint-plugin-prettier": "^4.2.1",
91
87
  "eslint-plugin-react": "^7.32.2",
92
88
  "file-loader": "^6.2.0",
@@ -96,22 +92,20 @@
96
92
  "jest-transform-stub": "^2.0.0",
97
93
  "postcss-styled-syntax": "^0.4.0",
98
94
  "prettier": "^2.8.8",
99
- "react-docgen-typescript": "^2.4.0",
100
95
  "react-is": "^17.0.2",
101
96
  "react-refresh": "^0.14.0",
102
97
  "resize-observer-polyfill": "^1.5.1",
103
98
  "rimraf": "^5.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",
99
+ "storybook": "^7.0.11",
100
+ "storybook-addon-performance": "^0.17.1",
101
+ "stylelint": "^15.10.1",
102
+ "stylelint-config-recommended": "^12.0.0",
109
103
  "ts-jest": "^29.1.2",
110
104
  "ts-loader": "^9.3.1",
111
- "typescript": "5.1.3",
105
+ "typescript": "^5.0.4",
112
106
  "webpack": "^5.82.1",
113
- "webpack-bundle-analyzer": "4.10.2",
114
- "webpack-cli": "^5.1.1"
107
+ "webpack-cli": "^5.1.1",
108
+ "webpack-bundle-analyzer": "4.10.2"
115
109
  },
116
110
  "browserslist": {
117
111
  "production": [
@@ -142,16 +136,22 @@
142
136
  "jest"
143
137
  ],
144
138
  "rules": {
139
+ "@typescript-eslint/ban-types": [
140
+ "error",
141
+ {
142
+ "types": {
143
+ "Function": false
144
+ },
145
+ "extendDefaults": true
146
+ }
147
+ ],
145
148
  "dot-notation": "error",
146
149
  "react/prop-types": "off",
147
150
  "react/jsx-uses-react": "off",
148
151
  "react/react-in-jsx-scope": "off",
149
152
  "no-unused-vars": "off",
150
153
  "@typescript-eslint/no-unused-vars": "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"
154
+ "@typescript-eslint/no-explicit-any": "error"
155
155
  },
156
156
  "globals": {
157
157
  "JSX": "readonly"
@@ -167,15 +167,12 @@
167
167
  }
168
168
  },
169
169
  "stylelint": {
170
- "customSyntax": "@stylelint/postcss-css-in-js",
170
+ "customSyntax": "postcss-styled-syntax",
171
171
  "extends": [
172
172
  "stylelint-config-recommended"
173
173
  ],
174
174
  "rules": {
175
- "no-empty-source": null,
176
- "function-no-unknown": null,
177
- "no-extra-semicolons": null,
178
- "unit-no-unknown": null
175
+ "no-empty-source": null
179
176
  }
180
177
  },
181
178
  "prettier": {
package/dist/components/input/Checkbox/checkbox.variants.d.ts DELETED
@@ -1,21 +0,0 @@
1
- /**
2
- * Define all Checkbox Variants here in one place.
3
- * Variants should match the variants in Figma
4
- */
5
- export declare const Variant: {
6
- readonly variant: "variant";
7
- };
8
- /**
9
- * Checkbox Variant -- Describes the "role" of a checkbox
10
- */
11
- export declare const CheckboxVariant: {
12
- readonly default: "default";
13
- readonly primary: "primary";
14
- };
15
- export type CheckboxVariantType = keyof typeof CheckboxVariant;
16
- export declare const variants: {
17
- readonly variant: {
18
- readonly default: import("styled-components").FlattenSimpleInterpolation;
19
- readonly primary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
20
- };
21
- };