@openfin/ui-library 0.1.34 → 0.1.35-alpha.1641488949

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 (9) hide show
  1. package/dist/components/controls/Button/button.js +2 -2
  2. package/dist/components/input/BaseInput/baseInput.js +1 -1
  3. package/dist/components/system/ThemeProvider/lib/constants.d.ts +10 -4
  4. package/dist/components/system/ThemeProvider/lib/constants.js +10 -4
  5. package/dist/components/system/ThemeProvider/lib/helpers.d.ts +1 -1
  6. package/dist/components/system/ThemeProvider/lib/palette.d.ts +1 -1
  7. package/dist/components/system/ThemeProvider/lib/palette.js +1 -1
  8. package/dist/components/system/ThemeProvider/theme/openfin.js +6 -6
  9. package/package.json +1 -1
package/dist/components/controls/Button/button.js CHANGED
@@ -37,8 +37,8 @@ const Button = (_a) => {
37
37
  exports.Button = Button;
38
38
  const ButtonElement = styled_components_1.default.button `
39
39
  /* Default values that get overridden by variants */
40
- background: ${({ theme }) => theme.palette.inputBg};
41
- border: 1px solid ${({ theme }) => theme.palette.inputBg};
40
+ background: ${({ theme }) => theme.palette.inputBackground};
41
+ border: 1px solid ${({ theme }) => theme.palette.inputBackground};
42
42
  color: ${({ theme }) => theme.palette.brandPrimaryText};
43
43
 
44
44
  /* Inject variants */
package/dist/components/input/BaseInput/baseInput.js CHANGED
@@ -62,7 +62,7 @@ const InputContainer = styled_components_1.default(Box_1.Box) `
62
62
  exports.StyledInputField = styled_components_1.default.input `
63
63
  background: ${({ theme }) => theme.palette.background5};
64
64
  border: 1px solid ${({ theme }) => theme.palette.background6};
65
- border-color: ${({ theme, status }) => ThemeProvider_1.getStatusColor(theme, status, 'inputBg')};
65
+ border-color: ${({ theme, status }) => ThemeProvider_1.getStatusColor(theme, status, 'inputBackground')};
66
66
  border-radius: ${({ theme }) => theme.radius.small};
67
67
  box-shadow: ${({ theme }) => theme.shadow.base};
68
68
  color: ${({ theme }) => theme.palette.inputColor};
package/dist/components/system/ThemeProvider/lib/constants.d.ts CHANGED
@@ -27,10 +27,16 @@ export declare const Color: {
27
27
  readonly openFinLight: "#5254FB";
28
28
  readonly openFinLighter: "#5C5EFE";
29
29
  readonly openFinLightest: "#6864FF";
30
- readonly blue: "#037AC9";
31
- readonly green: "#35C759";
32
- readonly orange: "#F48F00";
33
- readonly red: "#C93400";
30
+ readonly functional1: "#35C759";
31
+ readonly functional2: "#46C8F1";
32
+ readonly functional3: "#0498FB";
33
+ readonly functional4: "#3A6FF9";
34
+ readonly functional5: "#5C5EFE";
35
+ readonly functional6: "#882BFE";
36
+ readonly functional7: "#BE1D1F";
37
+ readonly functional8: "#C93400";
38
+ readonly functional9: "#FF5E60";
39
+ readonly functional10: "#F48F00";
34
40
  readonly purple: "#8C61FF";
35
41
  readonly lightblue: "#36C3FE";
36
42
  readonly aqua: "#00CC88";
package/dist/components/system/ThemeProvider/lib/constants.js CHANGED
@@ -51,10 +51,16 @@ exports.Color = {
51
51
  openFinLight: '#5254FB',
52
52
  openFinLighter: '#5C5EFE',
53
53
  openFinLightest: '#6864FF',
54
- blue: '#037AC9',
55
- green: '#35C759',
56
- orange: '#F48F00',
57
- red: '#C93400',
54
+ functional1: '#35C759',
55
+ functional2: '#46C8F1',
56
+ functional3: '#0498FB',
57
+ functional4: '#3A6FF9',
58
+ functional5: '#5C5EFE',
59
+ functional6: '#882BFE',
60
+ functional7: '#BE1D1F',
61
+ functional8: '#C93400',
62
+ functional9: '#FF5E60',
63
+ functional10: '#F48F00',
58
64
  purple: '#8C61FF',
59
65
  lightblue: '#36C3FE',
60
66
  aqua: '#00CC88',
package/dist/components/system/ThemeProvider/lib/helpers.d.ts CHANGED
@@ -28,4 +28,4 @@ export declare const getFontFaces: ({ theme }: {
28
28
  * Retrive the correct palette value based on the provided status type.
29
29
  * Falls back to optionally provided palette key, then to 'inherit'.
30
30
  */
31
- export declare const getStatusColor: (theme: DefaultTheme, status?: StatusType | undefined, defaultKey?: "background1" | "background2" | "background3" | "background4" | "background5" | "background6" | "brandPrimary" | "brandSecondary" | "brandPrimaryActive" | "brandPrimaryHover" | "brandPrimaryFocused" | "brandPrimaryText" | "brandSecondaryActive" | "brandSecondaryHover" | "brandSecondaryFocused" | "brandSecondaryText" | "inputBg" | "inputColor" | "inputPlaceholder" | "inputDisabled" | "inputFocused" | "statusSuccess" | "statusWarning" | "statusCritical" | "statusActive" | "textDefault" | "textHelp" | "textInactive" | undefined) => string;
31
+ export declare const getStatusColor: (theme: DefaultTheme, status?: StatusType | undefined, defaultKey?: "background1" | "background2" | "background3" | "background4" | "background5" | "background6" | "brandPrimary" | "brandSecondary" | "brandPrimaryActive" | "brandPrimaryHover" | "brandPrimaryFocused" | "brandPrimaryText" | "brandSecondaryActive" | "brandSecondaryHover" | "brandSecondaryFocused" | "brandSecondaryText" | "inputBackground" | "inputColor" | "inputPlaceholder" | "inputDisabled" | "inputFocused" | "statusSuccess" | "statusWarning" | "statusCritical" | "statusActive" | "textDefault" | "textHelp" | "textInactive" | undefined) => string;
package/dist/components/system/ThemeProvider/lib/palette.d.ts CHANGED
@@ -18,7 +18,7 @@ export declare const Palette: {
18
18
  readonly brandSecondaryHover: "brandSecondaryHover";
19
19
  readonly brandSecondaryFocused: "brandSecondaryFocused";
20
20
  readonly brandSecondaryText: "brandSecondaryText";
21
- readonly inputBg: "inputBg";
21
+ readonly inputBackground: "inputBackground";
22
22
  readonly inputColor: "inputColor";
23
23
  readonly inputPlaceholder: "inputPlaceholder";
24
24
  readonly inputDisabled: "inputDisabled";
package/dist/components/system/ThemeProvider/lib/palette.js CHANGED
@@ -23,7 +23,7 @@ exports.Palette = {
23
23
  brandSecondaryFocused: 'brandSecondaryFocused',
24
24
  brandSecondaryText: 'brandSecondaryText',
25
25
  // --END
26
- inputBg: 'inputBg',
26
+ inputBackground: 'inputBackground',
27
27
  inputColor: 'inputColor',
28
28
  inputPlaceholder: 'inputPlaceholder',
29
29
  inputDisabled: 'inputDisabled',
package/dist/components/system/ThemeProvider/theme/openfin.js CHANGED
@@ -8,10 +8,10 @@ const sharedPalette = {
8
8
  // Brand
9
9
  [palette_1.Palette.brandPrimary]: constants_1.Color.openFin,
10
10
  // Status
11
- [palette_1.Palette.statusSuccess]: constants_1.Color.green,
12
- [palette_1.Palette.statusWarning]: constants_1.Color.orange,
13
- [palette_1.Palette.statusCritical]: constants_1.Color.red,
14
- [palette_1.Palette.statusActive]: constants_1.Color.blue,
11
+ [palette_1.Palette.statusSuccess]: constants_1.Color.functional3,
12
+ [palette_1.Palette.statusWarning]: constants_1.Color.functional10,
13
+ [palette_1.Palette.statusCritical]: constants_1.Color.functional7,
14
+ [palette_1.Palette.statusActive]: constants_1.Color.functional1,
15
15
  };
16
16
  /**
17
17
  * Light Theme
@@ -22,7 +22,7 @@ exports.OpenFinLightTheme = createTheme_1.createTheme(Object.assign(Object.assig
22
22
  // Brand
23
23
  [palette_1.Palette.brandSecondary]: constants_1.Color.darkGray5,
24
24
  // Inputs
25
- [palette_1.Palette.inputBg]: constants_1.Color.lightGray3, [palette_1.Palette.inputColor]: constants_1.Color.darkGray5, [palette_1.Palette.inputPlaceholder]: constants_1.Color.darkGray2, [palette_1.Palette.inputDisabled]: constants_1.Color.neutralGray, [palette_1.Palette.inputFocused]: constants_1.Color.lightGray5,
25
+ [palette_1.Palette.inputBackground]: constants_1.Color.lightGray3, [palette_1.Palette.inputColor]: constants_1.Color.darkGray5, [palette_1.Palette.inputPlaceholder]: constants_1.Color.darkGray2, [palette_1.Palette.inputDisabled]: constants_1.Color.neutralGray, [palette_1.Palette.inputFocused]: constants_1.Color.lightGray5,
26
26
  // Text
27
27
  [palette_1.Palette.textDefault]: constants_1.Color.darkGray5, [palette_1.Palette.textHelp]: constants_1.Color.darkGray3, [palette_1.Palette.textInactive]: constants_1.Color.neutralGray }));
28
28
  /**
@@ -34,6 +34,6 @@ exports.OpenFinDarkTheme = createTheme_1.createTheme(Object.assign(Object.assign
34
34
  // Brand
35
35
  [palette_1.Palette.brandSecondary]: constants_1.Color.darkGray2,
36
36
  // Inputs
37
- [palette_1.Palette.inputBg]: constants_1.Color.darkGray1, [palette_1.Palette.inputColor]: constants_1.Color.white, [palette_1.Palette.inputPlaceholder]: constants_1.Color.lightGray5, [palette_1.Palette.inputDisabled]: constants_1.Color.neutralGray, [palette_1.Palette.inputFocused]: constants_1.Color.lightGray5,
37
+ [palette_1.Palette.inputBackground]: constants_1.Color.darkGray1, [palette_1.Palette.inputColor]: constants_1.Color.white, [palette_1.Palette.inputPlaceholder]: constants_1.Color.lightGray5, [palette_1.Palette.inputDisabled]: constants_1.Color.neutralGray, [palette_1.Palette.inputFocused]: constants_1.Color.lightGray5,
38
38
  // Text
39
39
  [palette_1.Palette.textDefault]: constants_1.Color.white, [palette_1.Palette.textHelp]: constants_1.Color.lightGray5, [palette_1.Palette.textInactive]: constants_1.Color.neutralGray }));
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.1.34",
4
+ "version": "0.1.35-alpha.1641488949",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "repository": "github:openfin/ui-library",