@openfin/ui-library 0.0.33

package/dist/components/elements/Icon/icon.variants.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.variants = exports.Variant = void 0;
+const styled_components_1 = require("styled-components");
+/**
+ * Define all Button Variants here in one place.
+ * Variants should match the variants in Figma
+ */
+exports.Variant = {
+    iconSize: 'iconSize',
+    containerSize: 'containerSize',
+};
+exports.variants = {
+    [exports.Variant.iconSize]: {
+        xsmall: styled_components_1.css `
+      --px-icon: ${({ theme }) => theme.iconSize.xsmall};
+    `,
+        small: styled_components_1.css `
+      --px-icon: ${({ theme }) => theme.iconSize.small};
+    `,
+        base: styled_components_1.css `
+      --px-icon: ${({ theme }) => theme.iconSize.base};
+    `,
+        large: styled_components_1.css `
+      --px-icon: ${({ theme }) => theme.iconSize.large};
+    `,
+        xlarge: styled_components_1.css `
+      --px-icon: ${({ theme }) => theme.iconSize.xlarge};
+    `,
+        xxlarge: styled_components_1.css `
+      --px-icon: ${({ theme }) => theme.iconSize.xxlarge};
+    `,
+        xxxlarge: styled_components_1.css `
+      --px-icon: ${({ theme }) => theme.iconSize.xxxlarge};
+    `,
+    },
+    [exports.Variant.containerSize]: {
+        xsmall: styled_components_1.css `
+      --px-container: ${({ theme }) => theme.iconSize.xsmall};
+    `,
+        small: styled_components_1.css `
+      --px-container: ${({ theme }) => theme.iconSize.small};
+    `,
+        base: styled_components_1.css `
+      --px-container: ${({ theme }) => theme.iconSize.base};
+    `,
+        large: styled_components_1.css `
+      --px-container: ${({ theme }) => theme.iconSize.large};
+    `,
+        xlarge: styled_components_1.css `
+      --px-container: ${({ theme }) => theme.iconSize.xlarge};
+    `,
+        xxlarge: styled_components_1.css `
+      --px-container: ${({ theme }) => theme.iconSize.xxlarge};
+    `,
+        xxxlarge: styled_components_1.css `
+      --px-container: ${({ theme }) => theme.iconSize.xxxlarge};
+    `,
+    },
+};

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

@@ -0,0 +1 @@
+export * from './icon';

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

@@ -0,0 +1,13 @@
+"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("./icon"), exports);

package/dist/components/elements/Input/index.d.ts

@@ -0,0 +1 @@
+export * from './input';

package/dist/components/elements/Input/index.js

@@ -0,0 +1,13 @@
+"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("./input"), exports);

package/dist/components/elements/Input/input.d.ts

@@ -0,0 +1,8 @@
+import { InputHTMLAttributes } from 'react';
+export declare type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+    className?: string;
+};
+/**
+ * Unstyled Input extended by other components
+ */
+export declare const Input: import("styled-components").StyledComponent<({ className, ...props }: InputProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/elements/Input/input.js

@@ -0,0 +1,26 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+/**
+ * Unstyled Input extended by other components
+ */
+exports.Input = styled_components_1.default((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return jsx_runtime_1.jsx("input", Object.assign({ className: className }, props), void 0);
+}) ``;

package/dist/components/elements/Toggle/index.d.ts

@@ -0,0 +1 @@
+export * from './toggle';

package/dist/components/elements/Toggle/index.js

@@ -0,0 +1,13 @@
+"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("./toggle"), exports);

package/dist/components/elements/Toggle/toggle.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { InputProps } from '../Input';
+import { LabelSideType, KindType } from './toggle.variants';
+export declare type ToggleProps = InputProps & {
+    label?: string;
+    labelSide?: LabelSideType;
+    kind?: KindType;
+    type?: 'checkbox' | 'radio';
+};
+export declare const Toggle: FC<ToggleProps>;

package/dist/components/elements/Toggle/toggle.js

@@ -0,0 +1,111 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const helpers_1 = require("../../system/ThemeProvider/lib/helpers");
+const Input_1 = require("../Input");
+const toggle_variants_1 = require("./toggle.variants");
+const Toggle = (_a) => {
+    var { id, label, labelSide = 'right', type = 'checkbox', kind = 'primary' } = _a, inputProps = __rest(_a, ["id", "label", "labelSide", "type", "kind"]);
+    return (jsx_runtime_1.jsxs(ToggleContainer, Object.assign({ labelSide: labelSide }, { children: [label ? jsx_runtime_1.jsx(ToggleLabel, Object.assign({ htmlFor: id }, { children: label }), void 0) : undefined,
+            jsx_runtime_1.jsxs(InputContainer, Object.assign({ kind: kind, isChecked: inputProps.checked }, { children: [jsx_runtime_1.jsx(ToggleInput, Object.assign({ id: id, type: type }, inputProps), void 0),
+                    jsx_runtime_1.jsx(ToggleKnob, {}, void 0)] }), void 0)] }), void 0));
+};
+exports.Toggle = Toggle;
+const ToggleContainer = styled_components_1.default.div `
+  /**
+   * 1. Inject variants
+   */
+  ${helpers_1.getVariantCSS(toggle_variants_1.variants, toggle_variants_1.Variant.labelSide)}
+
+  /**
+  * 2. Component Build
+  */
+  display: flex;
+  gap: ${({ theme }) => theme.px.xlarge};
+  line-height: ${({ theme }) => theme.px.xlarge /* Matches height of Input to vertically center text */};
+`;
+const InputContainer = styled_components_1.default.div `
+  /**
+   * 1. Initialize local variables with reasonable defaults
+   */
+  --color-background: ${({ theme }) => theme.palette.primaryBg};
+  --color-foreground: ${({ theme }) => theme.palette.primaryColor};
+  --color-active: ${({ theme }) => theme.palette.primaryActive};
+  --color-knob: var(--color-foreground);
+  --px-toggle: ${({ theme }) => theme.px.xlarge};
+  --px-knob: ${({ theme }) => theme.px.base};
+
+  /**
+   * 2. Inject variants
+   */
+  ${helpers_1.getVariantCSS(toggle_variants_1.variants, toggle_variants_1.Variant.kind)}
+
+  /**
+  * 3. Component Build
+  */
+  position: relative;
+  height: var(--px-toggle);
+  width: calc(2 * var(--px-toggle));
+  border-radius: calc(0.5 * var(--px-toggle));
+
+  background: var(--color-background);
+  transition: background var(--global-transition);
+
+  &:focus-within {
+    box-shadow: 0 0 0 2px ${({ theme }) => theme._color.black30},
+      0 0 0 2px var(--color-active);
+  }
+`;
+const ToggleKnob = styled_components_1.default.button `
+  position: absolute;
+  width: var(--px-knob);
+  height: var(--px-knob);
+  top: 50%;
+  left: ${({ theme }) => theme.px.xsmall};
+  transform: translateY(-50%);
+  border-radius: 50%;
+  background: var(--color-knob);
+  border: none;
+  outline: none;
+  transition: left var(--global-transition);
+  pointer-events: none; /* Allow pass-thru for native input */
+`;
+const ToggleInput = styled_components_1.default(Input_1.Input) `
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  border: none;
+  outline: none;
+  appearance: none;
+  display: block;
+
+  &:checked + ${ToggleKnob} {
+    left: calc(100% - ${({ theme }) => theme.px.large});
+  }
+  &:disabled + ${ToggleKnob} {
+    opacity: 0.5;
+  }
+  &:not(:disabled) {
+    cursor: pointer;
+  }
+`;
+const ToggleLabel = styled_components_1.default.label ``;

package/dist/components/elements/Toggle/toggle.variants.d.ts

@@ -0,0 +1,26 @@
+export declare const Variant: {
+    readonly kind: "kind";
+    readonly labelSide: "labelSide";
+};
+export declare const Kind: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly tertiary: "tertiary";
+};
+export declare type KindType = keyof typeof Kind;
+export declare const LabelSide: {
+    readonly left: "left";
+    readonly right: "right";
+};
+export declare type LabelSideType = keyof typeof LabelSide;
+export declare const variants: {
+    readonly kind: {
+        readonly primary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly secondary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly tertiary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+    };
+    readonly labelSide: {
+        readonly left: import("styled-components").FlattenSimpleInterpolation;
+        readonly right: import("styled-components").FlattenSimpleInterpolation;
+    };
+};

package/dist/components/elements/Toggle/toggle.variants.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.variants = exports.LabelSide = exports.Kind = exports.Variant = void 0;
+const styled_components_1 = require("styled-components");
+exports.Variant = {
+    kind: 'kind',
+    labelSide: 'labelSide',
+};
+exports.Kind = {
+    primary: 'primary',
+    secondary: 'secondary',
+    tertiary: 'tertiary',
+};
+exports.LabelSide = {
+    left: 'left',
+    right: 'right',
+};
+exports.variants = {
+    [exports.Variant.kind]: {
+        [exports.Kind.primary]: styled_components_1.css `
+      --color-background: ${({ theme }) => theme.palette.primaryBg};
+      --color-foreground: ${({ theme }) => theme.palette.primaryColor};
+      --color-active: ${({ theme }) => theme.palette.primaryActive};
+      --color-knob: ${({ theme }) => theme.palette.primaryColor};
+
+      &:disabled {
+        --color-background: ${({ theme }) => theme.palette.primaryDisabledBg};
+        --color-foreground: ${({ theme }) => theme.palette.primaryDisabledColor};
+      }
+    `,
+        [exports.Kind.secondary]: styled_components_1.css `
+      --color-background: ${({ theme }) => theme.palette.secondaryBg};
+      --color-foreground: ${({ theme }) => theme.palette.secondaryColor};
+      --color-active: ${({ theme }) => theme.palette.secondaryActive};
+      --color-knob: ${({ theme }) => theme.palette.secondaryColor};
+
+      &:disabled {
+        --color-background: ${({ theme }) => theme.palette.secondaryDisabledBg};
+        --color-foreground: ${({ theme }) => theme.palette.secondaryDisabledColor};
+      }
+    `,
+        [exports.Kind.tertiary]: styled_components_1.css `
+      --color-background: ${({ theme }) => theme.palette.tertiaryBg};
+      --color-foreground: ${({ theme }) => theme.palette.tertiaryColor};
+      --color-active: ${({ theme }) => theme.palette.tertiaryActive};
+      --color-knob: ${({ theme }) => theme.palette.tertiaryColor};
+
+      &:disabled {
+        --color-background: ${({ theme }) => theme.palette.tertiaryDisabledBg};
+        --color-foreground: ${({ theme }) => theme.palette.tertiaryDisabledColor};
+      }
+    `,
+    },
+    [exports.Variant.labelSide]: {
+        [exports.LabelSide.left]: styled_components_1.css `
+      flex-direction: row;
+    `,
+        [exports.LabelSide.right]: styled_components_1.css `
+      flex-direction: row-reverse;
+    `,
+    },
+};

package/dist/components/layout/Box/box.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes } from 'react';
+import { UnitPxType } from '../../system/ThemeProvider/lib/types';
+import * as BoxTypes from './types';
+export declare type BoxProps = HTMLAttributes<HTMLDivElement> & {
+    alignItems?: BoxTypes.AlignItems;
+    display?: BoxTypes.Display;
+    flexDirection?: BoxTypes.FlexDirection;
+    flexWrap?: BoxTypes.FlexWrap;
+    justifyContent?: BoxTypes.JustifyContent;
+    gap?: UnitPxType;
+    alignSelf?: BoxTypes.AlignSelf;
+    flexBasis?: string;
+    flexGrow?: 1 | 0;
+    flexShrink?: 1 | 0;
+    order?: number;
+    surfaceLevel?: BoxTypes.SurfaceLevel;
+    padding?: UnitPxType;
+};
+/**
+ * ## Box
+ *
+ * Div with flexbox properties applied to their CSS default values.
+ *
+ * - Box can be both the flex parent and the flex child.
+ * - None of the child properties should be applied unless specified.
+ */
+export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BoxProps, never>;

package/dist/components/layout/Box/box.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const palette_1 = require("../../system/ThemeProvider/lib/palette");
+/**
+ * ## SurfaceLevels
+ *
+ * Maps “surface” levels to palette colors.
+ * Passing a surface level will give the box a background color associated with a z-index position in our design system.
+ */
+const SurfaceLevels = {
+    1: palette_1.Palette.surfaceBottom,
+    2: palette_1.Palette.surfaceMiddle,
+    3: palette_1.Palette.surfaceTop,
+};
+/**
+ * ## Box
+ *
+ * Div with flexbox properties applied to their CSS default values.
+ *
+ * - Box can be both the flex parent and the flex child.
+ * - None of the child properties should be applied unless specified.
+ */
+exports.Box = styled_components_1.default.div `
+  display: ${({ display = 'flex' }) => display};
+  flex-direction: ${({ flexDirection = 'row' }) => flexDirection};
+  flex-wrap: ${({ flexWrap = 'nowrap' }) => flexWrap};
+  align-items: ${({ alignItems }) => alignItems};
+  justify-content: ${({ justifyContent }) => justifyContent};
+  gap: ${({ theme, gap }) => gap && theme.px[gap]};
+  align-self: ${({ alignSelf }) => alignSelf};
+  flex-basis: ${({ flexBasis }) => flexBasis};
+  flex-grow: ${({ flexGrow }) => flexGrow};
+  flex-shrink: ${({ flexShrink }) => flexShrink};
+  order: ${({ order }) => order};
+  padding: ${({ theme, padding }) => padding && theme.px[padding]};
+  background: ${({ theme, surfaceLevel }) => surfaceLevel && theme.palette[SurfaceLevels[surfaceLevel]]};
+`;

package/dist/components/layout/Box/index.d.ts

@@ -0,0 +1 @@
+export * from './box';

package/dist/components/layout/Box/index.js

@@ -0,0 +1,13 @@
+"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("./box"), exports);

package/dist/components/layout/Box/types.d.ts

@@ -0,0 +1,7 @@
+export declare type AlignItems = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'first baseline' | 'last baseline' | 'start' | 'end' | 'self-start' | 'self-end';
+export declare type Display = 'flex' | 'inline-flex';
+export declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export declare type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+export declare type JustifyContent = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'left' | 'right';
+export declare type AlignSelf = 'auto' | 'flex-start' | ' flex-end' | 'center' | 'baseline' | 'stretch';
+export declare type SurfaceLevel = 1 | 2 | 3;

package/dist/components/layout/Box/types.js

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

package/dist/components/system/GlobalStyles/globalStyles.d.ts

@@ -0,0 +1 @@
+export declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/dist/components/system/GlobalStyles/globalStyles.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalStyles = void 0;
+const styled_components_1 = require("styled-components");
+const constants_1 = require("../ThemeProvider/lib/constants");
+const helpers_1 = require("../ThemeProvider/lib/helpers");
+exports.GlobalStyles = styled_components_1.createGlobalStyle `
+  /** -> Define Global CSS Vars */
+  :root {
+    --global-background: ${({ theme }) => theme.palette.surfaceBottom};
+    --global-text: ${({ theme }) => theme.palette.textDefault};
+    --global-text-placeholder: ${({ theme }) => theme.palette.textPlaceholder};
+    --global-typography: ${constants_1.Typography.base};
+    --global-transition: ${({ theme }) => theme.transition.base};
+  }
+
+  /** -> @font-face Declaration */
+  ${helpers_1.getFontFaces}
+
+  /** -> Micro Reset */
+  * {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    /**
+     * Smooths light-on-dark Fonts on Mac
+     */
+    -webkit-font-smoothing: antialiased;
+    /**
+     * Prevent browser auto-weighting
+     * @link https://css-tricks.com/almanac/properties/f/font-synthesis/
+     */
+    font-synthesis: none;
+  }
+
+  /** -> Apply Global Styles */
+  :root,
+  body {
+    background: var(--global-background);
+    color: var(--global-text);
+    font: var(--global-typography);
+  }
+
+  ::placeholder {
+    color: var(--global-text-placeholder);
+  }
+
+  /** -> Reduced Motion (Accessibility) */
+  @media (prefers-reduced-motion) {
+    :root {
+      --global-transition: ${({ theme }) => theme.transition.none};
+    }
+  }
+`;

package/dist/components/system/GlobalStyles/index.d.ts

@@ -0,0 +1 @@
+export * from './globalStyles';

package/dist/components/system/GlobalStyles/index.js

@@ -0,0 +1,13 @@
+"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("./globalStyles"), exports);

package/dist/components/system/ThemeProvider/index.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/constants';
+export * from './lib/helpers';
+export * from './lib/interface';
+export * from './lib/palette';
+export * from './lib/types';
+export * from './themeProvider';

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

@@ -0,0 +1,18 @@
+"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("./lib/constants"), exports);
+__exportStar(require("./lib/helpers"), exports);
+__exportStar(require("./lib/interface"), exports);
+__exportStar(require("./lib/palette"), exports);
+__exportStar(require("./lib/types"), exports);
+__exportStar(require("./themeProvider"), exports);

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

@@ -0,0 +1,7 @@
+/**
+ * Configuration
+ */
+export declare type ConfigurationType = {
+    fontLoading: 'cdn' | 'base64';
+};
+export declare const Configuration: ConfigurationType;

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

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * Configuration
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Configuration = void 0;
+exports.Configuration = {
+    fontLoading: 'cdn',
+};