@openfin/ui-library 0.0.37 → 0.0.39

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 (45) hide show
  1. package/README.md +7 -6
  2. package/dist/components/{elements → controls}/Button/button.js +8 -3
  3. package/dist/components/{elements → controls}/Button/button.variants.d.ts +2 -2
  4. package/dist/components/{elements → controls}/Button/button.variants.js +8 -23
  5. package/dist/components/{elements → controls}/Toggle/toggle.d.ts +2 -3
  6. package/dist/components/{elements → controls}/Toggle/toggle.js +4 -4
  7. package/dist/components/{elements → controls}/Toggle/toggle.variants.d.ts +0 -2
  8. package/dist/components/controls/Toggle/toggle.variants.js +50 -0
  9. package/dist/components/elements/Badge/badge.d.ts +17 -0
  10. package/dist/components/elements/Badge/badge.js +41 -0
  11. package/dist/components/elements/Badge/index.d.ts +1 -0
  12. package/dist/components/elements/Badge/index.js +13 -0
  13. package/dist/components/{elements → input}/Input/input.d.ts +2 -4
  14. package/dist/components/input/Input/input.js +12 -0
  15. package/dist/components/input/TextInput/index.d.ts +1 -0
  16. package/dist/components/input/TextInput/index.js +13 -0
  17. package/dist/components/input/TextInput/textInput.d.ts +3 -0
  18. package/dist/components/{elements/Input/input.js → input/TextInput/textInput.js} +12 -8
  19. package/dist/components/layout/Box/box.d.ts +16 -2
  20. package/dist/components/layout/Box/box.js +11 -9
  21. package/dist/components/layout/Box/types.d.ts +1 -1
  22. package/dist/components/system/GlobalStyles/globalStyles.js +2 -2
  23. package/dist/components/system/ThemeProvider/lib/constants.d.ts +11 -12
  24. package/dist/components/system/ThemeProvider/lib/constants.js +11 -11
  25. package/dist/components/system/ThemeProvider/lib/palette.d.ts +23 -21
  26. package/dist/components/system/ThemeProvider/lib/palette.js +23 -21
  27. package/dist/components/system/ThemeProvider/themes/openfin.js +29 -3
  28. package/dist/components/typography/Heading/heading.d.ts +984 -984
  29. package/dist/components/typography/Text/text.d.ts +5 -1
  30. package/dist/components/typography/Text/text.js +1 -0
  31. package/dist/hooks/useColorScheme.js +5 -0
  32. package/dist/index.d.ts +4 -3
  33. package/dist/index.js +4 -3
  34. package/dist/react-app-env.d.js +2 -0
  35. package/dist/storybookHelpers.d.ts +28 -28
  36. package/dist/storybookHelpers.js +2 -2
  37. package/package.json +28 -22
  38. package/dist/components/elements/Toggle/toggle.variants.js +0 -62
  39. /package/dist/components/{elements → controls}/Button/button.d.ts +0 -0
  40. /package/dist/components/{elements → controls}/Button/index.d.ts +0 -0
  41. /package/dist/components/{elements → controls}/Button/index.js +0 -0
  42. /package/dist/components/{elements → controls}/Toggle/index.d.ts +0 -0
  43. /package/dist/components/{elements → controls}/Toggle/index.js +0 -0
  44. /package/dist/components/{elements → input}/Input/index.d.ts +0 -0
  45. /package/dist/components/{elements → input}/Input/index.js +0 -0
package/dist/components/system/ThemeProvider/themes/openfin.js CHANGED
@@ -17,12 +17,38 @@ const base = {
17
17
  unit: constants_1.Unit,
18
18
  px: constants_1.UnitPx,
19
19
  };
20
- const sharedPalette = {};
20
+ const sharedPalette = {
21
+ // Brand
22
+ [palette_1.Palette.brandPrimary]: constants_1.Color.openFin,
23
+ [palette_1.Palette.brandSecondary]: constants_1.Color.blue,
24
+ // Status
25
+ [palette_1.Palette.statusSuccess]: constants_1.Color.green,
26
+ [palette_1.Palette.statusWarning]: constants_1.Color.orange,
27
+ [palette_1.Palette.statusCritical]: constants_1.Color.red,
28
+ [palette_1.Palette.statusInfo]: constants_1.Color.blue,
29
+ [palette_1.Palette.statusFocused]: constants_1.Color.neutralGray,
30
+ };
21
31
  /**
22
32
  * Light Theme
23
33
  */
24
- exports.OpenFinLightTheme = Object.assign(Object.assign({}, base), { palette: Object.assign(Object.assign({}, sharedPalette), { [palette_1.Palette.surfaceBottom]: constants_1.Color.lightGray3, [palette_1.Palette.surfaceMiddle]: constants_1.Color.lightGray2, [palette_1.Palette.surfaceTop]: constants_1.Color.lightGray1, [palette_1.Palette.primaryBg]: constants_1.Color.openFin, [palette_1.Palette.primaryColor]: constants_1.Color.white, [palette_1.Palette.primaryActive]: constants_1.Color.openFin, [palette_1.Palette.primaryDisabledBg]: constants_1.Color.lightGray4, [palette_1.Palette.primaryDisabledColor]: constants_1.Color.lightGray3, [palette_1.Palette.secondaryBg]: constants_1.Color.transparent, [palette_1.Palette.secondaryColor]: constants_1.Color.darkGray6, [palette_1.Palette.secondaryActive]: constants_1.Color.darkGray6, [palette_1.Palette.secondaryDisabledBg]: constants_1.Color.transparent, [palette_1.Palette.secondaryDisabledColor]: constants_1.Color.darkGray3, [palette_1.Palette.tertiaryBg]: constants_1.Color.darkGray6, [palette_1.Palette.tertiaryColor]: constants_1.Color.white, [palette_1.Palette.tertiaryActive]: constants_1.Color.darkGray6, [palette_1.Palette.tertiaryDisabledBg]: constants_1.Color.darkGray4, [palette_1.Palette.tertiaryDisabledColor]: constants_1.Color.darkGray3, [palette_1.Palette.textDefault]: constants_1.Color.darkGray6, [palette_1.Palette.textHelp]: constants_1.Color.darkGray4, [palette_1.Palette.textDisabled]: constants_1.Color.darkGray4, [palette_1.Palette.textError]: constants_1.Color.accent4, [palette_1.Palette.textPlaceholder]: constants_1.Color.darkGray4 }) });
34
+ exports.OpenFinLightTheme = Object.assign(Object.assign({}, base), { palette: Object.assign(Object.assign({}, sharedPalette), {
35
+ // Background levels
36
+ [palette_1.Palette.background1]: constants_1.Color.lightGray1, [palette_1.Palette.background2]: constants_1.Color.lightGray2, [palette_1.Palette.background3]: constants_1.Color.lightGray3, [palette_1.Palette.background4]: constants_1.Color.lightGray4, [palette_1.Palette.background5]: constants_1.Color.lightGray4, [palette_1.Palette.background6]: constants_1.Color.lightGray4,
37
+ // Controls
38
+ [palette_1.Palette.controlFill]: constants_1.Color.openFin, [palette_1.Palette.controlAccent]: constants_1.Color.white, [palette_1.Palette.controlActiveFill]: constants_1.Color.openFinDarker, [palette_1.Palette.controlDisabledFill]: constants_1.Color.lightGray4, [palette_1.Palette.controlDisabledAccent]: constants_1.Color.lightGray3,
39
+ // Inputs
40
+ [palette_1.Palette.inputBg]: constants_1.Color.darkGray1, [palette_1.Palette.inputColor]: constants_1.Color.white, [palette_1.Palette.inputPlaceholder]: constants_1.Color.lightGray4, [palette_1.Palette.inputDisabledBg]: constants_1.Color.neutralGray,
41
+ // Text
42
+ [palette_1.Palette.textDefault]: constants_1.Color.darkGray6, [palette_1.Palette.textHelp]: constants_1.Color.darkGray3, [palette_1.Palette.textInactive]: constants_1.Color.neutralGray }) });
25
43
  /**
26
44
  * Dark Theme
27
45
  */
28
- exports.OpenFinDarkTheme = Object.assign(Object.assign({}, base), { palette: Object.assign(Object.assign({}, sharedPalette), { [palette_1.Palette.surfaceBottom]: constants_1.Color.darkGray6, [palette_1.Palette.surfaceMiddle]: constants_1.Color.darkGray5, [palette_1.Palette.surfaceTop]: constants_1.Color.darkGray3, [palette_1.Palette.primaryBg]: constants_1.Color.openFin, [palette_1.Palette.primaryColor]: constants_1.Color.white, [palette_1.Palette.primaryActive]: constants_1.Color.openFin, [palette_1.Palette.primaryDisabledBg]: constants_1.Color.darkGray3, [palette_1.Palette.primaryDisabledColor]: constants_1.Color.darkGray5, [palette_1.Palette.secondaryBg]: constants_1.Color.transparent, [palette_1.Palette.secondaryColor]: constants_1.Color.white, [palette_1.Palette.secondaryActive]: constants_1.Color.white, [palette_1.Palette.secondaryDisabledBg]: constants_1.Color.transparent, [palette_1.Palette.secondaryDisabledColor]: constants_1.Color.darkGray3, [palette_1.Palette.tertiaryBg]: constants_1.Color.white, [palette_1.Palette.tertiaryColor]: constants_1.Color.darkGray6, [palette_1.Palette.tertiaryActive]: constants_1.Color.white, [palette_1.Palette.tertiaryDisabledBg]: constants_1.Color.darkGray3, [palette_1.Palette.tertiaryDisabledColor]: constants_1.Color.darkGray5, [palette_1.Palette.textDefault]: constants_1.Color.white, [palette_1.Palette.textHelp]: constants_1.Color.lightGray2, [palette_1.Palette.textDisabled]: constants_1.Color.lightGray2, [palette_1.Palette.textError]: constants_1.Color.accent4, [palette_1.Palette.textPlaceholder]: constants_1.Color.lightGray2 }) });
46
+ exports.OpenFinDarkTheme = Object.assign(Object.assign({}, base), { palette: Object.assign(Object.assign({}, sharedPalette), {
47
+ // Background levels
48
+ [palette_1.Palette.background1]: constants_1.Color.darkGray6, [palette_1.Palette.background2]: constants_1.Color.darkGray5, [palette_1.Palette.background3]: constants_1.Color.darkGray4, [palette_1.Palette.background4]: constants_1.Color.darkGray3, [palette_1.Palette.background5]: constants_1.Color.darkGray2, [palette_1.Palette.background6]: constants_1.Color.darkGray1,
49
+ // Controls
50
+ [palette_1.Palette.controlFill]: constants_1.Color.openFin, [palette_1.Palette.controlAccent]: constants_1.Color.white, [palette_1.Palette.controlActiveFill]: constants_1.Color.openFinLighter, [palette_1.Palette.controlDisabledFill]: constants_1.Color.darkGray1, [palette_1.Palette.controlDisabledAccent]: constants_1.Color.neutralGray,
51
+ // Inputs
52
+ [palette_1.Palette.inputBg]: constants_1.Color.darkGray1, [palette_1.Palette.inputColor]: constants_1.Color.white, [palette_1.Palette.inputPlaceholder]: constants_1.Color.lightGray4, [palette_1.Palette.inputDisabledBg]: constants_1.Color.neutralGray,
53
+ // Text
54
+ [palette_1.Palette.textDefault]: constants_1.Color.white, [palette_1.Palette.textHelp]: constants_1.Color.lightGray4, [palette_1.Palette.textInactive]: constants_1.Color.neutralGray }) });