@openfin/ui-library 0.1.33 → 0.1.34-alpha.1641417639

package/dist/components/controls/Button/button.js

@@ -37,8 +37,8 @@ const Button = (_a) => {
 exports.Button = Button;
 const ButtonElement = styled_components_1.default.button `
   /* Default values that get overridden by variants */
-  background: ${({ theme }) => theme.palette.inputBg};
-  border: 1px solid ${({ theme }) => theme.palette.inputBg};
+  background: ${({ theme }) => theme.palette.inputBackground};
+  border: 1px solid ${({ theme }) => theme.palette.inputBackground};
   color: ${({ theme }) => theme.palette.brandPrimaryText};
 
   /* Inject variants */

package/dist/components/elements/Icon/openfin/FilterIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '@modulz/radix-icons/dist/types';
+export declare const FilterIcon: ({ color, ...props }: IconProps) => JSX.Element;

package/dist/components/elements/Icon/openfin/FilterIcon.js

@@ -0,0 +1,20 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FilterIcon = (_a) => {
+    var { color = 'currentColor' } = _a, props = __rest(_a, ["color"]);
+    return (jsx_runtime_1.jsx("svg", Object.assign({ width: "12", height: "7", viewBox: "0 0 12 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx_runtime_1.jsx("path", { d: "M4 6.5C4 6.36739 4.05268 6.24021 4.14645 6.14645C4.24021 6.05268 4.36739 6 4.5 6H7.5C7.63261 6 7.75979 6.05268 7.85355 6.14645C7.94732 6.24021 8 6.36739 8 6.5C8 6.63261 7.94732 6.75979 7.85355 6.85355C7.75979 6.94732 7.63261 7 7.5 7H4.5C4.36739 7 4.24021 6.94732 4.14645 6.85355C4.05268 6.75979 4 6.63261 4 6.5ZM2 3.5C2 3.36739 2.05268 3.24021 2.14645 3.14645C2.24021 3.05268 2.36739 3 2.5 3H9.5C9.63261 3 9.75979 3.05268 9.85355 3.14645C9.94732 3.24021 10 3.36739 10 3.5C10 3.63261 9.94732 3.75979 9.85355 3.85355C9.75979 3.94732 9.63261 4 9.5 4H2.5C2.36739 4 2.24021 3.94732 2.14645 3.85355C2.05268 3.75979 2 3.63261 2 3.5ZM0 0.5C0 0.367392 0.0526785 0.240215 0.146447 0.146447C0.240215 0.0526785 0.367392 0 0.5 0H11.5C11.6326 0 11.7598 0.0526785 11.8536 0.146447C11.9473 0.240215 12 0.367392 12 0.5C12 0.632608 11.9473 0.759785 11.8536 0.853553C11.7598 0.947321 11.6326 1 11.5 1H0.5C0.367392 1 0.240215 0.947321 0.146447 0.853553C0.0526785 0.759785 0 0.632608 0 0.5Z", fill: color }, void 0) }), void 0));
+};
+exports.FilterIcon = FilterIcon;

package/dist/components/elements/Icon/openfin/index.d.ts

@@ -5,3 +5,4 @@ export * from './LockedClosedFilledIcon';
 export * from './MinimizeIcon';
 export * from './LightBulbFilledIcon';
 export * from './LightBulbOutlinedIcon';
+export * from './FilterIcon';

package/dist/components/elements/Icon/openfin/index.js

@@ -17,3 +17,4 @@ __exportStar(require("./LockedClosedFilledIcon"), exports);
 __exportStar(require("./MinimizeIcon"), exports);
 __exportStar(require("./LightBulbFilledIcon"), exports);
 __exportStar(require("./LightBulbOutlinedIcon"), exports);
+__exportStar(require("./FilterIcon"), exports);

package/dist/components/input/BaseInput/baseInput.js

@@ -62,7 +62,7 @@ const InputContainer = styled_components_1.default(Box_1.Box) `
 exports.StyledInputField = styled_components_1.default.input `
   background: ${({ theme }) => theme.palette.background5};
   border: 1px solid ${({ theme }) => theme.palette.background6};
-  border-color: ${({ theme, status }) => ThemeProvider_1.getStatusColor(theme, status, 'inputBg')};
+  border-color: ${({ theme, status }) => ThemeProvider_1.getStatusColor(theme, status, 'inputBackground')};
   border-radius: ${({ theme }) => theme.radius.small};
   box-shadow: ${({ theme }) => theme.shadow.base};
   color: ${({ theme }) => theme.palette.inputColor};

package/dist/components/system/ThemeProvider/lib/constants.d.ts

@@ -211,6 +211,7 @@ export declare const IconSet: {
     readonly MinimizeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
     readonly LightBulbFilledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
     readonly LightBulbOutlinedIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
+    readonly FilterIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
     readonly ActivityLogIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
     readonly AlignBaselineIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
     readonly AlignBottomIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;

package/dist/components/system/ThemeProvider/lib/helpers.d.ts

@@ -28,4 +28,4 @@ export declare const getFontFaces: ({ theme }: {
  * Retrive the correct palette value based on the provided status type.
  * Falls back to optionally provided palette key, then to 'inherit'.
  */
-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;
+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

@@ -18,7 +18,7 @@ export declare const Palette: {
     readonly brandSecondaryHover: "brandSecondaryHover";
     readonly brandSecondaryFocused: "brandSecondaryFocused";
     readonly brandSecondaryText: "brandSecondaryText";
-    readonly inputBg: "inputBg";
+    readonly inputBackground: "inputBackground";
     readonly inputColor: "inputColor";
     readonly inputPlaceholder: "inputPlaceholder";
     readonly inputDisabled: "inputDisabled";

package/dist/components/system/ThemeProvider/lib/palette.js

@@ -23,7 +23,7 @@ exports.Palette = {
     brandSecondaryFocused: 'brandSecondaryFocused',
     brandSecondaryText: 'brandSecondaryText',
     // --END
-    inputBg: 'inputBg',
+    inputBackground: 'inputBackground',
     inputColor: 'inputColor',
     inputPlaceholder: 'inputPlaceholder',
     inputDisabled: 'inputDisabled',

package/dist/components/system/ThemeProvider/{themes → theme}/openfin.js

@@ -22,7 +22,7 @@ exports.OpenFinLightTheme = createTheme_1.createTheme(Object.assign(Object.assig
     // Brand
     [palette_1.Palette.brandSecondary]: constants_1.Color.darkGray5, 
     // Inputs
-    [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, 
+    [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, 
     // Text
     [palette_1.Palette.textDefault]: constants_1.Color.darkGray5, [palette_1.Palette.textHelp]: constants_1.Color.darkGray3, [palette_1.Palette.textInactive]: constants_1.Color.neutralGray }));
 /**
@@ -34,6 +34,6 @@ exports.OpenFinDarkTheme = createTheme_1.createTheme(Object.assign(Object.assign
     // Brand
     [palette_1.Palette.brandSecondary]: constants_1.Color.darkGray2, 
     // Inputs
-    [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, 
+    [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, 
     // Text
     [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/dist/hooks/useTheme.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTheme = void 0;
-const themes_1 = require("../components/system/ThemeProvider/themes");
+const theme_1 = require("../components/system/ThemeProvider/theme");
 const useColorScheme_1 = require("../hooks/useColorScheme");
 const ThemeProvider_1 = require("../components/system/ThemeProvider");
 const Themes = {
-    [useColorScheme_1.ColorScheme.dark]: themes_1.OpenFinDarkTheme,
-    [useColorScheme_1.ColorScheme.light]: themes_1.OpenFinLightTheme,
+    [useColorScheme_1.ColorScheme.dark]: theme_1.OpenFinDarkTheme,
+    [useColorScheme_1.ColorScheme.light]: theme_1.OpenFinLightTheme,
 };
 const useTheme = ({ themes, scheme, config, }) => {
     // 1. Get Current Scheme

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.1.33",
+  "version": "0.1.34-alpha.1641417639",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": "github:openfin/ui-library",