@openfin/ui-library 0.1.40 → 0.2.0-alpha.1657388871

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

@@ -1,271 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cdnFontFaceCss = exports.IconSize = exports.IconSet = exports.Transition = exports.Typography = exports.LineHeight = exports.FontWeight = exports.FontSize = exports.FontStack = exports.Shadow = exports.Radius = exports.UnitPx = exports.Unit = exports.SizeName = exports.Size = exports.Color = void 0;
-const RadixIcons = __importStar(require("@modulz/radix-icons"));
-const OpenFinIcons = __importStar(require("../../../elements/Icon/openfin"));
-const createFontFaceCss_1 = require("./createFontFaceCss");
-/**
- * Color --
- * Color maps names to values.
- * This is the "raw" store of all OpenFin colors
- * referenced by their Figma names.
- *
- * This is the only place Color values should be defined
- */
-exports.Color = {
-    white: '#FFFFFF',
-    lightGray1: '#FAFBFE',
-    lightGray2: '#F3F5F8',
-    lightGray3: '#ECEEF1',
-    lightGray4: '#DDDFE4',
-    lightGray5: '#C9CBD2',
-    neutralGray: '#7D808A',
-    darkGray1: '#53565F',
-    darkGray2: '#383A40',
-    darkGray3: '#2F3136',
-    darkGray4: '#24262B',
-    darkGray5: '#1E1F23',
-    darkGray6: '#111214',
-    openFinDarkest: '#3D39CD',
-    openFinDarker: '#4642E0',
-    openFin: '#504CFF',
-    openFinLight: '#5254FB',
-    openFinLighter: '#5C5EFE',
-    openFinLightest: '#6864FF',
-    functional1: '#35C759',
-    functional2: '#46C8F1',
-    functional3: '#0498FB',
-    functional4: '#3A6FF9',
-    functional5: '#5C5EFE',
-    functional6: '#882BFE',
-    functional7: '#BE1D1F',
-    functional8: '#C93400',
-    functional9: '#FF5E60',
-    functional10: '#F48F00',
-    purple: '#8C61FF',
-    lightblue: '#36C3FE',
-    aqua: '#00CC88',
-    yellow: '#FFEB00',
-    salmon: '#FF8C4C',
-    pink: '#FF5E60',
-    lightpink: '#FF8FB8',
-    white00: 'rgba(255,255,255,0.0)',
-    white10: 'rgba(255,255,255,0.1)',
-    white20: 'rgba(255,255,255,0.2)',
-    white30: 'rgba(255,255,255,0.3)',
-    white40: 'rgba(255,255,255,0.4)',
-    white50: 'rgba(255,255,255,0.5)',
-    white60: 'rgba(255,255,255,0.6)',
-    white70: 'rgba(255,255,255,0.7)',
-    white80: 'rgba(255,255,255,0.8)',
-    white90: 'rgba(255,255,255,0.9)',
-    black00: 'rgba(0,0,0,0.0)',
-    black10: 'rgba(0,0,0,0.1)',
-    black20: 'rgba(0,0,0,0.2)',
-    black30: 'rgba(0,0,0,0.3)',
-    black40: 'rgba(0,0,0,0.4)',
-    black50: 'rgba(0,0,0,0.5)',
-    black60: 'rgba(0,0,0,0.6)',
-    black70: 'rgba(0,0,0,0.7)',
-    black80: 'rgba(0,0,0,0.8)',
-    black90: 'rgba(0,0,0,0.9)',
-    transparent: 'transparent',
-};
-/**
- * Size --
- * Common keys used to describe a range of values
- * - Unit, UnitPx, Shadow, FontSize
- */
-exports.Size = {
-    xsmall: 'xsmall',
-    small: 'small',
-    base: 'base',
-    large: 'large',
-    xlarge: 'xlarge',
-    xxlarge: 'xxlarge',
-    xxxlarge: 'xxxlarge',
-    xxxxlarge: 'xxxxlarge',
-};
-/**
- * SizeName --
- * Primarly a Storybook Helper for displaying human-friendly size names
- * It's more intuitive to maintain this if it lives here
- */
-exports.SizeName = {
-    [exports.Size.xsmall]: 'Extra Small',
-    [exports.Size.small]: 'Small',
-    [exports.Size.base]: 'Base',
-    [exports.Size.large]: 'Large',
-    [exports.Size.xlarge]: 'Extra Large',
-    [exports.Size.xxlarge]: '2X Large',
-    [exports.Size.xxxlarge]: '3X Large',
-    [exports.Size.xxxxlarge]: '4X Large',
-};
-/**
- * Unit --
- * Design System works on a 4px Grid
- * Units are represented as numbers here for convienence in Javascript, e.g. `Unit.base * 4`
- */
-exports.Unit = {
-    [exports.Size.xsmall]: 4,
-    [exports.Size.small]: 8,
-    [exports.Size.base]: 12,
-    [exports.Size.large]: 16,
-    [exports.Size.xlarge]: 20,
-    [exports.Size.xxlarge]: 24,
-    [exports.Size.xxxlarge]: 32,
-    [exports.Size.xxxxlarge]: 48,
-};
-/**
- * UnitPx / "px" --
- * Design System works on a 4px Grid
- * UnitPx includes the px suffix for convienence in Styled Components
- */
-exports.UnitPx = {
-    [exports.Size.xsmall]: '4px',
-    [exports.Size.small]: '8px',
-    [exports.Size.base]: '12px',
-    [exports.Size.large]: '16px',
-    [exports.Size.xlarge]: '20px',
-    [exports.Size.xxlarge]: '24px',
-    [exports.Size.xxxlarge]: '32px',
-    [exports.Size.xxxxlarge]: '48px',
-};
-/**
- * Radius --
- * The border radius values supported in the design system
- */
-exports.Radius = {
-    [exports.Size.small]: '4px',
-    [exports.Size.base]: '8px',
-    [exports.Size.large]: '24px',
-    pill: '100vh',
-    round: '50%',
-    none: '0',
-};
-/**
- * Shadow --
- * Design System drop shadows
- * Note: This does not include any `text-shadow`
- */
-exports.Shadow = {
-    [exports.Size.base]: `0 4px 4px rgba(0, 0, 0, 0.25)`,
-};
-const fonts = [
-    'Inter',
-    '-apple-system',
-    'BlinkMacSystemFont',
-    'Segoe UI',
-    'Roboto',
-    'Oxygen-Sans',
-    'Ubuntu',
-    'Cantarell',
-    'Helvetica Neue',
-    'sans-serif',
-];
-/**
- * FontStack --
- * Design System uses "Inter" and we include @font-face definitions to load a CDN hosted version of the font
- * The rest of the stack includes reasonable fallbacks for contingency cases where the CDN asset fails to load
- */
-exports.FontStack = fonts.join(', ');
-/**
- * FontSize --
- * Design System font sizes using standard scale
- */
-exports.FontSize = {
-    [exports.Size.xsmall]: '8px',
-    [exports.Size.small]: '10px',
-    [exports.Size.base]: '12px',
-    [exports.Size.large]: '14px',
-    [exports.Size.xlarge]: '16px',
-    [exports.Size.xxlarge]: '18px',
-    [exports.Size.xxxlarge]: '20px',
-    [exports.Size.xxxxlarge]: '40px',
-};
-/**
- * FontWeight --
- * Design System font weights (three)
- */
-exports.FontWeight = {
-    normal: 400,
-    bold: 600,
-};
-/**
- * LineHeight --
- * Read about "unitless" line-height
- * @link https://css-tricks.com/almanac/properties/l/line-height/#unitless-line-heights
- */
-exports.LineHeight = {
-    ui: 1,
-    heading: 1.2,
-    text: 1.5,
-};
-/**
- * Typography --
- * Design System typography is a full set of values for a `font:...` property.
- * @example "12px/16px Inter, ..."
- * @example "20px/24px Inter, ..."
- */
-exports.Typography = {
-    base: `${exports.FontSize.base}/${exports.LineHeight.text} ${exports.FontStack}`,
-};
-/**
- * Transitions --
- * Design System transition easings because UI motion feels better if everything moves the same way.
- */
-exports.Transition = {
-    base: '200ms cubic-bezier(0.16, 1, 0.3, 1)',
-    none: '0ms',
-};
-/**
- * IconSet --
- * Design System uses Radix Icons `@modulz/radix-icons`
- * @link https://icons.modulz.app/
- * @link https://github.com/radix-ui/icons
- *
- * This exposes them as a named set through OpenFin UI Library
- */
-exports.IconSet = Object.assign(Object.assign({}, RadixIcons), OpenFinIcons);
-/**
- * IconSize --
- * Design System standard set of icon sizes
- */
-exports.IconSize = {
-    [exports.Size.xsmall]: exports.UnitPx.small,
-    [exports.Size.small]: exports.UnitPx.base,
-    [exports.Size.base]: '15px',
-    [exports.Size.large]: exports.UnitPx.xlarge,
-    [exports.Size.xlarge]: exports.UnitPx.xxlarge,
-    [exports.Size.xxlarge]: exports.UnitPx.xxxlarge,
-    [exports.Size.xxxlarge]: exports.UnitPx.xxxxlarge,
-};
-/**
- * @font-face --
- * Generate @font-face CSS for CDN Loaded fonts
- */
-exports.cdnFontFaceCss = createFontFaceCss_1.createFontFaceCss({
-    regular: '//cdn.openfin.co/fonts/inter/Inter-Regular.woff2?v3.15',
-    italic: '//cdn.openfin.co/fonts/inter/Inter-Italic.woff2?v3.15',
-    semiBold: '//cdn.openfin.co/fonts/inter/Inter-SemiBold.woff2?v3.15',
-    semiBoldItalic: '//cdn.openfin.co/fonts/inter/Inter-SemiBoldItalic.woff2?v3.15',
-});

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

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createFontFaceCss = void 0;
-const styled_components_1 = require("styled-components");
-const constants_1 = require("./constants");
-/**
- * Import global fonts using your own config.
- */
-function createFontFaceCss(fonts) {
-    return styled_components_1.css `
-    @font-face {
-      font-family: 'Inter';
-      src: url(${fonts.regular}) format('woff2');
-      font-weight: ${constants_1.FontWeight.normal};
-      font-style: normal;
-      font-display: swap;
-    }
-    @font-face {
-      font-family: 'Inter';
-      src: url(${fonts.italic}) format('woff2');
-      font-weight: ${constants_1.FontWeight.normal};
-      font-style: italic;
-      font-display: swap;
-    }
-
-    @font-face {
-      font-family: 'Inter';
-      src: url(${fonts.semiBold}) format('woff2');
-      font-weight: ${constants_1.FontWeight.bold};
-      font-style: normal;
-      font-display: swap;
-    }
-
-    @font-face {
-      font-family: 'Inter';
-      src: url(${fonts.semiBoldItalic}) format('woff2');
-      font-weight: ${constants_1.FontWeight.bold};
-      font-style: italic;
-      font-display: swap;
-    }
-  `;
-}
-exports.createFontFaceCss = createFontFaceCss;

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

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTheme = void 0;
-const config_1 = require("../lib/config");
-const constants_1 = require("../lib/constants");
-const colors_1 = require("./colors");
-const palette_1 = require("./palette");
-const LIGHTNESS_PERCENTAGE_ACTIVE = 2;
-const LIGHTNESS_PERCENTAGE_HOVER = 5;
-const LIGHTNESS_PERCENTAGE_FOCUSED = 20;
-const base = {
-    _config: config_1.Configuration,
-    _color: constants_1.Color,
-    fontSize: constants_1.FontSize,
-    fontWeight: constants_1.FontWeight,
-    lineHeight: constants_1.LineHeight,
-    iconSize: constants_1.IconSize,
-    radius: constants_1.Radius,
-    shadow: constants_1.Shadow,
-    transition: constants_1.Transition,
-    unit: constants_1.Unit,
-    px: constants_1.UnitPx,
-};
-/**
- * Created Active, Hover, and Focused Colors derived from base color
- */
-const createDerivedPaletteKeys = (key, baseColor) => ({
-    [`${key}Active`]: colors_1.darkenColor(baseColor, LIGHTNESS_PERCENTAGE_ACTIVE),
-    [`${key}Hover`]: colors_1.lightenColor(baseColor, LIGHTNESS_PERCENTAGE_HOVER),
-    [`${key}Focused`]: colors_1.lightenColor(baseColor, LIGHTNESS_PERCENTAGE_FOCUSED),
-    [`${key}Text`]: colors_1.getMostReadable(baseColor, [constants_1.Color.white, constants_1.Color.darkGray5]),
-});
-/**
- * Create a theme by accepting an incomplete theme object and deriving the remaining colors based on button colors.
- *
- * @param {Partial<PaletteType>} palettePartial The provided theme keys, whether we or the end user defined them.
- * @returns {DefaultTheme}
- */
-const createTheme = (palettePartial) => {
-    const foo = Object.assign(Object.assign({}, base), { palette: Object.assign(Object.assign(Object.assign({}, palettePartial), createDerivedPaletteKeys(palette_1.Palette.brandPrimary, palettePartial.brandPrimary)), createDerivedPaletteKeys(palette_1.Palette.brandSecondary, palettePartial.brandSecondary)) });
-    return foo;
-};
-exports.createTheme = createTheme;

package/dist/components/system/ThemeProvider/lib/fonts.d.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStatusColor = exports.getFontFaces = exports.getRootCssVars = exports.getVariantCSS = void 0;
-const constants_1 = require("./constants");
-const palette_1 = require("./palette");
-/**
- * Get the CSS associated with a variant key
- * @param variants  -- Component variants data structure
- * @param variantProp -- The key (enum) for looking up the variant value
- * @todo This needs to be typed better
- */
-const getVariantCSS = (variants, variantProp) => (props) => {
-    return variants[variantProp][props[variantProp]];
-};
-exports.getVariantCSS = getVariantCSS;
-/**
- * Build :root { --var } key value pairs from Palette
- */
-const getRootCssVars = ({ theme }) => Object.keys(palette_1.Palette)
-    .map((key) => `--openfin-ui-${key}: ${theme.palette[key]};`)
-    .join('\n');
-exports.getRootCssVars = getRootCssVars;
-/**
- * Lazy Load font-faces based on Theme Configuration
- */
-const getFontFaces = ({ theme }) => {
-    switch (theme._config.fontLoading) {
-        case 'import':
-            return theme._config.fontCss;
-        case 'cdn':
-        default:
-            return constants_1.cdnFontFaceCss;
-    }
-};
-exports.getFontFaces = getFontFaces;
-/**
- * Retrive the correct palette value based on the provided status type.
- * Falls back to optionally provided palette key, then to 'inherit'.
- */
-const getStatusColor = (theme, status, defaultKey) => {
-    switch (status) {
-        case 'active':
-            return theme.palette.statusActive;
-        case 'critical':
-            return theme.palette.statusCritical;
-        case 'warning':
-            return theme.palette.statusWarning;
-        case 'success':
-            return theme.palette.statusSuccess;
-        default:
-            return defaultKey ? theme.palette[defaultKey] : 'inherit';
-    }
-};
-exports.getStatusColor = getStatusColor;

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Mixins = void 0;
-const constants_1 = require("./constants");
-const styled_components_1 = require("styled-components");
-/**
- * Mixins
- */
-/**
- * Prevent User Selection
- */
-const noSelect = styled_components_1.css `
-  user-select: none;
-`;
-/**
- * Prevent Text from Wrapping and truncate with ellipsis
- * when it overflows the parent container
- */
-const textOverflow = styled_components_1.css `
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-/**
- * Scrollbar (4px)
- * @link https://www.figma.com/file/0Y3pKZj0tJWuleF12h5Sua/Spatial---Components?node-id=2048%3A7477
- */
-const scrollbar = styled_components_1.css `
-  &::-webkit-scrollbar {
-    width: var(--scrollbarSize, ${constants_1.UnitPx.xsmall});
-    height: var(--scrollbarSize, ${constants_1.UnitPx.xsmall});
-  }
-
-  &::-webkit-scrollbar-track {
-    background: ${constants_1.Color.neutralGray};
-    border-radius: var(--scrollbarSize, ${constants_1.UnitPx.xsmall});
-    opacity: 0.8;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: ${constants_1.Color.white};
-    width: var(--scrollbarSize, ${constants_1.UnitPx.xsmall});
-    height: var(--scrollbarSize, ${constants_1.UnitPx.xsmall});
-    border-radius: var(--scrollbarSize, ${constants_1.UnitPx.xsmall});
-    opacity: 0.8;
-  }
-`;
-/**
- * Scrollbar Tiny (2px)
- * Extends the regular scrollbar
- */
-const scrollbarSmall = styled_components_1.css `
-  --scrollbarSize: 2px;
-  ${scrollbar};
-`;
-/**
- * App Region Drag Behavior
- * This affects what parts of the DOM can drag the OpenFin / Electron browser window
- * - Apply 'Drag' to make an area behave like a drag handle
- * - Apply 'NoDrag' to unset an area inside of a draggable area
- *
- * Note: DOM elements behaving as draggable regions typically ignore any other event handlers
- */
-const appRegionDrag = styled_components_1.css `
-  -webkit-app-region: drag;
-`;
-const appRegionNoDrag = styled_components_1.css `
-  -webkit-app-region: no-drag;
-`;
-/**
- * Mixins --
- * Reusable utility fragments of CSS that make sense to express once (for consistency, maintainability).
- */
-exports.Mixins = {
-    noSelect,
-    textOverflow,
-    scrollbar: {
-        [constants_1.Size.base]: scrollbar,
-        [constants_1.Size.small]: scrollbarSmall,
-    },
-    appRegion: {
-        drag: appRegionDrag,
-        noDrag: appRegionNoDrag,
-    },
-};

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Palette = void 0;
-/**
- * Theme Palette -- Canonical list of names we use to reference color values within a theme
- */
-exports.Palette = {
-    background1: 'background1',
-    background2: 'background2',
-    background3: 'background3',
-    background4: 'background4',
-    background5: 'background5',
-    background6: 'background6',
-    brandPrimary: 'brandPrimary',
-    brandSecondary: 'brandSecondary',
-    // --BEGIN These are calculated during theme creation. See ./createTheme.ts
-    brandPrimaryActive: 'brandPrimaryActive',
-    brandPrimaryHover: 'brandPrimaryHover',
-    brandPrimaryFocused: 'brandPrimaryFocused',
-    brandPrimaryText: 'brandPrimaryText',
-    brandSecondaryActive: 'brandSecondaryActive',
-    brandSecondaryHover: 'brandSecondaryHover',
-    brandSecondaryFocused: 'brandSecondaryFocused',
-    brandSecondaryText: 'brandSecondaryText',
-    // --END
-    inputBackground: 'inputBackground',
-    inputColor: 'inputColor',
-    inputPlaceholder: 'inputPlaceholder',
-    inputDisabled: 'inputDisabled',
-    inputFocused: 'inputFocused',
-    statusSuccess: 'statusSuccess',
-    statusWarning: 'statusWarning',
-    statusCritical: 'statusCritical',
-    statusActive: 'statusActive',
-    textDefault: 'textDefault',
-    textHelp: 'textHelp',
-    textInactive: 'textInactive',
-};

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/system/ThemeProvider/theme/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./openfin"), exports);

package/dist/components/system/ThemeProvider/theme/openfin.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenFinDarkTheme = exports.OpenFinLightTheme = void 0;
-const palette_1 = require("../lib/palette");
-const constants_1 = require("../lib/constants");
-const createTheme_1 = require("../lib/createTheme");
-const sharedPalette = {
-    // Brand
-    [palette_1.Palette.brandPrimary]: constants_1.Color.openFin,
-    // Status
-    [palette_1.Palette.statusSuccess]: constants_1.Color.functional1,
-    [palette_1.Palette.statusWarning]: constants_1.Color.functional10,
-    [palette_1.Palette.statusCritical]: constants_1.Color.functional7,
-    [palette_1.Palette.statusActive]: constants_1.Color.functional3,
-};
-/**
- * Light Theme
- */
-exports.OpenFinLightTheme = createTheme_1.createTheme(Object.assign(Object.assign({}, sharedPalette), { 
-    // Background levels
-    [palette_1.Palette.background1]: constants_1.Color.white, [palette_1.Palette.background2]: constants_1.Color.lightGray1, [palette_1.Palette.background3]: constants_1.Color.lightGray2, [palette_1.Palette.background4]: constants_1.Color.lightGray3, [palette_1.Palette.background5]: constants_1.Color.lightGray4, [palette_1.Palette.background6]: constants_1.Color.lightGray5, 
-    // Brand
-    [palette_1.Palette.brandSecondary]: constants_1.Color.darkGray5, 
-    // Inputs
-    [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 }));
-/**
- * Dark Theme
- */
-exports.OpenFinDarkTheme = createTheme_1.createTheme(Object.assign(Object.assign({}, sharedPalette), { 
-    // Background levels
-    [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, 
-    // Brand
-    [palette_1.Palette.brandSecondary]: constants_1.Color.darkGray2, 
-    // Inputs
-    [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/components/system/ThemeProvider/themeProvider.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = require("styled-components");
-const useTheme_1 = require("../../../hooks/useTheme");
-const GlobalStyles_1 = require("../GlobalStyles");
-/**
- * ## OpenFin ThemeProvider
- * - Extends StyledComponents ThemeProvider
- * - Applies built-in OpenFin themes automatically using System Preference for Color Scheme
- * - Includes global stylesheet with typography, reset, and global css vars
- * - Accepts Light / Dark Mode scheme override
- * - Accepts Light / Dark Mode palette override
- */
-const ThemeProvider = ({ children, themes, scheme, config, includeGlobalStyles = true, }) => {
-    const currentTheme = useTheme_1.useTheme({ themes, scheme, config });
-    return (jsx_runtime_1.jsx(styled_components_1.ThemeProvider, Object.assign({ theme: currentTheme }, { children: jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [includeGlobalStyles && jsx_runtime_1.jsx(GlobalStyles_1.GlobalStyles, {}, void 0), children] }, void 0) }), void 0));
-};
-exports.ThemeProvider = ThemeProvider;