@veracity/vui 0.3.1 → 0.4.0

package/theme/foundations/colors.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.yellow = exports.red = exports.prussian = exports.pink = exports.grey = exports.green = exports.blue = void 0;
+exports.disabled = exports.yellow = exports.red = exports.prussian = exports.pink = exports.grey = exports.green = exports.blue = void 0;
 exports.blue = {
     10: '#f6fbff',
     20: '#e2f1ff',
@@ -85,6 +85,11 @@ exports.yellow = {
     90: '#b67b08',
     100: '#83591a'
 };
+exports.disabled = {
+    bg: exports.grey[10],
+    border: exports.grey[50],
+    color: exports.grey[50]
+};
 exports.default = {
     blue: exports.blue,
     green: exports.green,
@@ -92,5 +97,6 @@ exports.default = {
     pink: exports.pink,
     prussian: exports.prussian,
     red: exports.red,
-    yellow: exports.yellow
+    yellow: exports.yellow,
+    disabled: exports.disabled
 };

package/theme/foundations/index.d.ts

@@ -96,6 +96,11 @@ declare const _default: {
             90: string;
             100: string;
         };
+        disabled: {
+            bg: string;
+            border: string;
+            color: string;
+        };
     };
     durations: {
         instant: string;

package/theme/foundations/shadows.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var colors_1 = require("./colors");
 var utils_1 = require("../../utils");
-var greyLight = (0, utils_1.hexToRGB)(colors_1.grey[80], 0.4);
-var greyDark = (0, utils_1.hexToRGB)(colors_1.grey[80], 0.6);
+var colors_1 = require("./colors");
+var greyLight = (0, utils_1.hexToRGBA)(colors_1.grey[80], 0.4);
+var greyDark = (0, utils_1.hexToRGBA)(colors_1.grey[80], 0.6);
 exports.default = {
     '0': "0 0 0 0 #fff",
     '1': "0 2px 5px 0 " + greyLight,

package/theme/foundations/transformers.js

@@ -19,12 +19,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var system_1 = require("@xstyled/system");
 exports.default = {
     border: function (value, _a) {
+        var _b;
         var props = _a.props;
         if (typeof value === 'number')
             return value + "px solid";
         var values = value.split(' ');
-        var _b = __read(values, 3), width = _b[0], style = _b[1], color = _b[2];
-        var colorValue = (0, system_1.getColor)(color)(props);
+        var _c = __read(values, 3), width = _c[0], _d = _c[1], style = _d === void 0 ? '' : _d, color = _c[2];
+        var colorValue = (_b = (0, system_1.getColor)(color)(props)) !== null && _b !== void 0 ? _b : '';
         return width + " " + style + " " + colorValue;
     },
     space: function (value) {

package/theme/index.d.ts

@@ -1,6 +1,5 @@
-import defaultTheme from './defaultTheme';
 export { default as components } from './components';
-export { default as defaultTheme } from './defaultTheme';
+export { default, default as defaultTheme } from './defaultTheme';
 export { default as foundations } from './foundations';
 export { default as animations } from './foundations/animations';
 export { default as borders } from './foundations/borders';
@@ -19,4 +18,3 @@ export { default as transforms } from './foundations/transforms';
 export { default as transitions } from './foundations/transitions';
 export { default as zIndices } from './foundations/zIndices';
 export * from './types';
-export default defaultTheme;

package/theme/index.js

@@ -13,12 +13,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.zIndices = exports.transitions = exports.transforms = exports.spaces = exports.sizes = exports.shadows = exports.screens = exports.ringWidths = exports.radii = exports.fontWeights = exports.fontSizes = exports.fonts = exports.durations = exports.colors = exports.borders = exports.animations = exports.foundations = exports.defaultTheme = exports.components = void 0;
-var defaultTheme_1 = __importDefault(require("./defaultTheme"));
+exports.zIndices = exports.transitions = exports.transforms = exports.spaces = exports.sizes = exports.shadows = exports.screens = exports.ringWidths = exports.radii = exports.fontWeights = exports.fontSizes = exports.fonts = exports.durations = exports.colors = exports.borders = exports.animations = exports.foundations = exports.defaultTheme = exports.default = exports.components = void 0;
 var components_1 = require("./components");
 Object.defineProperty(exports, "components", { enumerable: true, get: function () { return __importDefault(components_1).default; } });
-var defaultTheme_2 = require("./defaultTheme");
-Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return __importDefault(defaultTheme_2).default; } });
+var defaultTheme_1 = require("./defaultTheme");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(defaultTheme_1).default; } });
+Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return __importDefault(defaultTheme_1).default; } });
 var foundations_1 = require("./foundations");
 Object.defineProperty(exports, "foundations", { enumerable: true, get: function () { return __importDefault(foundations_1).default; } });
 var animations_1 = require("./foundations/animations");
@@ -54,4 +54,3 @@ Object.defineProperty(exports, "transitions", { enumerable: true, get: function
 var zIndices_1 = require("./foundations/zIndices");
 Object.defineProperty(exports, "zIndices", { enumerable: true, get: function () { return __importDefault(zIndices_1).default; } });
 __exportStar(require("./types"), exports);
-exports.default = defaultTheme_1.default;

package/theme/types.d.ts

@@ -13,9 +13,10 @@ export declare type VuiThemeDefaults = typeof defaultTheme;
 /** Can be extended to add new properties to the theme or override default ones  */
 export interface VuiThemeExtensions {
 }
-export interface ThemingProps<ThemeComponent extends string = string> {
+/** Defines variant and size types of each component connected to the theme. */
+export declare type ThemingProps<ThemeComponent extends string = string> = {
     variant?: ThemeComponent extends Component ? keyof VuiTheme['components'][ThemeComponent]['variants'] : string;
     size?: ThemeComponent extends keyof VuiTheme['components'] ? keyof VuiTheme['components'][ThemeComponent]['sizes'] : string;
-}
+};
 /** VUI theme definition object, containing default values and extensions */
 export declare type VuiTheme = VuiThemeDefaults & VuiThemeExtensions;

package/utils/assertion.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Dict } from './types';
 /** Is value an array. */
 export declare function isArray<T>(value: any): value is T[];
@@ -6,9 +6,9 @@ export declare function isArray<T>(value: any): value is T[];
 export declare function isFunction<T extends Function = Function>(value: any): value is T;
 /** Is value a number. */
 export declare function isNumber(value: any): value is number;
-/** Is value an object. */
-export declare function isObject(value: any): value is Dict;
-/** Is value a valid ReactText - string or number */
+/** Is value a regular object (functions, arrays and React elements excluded). */
+export declare function isObject<T = Dict>(value: any): value is T;
+/** Is value a valid ReactText - string or number. */
 export declare function isReactText(value: any): value is React.ReactText;
-/** Is value a string */
+/** Is value a string. */
 export declare function isString(value: any): value is string;

package/utils/assertion.js

@@ -1,6 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isString = exports.isReactText = exports.isObject = exports.isNumber = exports.isFunction = exports.isArray = void 0;
+var react_1 = __importDefault(require("react"));
 /** Is value an array. */
 function isArray(value) {
     return Array.isArray(value);
@@ -16,17 +20,17 @@ function isNumber(value) {
     return typeof value === 'number';
 }
 exports.isNumber = isNumber;
-/** Is value an object. */
+/** Is value a regular object (functions, arrays and React elements excluded). */
 function isObject(value) {
-    return !!value && typeof value === 'object' && !isFunction(value) && !isArray(value);
+    return !!value && typeof value === 'object' && !isFunction(value) && !isArray(value) && !react_1.default.isValidElement(value);
 }
 exports.isObject = isObject;
-/** Is value a valid ReactText - string or number */
+/** Is value a valid ReactText - string or number. */
 function isReactText(value) {
     return isNumber(value) || isString(value);
 }
 exports.isReactText = isReactText;
-/** Is value a string */
+/** Is value a string. */
 function isString(value) {
     return Object.prototype.toString.call(value) === '[object String]';
 }

package/utils/index.d.ts

@@ -2,5 +2,6 @@ export * from './assertion';
 export * from './function';
 export * from './object';
 export * from './react';
+export * from './string';
 export * from './styles';
 export * from './types';

package/utils/index.js

@@ -14,5 +14,6 @@ __exportStar(require("./assertion"), exports);
 __exportStar(require("./function"), exports);
 __exportStar(require("./object"), exports);
 __exportStar(require("./react"), exports);
+__exportStar(require("./string"), exports);
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);

package/utils/object.d.ts

@@ -1,6 +1,6 @@
 import { Dict } from './types';
 /** Removes keys from an object if their value is undefined. */
-export declare const filterUndefined: (object: Dict) => Dict<any>;
+export declare function filterUndefined<T = Dict>(object: T): Partial<T>;
 /**
  * Recursively deep merges two objects in an immutable fashion, following these rules:
  * - Key exists in target and both keys are objects => merge
@@ -14,4 +14,4 @@ export declare function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict,
 /**
  * Returns the items of an object that meet the condition specified in a callback function.
  */
-export declare function objectFilter<T extends Dict>(object: T, fn: (value: any, key: string, object: T) => boolean): Dict<any>;
+export declare function objectFilter<T extends Dict, K extends keyof T>(object: T, fn: (value: any, key: string, object: T) => boolean): Partial<T>;

package/utils/object.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.objectFilter = exports.merge = exports.filterUndefined = void 0;
 var assertion_1 = require("./assertion");
 /** Removes keys from an object if their value is undefined. */
-var filterUndefined = function (object) { return objectFilter(object, function (val) { return val !== null && val !== undefined; }); };
+function filterUndefined(object) {
+    return objectFilter(object, function (val) { return val !== null && val !== undefined; });
+}
 exports.filterUndefined = filterUndefined;
 function merge() {
     var sources = [];

package/utils/react.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CreateContextOptions, CreateContextReturn } from './types';
+import React, { RefObject } from 'react';
+import { AnyFunction, CreateContextOptions, CreateContextReturn } from './types';
 declare type ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>;
 /**
  * Assigns given value to the provided ref.
@@ -10,9 +10,14 @@ export declare function assignRef<T = any>(ref: ReactRef<T> | undefined, value:
 export declare function createContext<ContextType>(options?: CreateContextOptions): CreateContextReturn<ContextType>;
 /** Assigns a node to all provided refs. */
 export declare function mergeRefs<T>(...refs: (ReactRef<T> | undefined)[]): (node: T | null) => void;
+/** Returns given callback with a stable reference, but keeps it updated internally. */
+export declare function useCallbackRef<T extends AnyFunction>(callback?: T): T;
 /**
- * Saves given function in a ref to ensure stable exported reference.
- * When input function changes, ref is updated.
+ * Triggers given callback when an event happens outside of a given element.
+ * Event listeners are attached to the window object.
+ * @param ref - element to check click position for
+ * @param callback - function triggered on outside click
+ * @param events - array of events listened for (default: ['mousedown', 'touchstart'])
  */
-export declare function useFnRef(fn?: Function): React.MutableRefObject<Function | undefined>;
+export declare function useClickOutside(ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[], callback?: (event: Event) => void, events?: string[]): void;
 export {};

package/utils/react.js

@@ -19,8 +19,33 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFnRef = exports.mergeRefs = exports.createContext = exports.assignRef = void 0;
+exports.useClickOutside = exports.useCallbackRef = exports.mergeRefs = exports.createContext = exports.assignRef = void 0;
 var react_1 = __importStar(require("react"));
 var assertion_1 = require("./assertion");
 /**
@@ -69,15 +94,45 @@ function mergeRefs() {
     };
 }
 exports.mergeRefs = mergeRefs;
+// TODO: Bring it from UI-Utils
+/** Returns given callback with a stable reference, but keeps it updated internally. */
+function useCallbackRef(callback) {
+    var ref = (0, react_1.useRef)(callback);
+    ref.current = callback;
+    return (0, react_1.useCallback)((function () {
+        var _a;
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([ref], __read(args), false));
+    }), []);
+}
+exports.useCallbackRef = useCallbackRef;
+var defaultEvents = ['mousedown', 'touchstart'];
+// TODO: Bring it from UI-Utils
 /**
- * Saves given function in a ref to ensure stable exported reference.
- * When input function changes, ref is updated.
+ * Triggers given callback when an event happens outside of a given element.
+ * Event listeners are attached to the window object.
+ * @param ref - element to check click position for
+ * @param callback - function triggered on outside click
+ * @param events - array of events listened for (default: ['mousedown', 'touchstart'])
  */
-function useFnRef(fn) {
-    var fnRef = (0, react_1.useRef)(fn);
+function useClickOutside(ref, callback, events) {
+    if (events === void 0) { events = defaultEvents; }
+    var eventsString = JSON.stringify(events);
+    var listener = useCallbackRef(function (ev) {
+        var refs = (0, assertion_1.isArray)(ref) ? ref : [ref];
+        var target = ev.target;
+        var isClickOutside = refs.every(function (ref) { return ref.current && !ref.current.contains(target); });
+        isClickOutside && (callback === null || callback === void 0 ? void 0 : callback(ev));
+    });
     (0, react_1.useEffect)(function () {
-        fnRef.current = fn;
-    }, [fn]);
-    return fnRef;
+        var events = JSON.parse(eventsString);
+        events.forEach(function (event) { return window.addEventListener(event, listener); });
+        return function () {
+            events.forEach(function (event) { return window.removeEventListener(event, listener); });
+        };
+    }, [eventsString, ref]);
 }
-exports.useFnRef = useFnRef;
+exports.useClickOutside = useClickOutside;

package/utils/string.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Adds loggedIn=1 parameter to the URL if isLoggedIn flag is true, which means the user is logged in.
+ * This is supposed to aid login flow when navigating between Veracity applications.
+ */
+export declare function getLoggedInLink(link: string, isLoggedIn?: boolean): string;

package/utils/string.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLoggedInLink = void 0;
+/**
+ * Adds loggedIn=1 parameter to the URL if isLoggedIn flag is true, which means the user is logged in.
+ * This is supposed to aid login flow when navigating between Veracity applications.
+ */
+function getLoggedInLink(link, isLoggedIn) {
+    try {
+        var url = new URL(link);
+        if (isLoggedIn)
+            url.searchParams.append('loggedin', '1');
+        return url.toString();
+    }
+    catch (_a) {
+        return link;
+    }
+}
+exports.getLoggedInLink = getLoggedInLink;

package/utils/styles.d.ts

@@ -1,4 +1,4 @@
 /** Concatenates individual className arguments and returns a single string. */
 export declare function cs(...classNames: any[]): string;
-/** Converts hex color value to rgb with optional alpha property */
-export declare function hexToRGB(hex: string, alpha?: number): string;
+/** Converts hex color value to rgb with optional alpha property. */
+export declare function hexToRGBA(hex: string, alpha?: number): string;

package/utils/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hexToRGB = exports.cs = void 0;
+exports.hexToRGBA = exports.cs = void 0;
 /** Concatenates individual className arguments and returns a single string. */
 function cs() {
     var classNames = [];
@@ -10,8 +10,8 @@ function cs() {
     return classNames.filter(Boolean).join(' ');
 }
 exports.cs = cs;
-/** Converts hex color value to rgb with optional alpha property */
-function hexToRGB(hex, alpha) {
+/** Converts hex color value to rgb with optional alpha property. */
+function hexToRGBA(hex, alpha) {
     var hexStr = hex;
     if (hexStr.charAt(0) === '#') {
         hexStr = hexStr.slice(1);
@@ -32,4 +32,4 @@ function hexToRGB(hex, alpha) {
         return "rgb(" + r + ", " + g + ", " + b + ")";
     }
 }
-exports.hexToRGB = hexToRGB;
+exports.hexToRGBA = hexToRGBA;

package/utils/types.d.ts

@@ -1,21 +1,28 @@
 import React, { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType } from 'react';
-export declare type AnyElement = React.ReactNode & {};
+/** Type for a a no-op function stub. */
+export declare type AnyFunction = (...args: any[]) => any;
+/** Type for any number without breaking autocompletion. */
 export declare type AnyNumber = number & {};
+/** Type for any string without breaking autocompletion. */
 export declare type AnyString = string & {};
 /** Type of change event defaulted to input element */
 export declare type ChangeEvent<T = HTMLInputElement> = React.ChangeEvent<T>;
 /** Type of change event handler defaulted to input element */
 export declare type ChangeEventHandler<T = HTMLInputElement> = React.ChangeEventHandler<T>;
-export interface CreateContextOptions {
+export declare type CreateContextOptions = {
     /** Message displayed when context is used outside of the provider */
     errorMessage?: string;
     /** Accessing context outside of provider won't throw error */
     isOptional?: boolean;
     /** Name of the context */
     name?: string;
-}
+};
+/** Return value of the createContext function. */
 export declare type CreateContextReturn<T> = [React.Provider<T>, () => T];
+/** Basic dictionary typing. */
 export declare type Dict<T = any> = Record<string, T>;
+/** Classic application's environment names. */
+export declare type Environment = 'Prod' | 'Stag' | 'Test';
 /** Type of blur/focus event defaulted to any html element */
 export declare type FocusEvent<T = HTMLElement> = React.FocusEvent<T>;
 /** Type of blur/focus event handler defaulted to any html element */
@@ -28,11 +35,11 @@ export declare type KeyboardEventHandler<T = HTMLElement> = React.KeyboardEventH
 export declare type MouseEvent<T = HTMLElement> = React.MouseEvent<T>;
 /** Type of mouse event handler defaulted to any html element */
 export declare type MouseEventHandler<T = HTMLElement> = React.MouseEventHandler<T>;
-export declare type PropGetter<T extends ElementType, Props = {}> = (props: PropsOf<T, Props>, ref?: React.Ref<any> | React.RefObject<any>) => RefPropsOf<T>;
 /** Merges component/element base props and custom props */
 export declare type PropsOf<C extends ElementType, Props = {}> = RightJoinProps<ComponentPropsWithoutRef<C>, Props>;
 /** Merges component/element base props and custom props including ref */
 export declare type RefPropsOf<C extends ElementType, Props = {}> = RightJoinProps<ComponentPropsWithRef<C>, Props>;
+/** Render props of component's children. */
 export declare type RenderProps<P> = React.ReactNode | ((props: P) => React.ReactNode);
 /** Merges props definitions, overriding source keys */
 export declare type RightJoinProps<SourceProps, OverrideProps> = Omit<SourceProps, keyof OverrideProps> & OverrideProps;

package/core/types/component.d.ts

@@ -1,25 +0,0 @@
-import { ElementType, PropsWithoutRef, PropsWithChildren, ReactElement } from 'react';
-import { PropsOf, RefPropsOf } from '../../utils';
-/** VUI component interface, which allows element props inference and extension, 'as' and 'ref' */
-export interface VuiComponent<C extends ElementType, Props = {}> {
-    <AsC extends ElementType>(props: PropsWithChildren<RefPropsOf<AsC, PropsOf<C, Props>>> & {
-        as: AsC;
-    }): ReactElement<any, any> | null;
-    (props: RefPropsOf<C, Props>): ReactElement<any, any> | null;
-    defaultProps?: Partial<PropsOf<C, Props>>;
-    displayName?: string;
-}
-/** Config for VUI component creator helper, which allows toggling memoization and 'areEqual' function */
-export interface VuiComponentConfig<C extends ElementType, Props = {}> {
-    isMemo?: boolean;
-    memoCompare?: (prevProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>, nextProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>) => boolean;
-}
-/**
- * Simpler VUI component interface, which allows element props inference and extension
- * Does not support 'as' or 'ref'
- */
-export interface VC<C extends ElementType, Props = {}> {
-    (props: PropsOf<C, Props>): ReactElement<any, any> | null;
-    defaultProps?: Partial<PropsOf<C, Props>>;
-    displayName?: string;
-}

package/core/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './component';
-export * from './themeGet';

package/core/types/index.js

@@ -1,14 +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("./component"), exports);
-__exportStar(require("./themeGet"), exports);

package/core/types/themeGet.d.ts

@@ -1,24 +0,0 @@
-import { IProps, ThemeGetter } from '@xstyled/styled-components';
-import { VuiTheme } from '../../theme';
-import { AnyString, AnyNumber } from '../../utils';
-declare type VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>;
-export interface ThemeGet {
-    (path: string, defaultValue?: any): (props: IProps) => any;
-    animation: VuiThemeGetter<'animations'>;
-    borders: VuiThemeGetter<'borders'>;
-    color: VuiThemeGetter<'colors'>;
-    duration: VuiThemeGetter<'durations'>;
-    font: VuiThemeGetter<'fonts'>;
-    fontSize: VuiThemeGetter<'fontSizes'>;
-    fontWeight: VuiThemeGetter<'fontWeights'>;
-    radius: VuiThemeGetter<'radii'>;
-    ringWidth: VuiThemeGetter<'ringWidths'>;
-    screen: VuiThemeGetter<'screens'>;
-    shadow: VuiThemeGetter<'shadows'>;
-    size: VuiThemeGetter<'sizes'>;
-    space: VuiThemeGetter<'spaces'>;
-    transform: VuiThemeGetter<'transforms'>;
-    transition: VuiThemeGetter<'transitions'>;
-    zIndex: VuiThemeGetter<'zIndices'>;
-}
-export {};

package/core/utils.d.ts

@@ -1,56 +0,0 @@
-import { StyleGenerator } from '@xstyled/styled-components';
-import React from 'react';
-import { StyledProps } from 'styled-components';
-import { ThemeGet, VuiComponent, VuiComponentConfig } from './types';
-import { Screen, ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme';
-import { AnyNumber, AnyString, Dict, PropsOf } from '../utils';
-/** Merges provided theme extensions and overrides with default VUI theme */
-export declare function extendTheme(extensions: VuiThemeExtensions): VuiTheme;
-/**
- * Provides configuration to the 'styled' function, which filters out xstyled system props
- * Return type is cast to {} in order to avoid messing up styled component's actual props definition.
- */
-export declare function forwardPropConfig(generator: StyleGenerator): {};
-declare type ScreenWidth = Screen | AnyNumber | AnyString;
-/** Returns CSS media string with appropriate min-width and max-width values */
-export declare const mediaBetween: (minWidth: ScreenWidth, maxWidth: ScreenWidth) => (props: StyledProps<unknown>) => string;
-/** Returns CSS media string with appropriate max-width value */
-export declare const mediaDown: (width: ScreenWidth) => (props: StyledProps<unknown>) => string;
-/** Returns CSS media string with appropriate min-width value */
-export declare const mediaUp: (width: ScreenWidth) => (props: StyledProps<unknown>) => string;
-/** Removes specific theming keys from the given props. */
-export declare function omitThemingProps<T extends ThemingProps>(props: T): Omit<T, "size" | "variant">;
-/**
- * Custom validator to prevent certain props from reaching the HTML element.
- * @param props - list of props to filter out
- */
-export declare function shouldForwardProp(props: string[]): (prop: string | number, defaultValidatorFn: (prop: string | number) => boolean) => boolean;
-/** Re-export of xstyled 'th' with custom typing and screen getter */
-declare const th: ThemeGet;
-export { th };
-/** Returns true of current viewport width is between provided min and max widths */
-export declare function useBetween(minWidth: ScreenWidth, maxWidth: ScreenWidth): boolean;
-/** Returns true of current viewport width is smaller than provided width */
-export declare function useDown(width: ScreenWidth): boolean;
-/** Returns viewport width and provided screen width as a number  */
-export declare function useMedia(width: ScreenWidth): {
-    value: number;
-    viewportWidth: number | null;
-};
-/**
- * Retrieves and merges size and variant styling from a component's theme configuration.
- * @param component - name of any component configured in the theme
- * @param props - props object of the given component
- */
-export declare function useStyleConfig(component: keyof VuiTheme['components'], props?: any): Dict<any>;
-/** Returns theme value at the given path */
-export declare function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any): any;
-/** Returns the theme object with extensions */
-export declare function useTheme(): VuiTheme;
-/** Returns true of current viewport width is larger or equal to provided width */
-export declare function useUp(width: ScreenWidth): boolean;
-/**
- * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.
- * Config object allows toggling memoization and providing custom 'areEqual' function.
- */
-export declare function vui<C extends React.ElementType, Props = {}>(component: React.ForwardRefRenderFunction<any, PropsOf<C, Props>>, config?: VuiComponentConfig<C, Props>): VuiComponent<C, Props>;