@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/state/Trigger.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { RenderProp } from '../utils/types';
+export declare type TriggerVariant = 'click' | 'hover' | 'none' | 'contextmenu' | 'focus' | 'always';
+export interface TriggerConfig {
+    disable: React.EventHandler<any>;
+    disableKeys?: string[];
+    enable: React.EventHandler<any>;
+    enableKeys?: string[];
+    isEnabled?: boolean;
+    trigger?: TriggerVariant | TriggerVariant[];
+    triggerRef: React.RefObject<HTMLElement>;
+}
+export interface TriggerProps extends TriggerConfig {
+    children: React.ReactNode;
+}
+export interface TriggerRenderProps extends TriggerConfig, RenderProp<TriggerApi> {
+}
+export interface TriggerApi {
+    disable: React.EventHandler<any>;
+    enable: React.EventHandler<any>;
+    isVisible: boolean;
+    toggle: React.EventHandler<any>;
+}
+export declare function useTrigger({ disable, disableKeys, enable, enableKeys, isEnabled, trigger, triggerRef, }: TriggerConfig): TriggerApi;
+export declare function withTrigger<T>(config: TriggerConfig): (Component: React.ComponentType<T>) => (props: T & {
+    Trigger: TriggerConfig;
+}) => JSX.Element;
+export declare function Trigger({ children, triggerRef, ...props }: TriggerRenderProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const initTrigger: TriggerApi;
+export declare const TriggerContext: React.Context<TriggerApi>;
+export declare function TriggerProvider({ children, ...props }: TriggerProps): JSX.Element;
+export declare function useTriggerContext(): TriggerApi;
+/**
+ * @deprecated
+ *
+ * Please use `useTriggerContext()`
+ *
+ * @deprecatedSince 10.20.0
+ */
+export declare const consumeTrigger: typeof useTriggerContext;

package/dist/esm/state/Trigger.js

@@ -0,0 +1,116 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __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));
+};
+import React from 'react';
+import { useHotkey } from '../effects/Hotkey';
+import { triggerListeners } from '../utils/triggerListeners';
+/* HOOK */
+export function useTrigger(_a) {
+    var disable = _a.disable, _b = _a.disableKeys, disableKeys = _b === void 0 ? [] : _b, enable = _a.enable, _c = _a.enableKeys, enableKeys = _c === void 0 ? [] : _c, _d = _a.isEnabled, isEnabled = _d === void 0 ? false : _d, _e = _a.trigger, trigger = _e === void 0 ? 'click' : _e, triggerRef = _a.triggerRef;
+    triggerListeners({
+        off: disable,
+        on: enable,
+        scope: triggerRef,
+        trigger: trigger,
+        value: isEnabled,
+    });
+    useHotkey({
+        key: enableKeys,
+        handler: enable,
+        preventDefault: true,
+        scope: triggerRef,
+    });
+    useHotkey({
+        key: disableKeys,
+        handler: disable,
+        preventDefault: true,
+        scope: triggerRef,
+    });
+    // prevent keyup event from firing on FF
+    useHotkey({
+        event: 'keyup',
+        key: __spreadArray(__spreadArray([], enableKeys, true), disableKeys, true),
+        handler: function () { },
+        preventDefault: true,
+        scope: triggerRef,
+    });
+    return {
+        disable: disable,
+        enable: enable,
+        isVisible: isEnabled,
+        toggle: isEnabled ? disable : enable,
+    };
+}
+/* DECORATOR */
+export function withTrigger(config) {
+    return function (Component) {
+        return function WithTrigger(props) {
+            return (React.createElement(Component, __assign({}, props, { trigger: useTrigger(__assign(__assign({}, config), props.Trigger)) })));
+        };
+    };
+}
+/* RENDER PROP */
+export function Trigger(_a) {
+    var children = _a.children, triggerRef = _a.triggerRef, props = __rest(_a, ["children", "triggerRef"]);
+    var trigger = useTrigger(__assign(__assign({}, props), { triggerRef: triggerRef }));
+    var element = typeof children === 'function'
+        ? children(trigger)
+        : children;
+    return (element &&
+        React.cloneElement(element, __assign(__assign({}, element.props), { ref: triggerRef, open: trigger.isVisible })));
+}
+/* CONTEXT */
+var noop = function (method) { return function () {
+    return console.warn("Could not call `".concat(method, "`, please wrap your component in an `<TriggerProvider>`"));
+}; };
+export var initTrigger = {
+    disable: noop('disable'),
+    enable: noop('enable'),
+    isVisible: false,
+    toggle: noop('toggle'),
+};
+export var TriggerContext = React.createContext(initTrigger);
+export function TriggerProvider(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(TriggerContext.Provider, { value: useTrigger(props) }, children));
+}
+export function useTriggerContext() {
+    return React.useContext(TriggerContext);
+}
+/**
+ * @deprecated
+ *
+ * Please use `useTriggerContext()`
+ *
+ * @deprecatedSince 10.20.0
+ */
+export var consumeTrigger = useTriggerContext;
+//# sourceMappingURL=Trigger.js.map

package/dist/esm/state/Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.js","sourceRoot":"","sources":["../../../src/state/Trigger.tsx"],"names":[],"mappings":"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"}

package/dist/esm/state/Visibility.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface VisibilityConfig {
+    afterHide?: () => void;
+    afterShow?: () => void;
+    initialIsVisible?: boolean;
+}
+interface VisibilityApi {
+    hide: () => any;
+    isVisible: boolean;
+    show: () => any;
+    toggle: () => any;
+}
+interface Props extends VisibilityConfig {
+    children?: React.ReactNode;
+}
+export interface RenderProps extends VisibilityConfig {
+    children: (props: VisibilityApi) => React.ReactElement<{}>;
+}
+export declare function useVisibility({ afterHide, afterShow, initialIsVisible, }: VisibilityConfig): VisibilityApi;
+export declare function withVisibility<T>(config: VisibilityConfig): (Component: React.ComponentType<T>) => (props: T & {
+    visibility: VisibilityConfig;
+}) => JSX.Element;
+export declare function Visibility({ children, ...props }: RenderProps): React.ReactElement<{}, string | React.JSXElementConstructor<any>>;
+export declare const VisibilityContext: React.Context<VisibilityApi>;
+export declare function VisibilityProvider({ children, ...props }: Props): JSX.Element;
+export declare function useVisibilityContext(): VisibilityApi;
+/**
+ * @deprecated
+ *
+ * Please use `useVisibilityContext()` instead
+ 
+* @deprecatedSince 10.20.0
+ */
+export declare const consumeVisibility: typeof useVisibilityContext;
+export {};

package/dist/esm/state/Visibility.js

@@ -0,0 +1,88 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import React from 'react';
+/* HOOK */
+function noop() { }
+export function useVisibility(_a) {
+    var _b = _a.afterHide, afterHide = _b === void 0 ? noop : _b, _c = _a.afterShow, afterShow = _c === void 0 ? noop : _c, _d = _a.initialIsVisible, initialIsVisible = _d === void 0 ? false : _d;
+    var _e = React.useState(initialIsVisible), isVisible = _e[0], setVisibility = _e[1];
+    var hide = function () {
+        setVisibility(false);
+        if (isVisible) {
+            afterHide();
+        }
+    };
+    var show = function () {
+        setVisibility(true);
+        if (!isVisible) {
+            afterShow();
+        }
+    };
+    var toggle = isVisible ? hide : show;
+    return {
+        hide: hide,
+        isVisible: isVisible,
+        show: show,
+        toggle: toggle,
+    };
+}
+/* DECORATOR */
+export function withVisibility(config) {
+    return function (Component) {
+        return function WithVisiblity(props) {
+            return (React.createElement(Component, __assign({}, props, { visibility: useVisibility(__assign(__assign({}, config), props.visibility)) })));
+        };
+    };
+}
+/* RENDER PROP */
+export function Visibility(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var visibility = useVisibility(props);
+    return typeof children === 'function' ? children(visibility) : children;
+}
+/* CONTEXT */
+var noopCtx = function (method) { return function () {
+    return console.warn("Could not call `".concat(method, "`, please wrap your component in a `<VisibilityProvider>`"));
+}; };
+export var VisibilityContext = React.createContext({
+    isVisible: false,
+    hide: noopCtx('hide'),
+    show: noopCtx('show'),
+    toggle: noopCtx('toggle'),
+});
+export function VisibilityProvider(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(VisibilityContext.Provider, { value: useVisibility(props) }, children));
+}
+export function useVisibilityContext() {
+    return React.useContext(VisibilityContext);
+}
+/**
+ * @deprecated
+ *
+ * Please use `useVisibilityContext()` instead
+ 
+* @deprecatedSince 10.20.0
+ */
+export var consumeVisibility = useVisibilityContext;
+//# sourceMappingURL=Visibility.js.map

package/dist/esm/state/Visibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visibility.js","sourceRoot":"","sources":["../../../src/state/Visibility.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAyBzB,UAAU;AAEV,SAAS,IAAI,KAAI,CAAC;AAElB,MAAM,UAAU,aAAa,CAAC,EAIX;QAHjB,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA;IAElB,IAAA,KAA6B,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAA5D,SAAS,QAAA,EAAE,aAAa,QAAoC,CAAA;IAEnE,IAAM,IAAI,GAAG;QACX,aAAa,CAAC,KAAK,CAAC,CAAA;QAEpB,IAAI,SAAS,EAAE;YACb,SAAS,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,IAAM,IAAI,GAAG;QACX,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,IAAI,CAAC,SAAS,EAAE;YACd,SAAS,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAEtC,OAAO;QACL,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,IAAI,MAAA;QACJ,MAAM,QAAA;KACP,CAAA;AACH,CAAC;AAED,eAAe;AAEf,MAAM,UAAU,cAAc,CAAI,MAAwB;IACxD,OAAO,UAAU,SAAiC;QAChD,OAAO,SAAS,aAAa,CAAC,KAA2C;YACvE,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,UAAU,EAAE,aAAa,uBAAM,MAAM,GAAK,KAAK,CAAC,UAAU,EAAG,IAC7D,CACH,CAAA;QACH,CAAC,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,iBAAiB;AAEjB,MAAM,UAAU,UAAU,CAAC,EAAmC;IAAjC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC7C,IAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AACzE,CAAC;AAED,aAAa;AAEb,IAAM,OAAO,GAAG,UAAC,MAAc,IAAK,OAAA;IAClC,OAAA,OAAO,CAAC,IAAI,CACV,0BAAoB,MAAM,8DAA8D,CACzF;AAFD,CAEC,EAHiC,CAGjC,CAAA;AAEH,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAgB;IAClE,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC;CAC1B,CAAC,CAAA;AAEF,MAAM,UAAU,kBAAkB,CAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACrD,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,IACpD,QAAQ,CACkB,CAC9B,CAAA;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,OAAO,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;AAC5C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,oBAAoB,CAAA"}

package/dist/esm/state/ZIndex.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export declare const defaultZIndex = 9999;
+interface ZIndexConfig {
+    initialValue?: number;
+}
+interface ZIndexApi {
+    increment: () => void;
+    value: number;
+}
+interface Props extends ZIndexConfig {
+    children?: React.ReactNode;
+}
+interface RenderProps extends ZIndexConfig {
+    children: (props: ZIndexApi) => {};
+}
+export declare function useZIndex({ initialValue, }: ZIndexConfig): ZIndexApi;
+export declare function withZIndex<T extends {}>(config: ZIndexConfig): (Component: React.ComponentType<T>) => (props: T & {
+    zIndex: ZIndexConfig;
+}) => JSX.Element;
+export declare function ZIndex({ children, ...props }: RenderProps): {};
+export declare const ZIndexContext: React.Context<ZIndexApi>;
+export declare function ZIndexProvider({ children, ...props }: Props): JSX.Element;
+export declare function useZIndexContext(): ZIndexApi;
+/**
+ * @deprecated
+ *
+ * please use `useZIndexContext()`
+ *
+ * @deprecatedSince 10.20.0
+ */
+export declare const consumeZIndex: typeof useZIndexContext;
+export {};

package/dist/esm/state/ZIndex.js

@@ -0,0 +1,74 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import React from 'react';
+export var defaultZIndex = 9999;
+/* HOOK */
+export function useZIndex(_a) {
+    var _b = _a.initialValue, initialValue = _b === void 0 ? defaultZIndex : _b;
+    var _c = React.useState(initialValue), value = _c[0], setValue = _c[1];
+    var increment = function () { return setValue(value + 1); };
+    return {
+        increment: increment,
+        value: value,
+    };
+}
+/* DECORATOR */
+export function withZIndex(config) {
+    return function (Component) {
+        return function WithZIndex(props) {
+            return (React.createElement(Component, __assign({}, props, { zIndex: useZIndex(__assign(__assign({}, config), props.zIndex)) })));
+        };
+    };
+}
+/* RENDER PROP */
+export function ZIndex(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var zIndex = useZIndex(props);
+    return typeof children === 'function' ? children(zIndex) : children;
+}
+/* CONTEXT */
+var noop = function (method) { return function () {
+    return console.warn("Could not call `".concat(method, "`, please wrap your component in a `<ZIndexProvider>`"));
+}; };
+export var ZIndexContext = React.createContext({
+    increment: noop('increment'),
+    value: defaultZIndex,
+});
+export function ZIndexProvider(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(ZIndexContext.Provider, { value: useZIndex(props) }, children));
+}
+export function useZIndexContext() {
+    var ctx = React.useContext(ZIndexContext);
+    ctx.value++;
+    return ctx;
+}
+/**
+ * @deprecated
+ *
+ * please use `useZIndexContext()`
+ *
+ * @deprecatedSince 10.20.0
+ */
+export var consumeZIndex = useZIndexContext;
+//# sourceMappingURL=ZIndex.js.map

package/dist/esm/state/ZIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZIndex.js","sourceRoot":"","sources":["../../../src/state/ZIndex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,CAAA;AAqBjC,UAAU;AAEV,MAAM,UAAU,SAAS,CAAC,EAEX;QADb,oBAA4B,EAA5B,YAAY,mBAAG,aAAa,KAAA;IAEtB,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,EAA/C,KAAK,QAAA,EAAE,QAAQ,QAAgC,CAAA;IAEtD,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,EAAnB,CAAmB,CAAA;IAE3C,OAAO;QACL,SAAS,WAAA;QACT,KAAK,OAAA;KACN,CAAA;AACH,CAAC;AAED,eAAe;AAEf,MAAM,UAAU,UAAU,CAAe,MAAoB;IAC3D,OAAO,UAAU,SAAiC;QAChD,OAAO,SAAS,UAAU,CAAC,KAAmC;YAC5D,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,MAAM,EAAE,SAAS,uBAAM,MAAM,GAAK,KAAK,CAAC,MAAM,EAAG,IACjD,CACH,CAAA;QACH,CAAC,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,iBAAiB;AAEjB,MAAM,UAAU,MAAM,CAAC,EAAmC;IAAjC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACzC,IAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAE/B,OAAO,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AACrE,CAAC;AAED,aAAa;AAEb,IAAM,IAAI,GAAG,UAAC,MAAc,IAAK,OAAA;IAC/B,OAAA,OAAO,CAAC,IAAI,CACV,0BAAoB,MAAM,0DAA0D,CACrF;AAFD,CAEC,EAH8B,CAG9B,CAAA;AAEH,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAY;IAC1D,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;IAC5B,KAAK,EAAE,aAAa;CACrB,CAAC,CAAA;AAEF,MAAM,UAAU,cAAc,CAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACjD,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAC5C,QAAQ,CACc,CAC1B,CAAA;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IAE3C,GAAG,CAAC,KAAK,EAAE,CAAA;IAEX,OAAO,GAAG,CAAA;AACZ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,aAAa,GAAG,gBAAgB,CAAA"}

package/dist/esm/styles/arrows.d.ts

@@ -0,0 +1,7 @@
+import { Color } from './colors';
+import { Placement } from '../utils/placement';
+export declare function arrowUp(size: number, color: Color): import("styled-components").FlattenSimpleInterpolation;
+export declare function arrowDown(size: number, color: Color): import("styled-components").FlattenSimpleInterpolation;
+export declare function arrowRight(size: number, color: Color): import("styled-components").FlattenSimpleInterpolation;
+export declare function arrowLeft(size: number, color: Color): import("styled-components").FlattenSimpleInterpolation;
+export declare function getArrowPlacement(size: number, backgroundColor: Color, placement: Placement): import("styled-components").FlattenSimpleInterpolation;

package/dist/esm/styles/arrows.js

@@ -0,0 +1,63 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { colors } from './colors';
+import { css } from 'styled-components';
+export function arrowUp(size, color) {
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-bottom: ", "px solid ", ";\n    border-left: ", "px solid transparent;\n    border-right: ", "px solid transparent;\n    border-top: 0;\n  "], ["\n    border-bottom: ", "px solid ", ";\n    border-left: ", "px solid transparent;\n    border-right: ", "px solid transparent;\n    border-top: 0;\n  "])), size, colors[color], size, size);
+}
+export function arrowDown(size, color) {
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    border-bottom: 0;\n    border-left: ", "px solid transparent;\n    border-right: ", "px solid transparent;\n    border-top: ", "px solid ", ";\n  "], ["\n    border-bottom: 0;\n    border-left: ", "px solid transparent;\n    border-right: ", "px solid transparent;\n    border-top: ", "px solid ", ";\n  "])), size, size, size, colors[color]);
+}
+export function arrowRight(size, color) {
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    border-bottom: ", "px solid transparent;\n    border-left: ", "px solid ", ";\n    border-right: 0;\n    border-top: ", "px solid transparent;\n  "], ["\n    border-bottom: ", "px solid transparent;\n    border-left: ", "px solid ", ";\n    border-right: 0;\n    border-top: ", "px solid transparent;\n  "])), size, size, colors[color], size);
+}
+export function arrowLeft(size, color) {
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    border-bottom: ", "px solid transparent;\n    border-left: 0;\n    border-right: ", "px solid ", ";\n    border-top: ", "px solid transparent;\n  "], ["\n    border-bottom: ", "px solid transparent;\n    border-left: 0;\n    border-right: ", "px solid ", ";\n    border-top: ", "px solid transparent;\n  "])), size, size, colors[color], size);
+}
+export function getArrowPlacement(size, backgroundColor, placement) {
+    var arrowVisuals;
+    if (placement === 'top' ||
+        placement === 'top-left' ||
+        placement === 'top-right') {
+        arrowVisuals = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      margin-bottom: ", "px;\n\n      &::after {\n        ", "\n        top: 100%;\n      }\n    "], ["\n      margin-bottom: ", "px;\n\n      &::after {\n        ", "\n        top: 100%;\n      }\n    "])), size, arrowDown(size, backgroundColor));
+    }
+    if (placement === 'bottom' ||
+        placement === 'bottom-left' ||
+        placement === 'bottom-right') {
+        arrowVisuals = css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      margin-top: ", "px;\n\n      &::after {\n        ", "\n        bottom: 100%;\n      }\n    "], ["\n      margin-top: ", "px;\n\n      &::after {\n        ", "\n        bottom: 100%;\n      }\n    "])), size, arrowUp(size, backgroundColor));
+    }
+    if (placement === 'left' ||
+        placement === 'left-bottom' ||
+        placement === 'left-top') {
+        arrowVisuals = css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      margin-right: ", "px;\n\n      &::after {\n        ", "\n        left: 100%;\n      }\n    "], ["\n      margin-right: ", "px;\n\n      &::after {\n        ", "\n        left: 100%;\n      }\n    "])), size, arrowRight(size, backgroundColor));
+    }
+    if (placement === 'right' ||
+        placement === 'right-bottom' ||
+        placement === 'right-top') {
+        arrowVisuals = css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      margin-left: ", "px;\n\n      &::after {\n        ", "\n        right: 100%;\n      }\n    "], ["\n      margin-left: ", "px;\n\n      &::after {\n        ", "\n        right: 100%;\n      }\n    "])), size, arrowLeft(size, backgroundColor));
+    }
+    var arrowAdjustments;
+    if (placement === 'top-left' || placement === 'bottom-left') {
+        arrowAdjustments = css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      &::after {\n        left: 18px;\n      }\n    "], ["\n      &::after {\n        left: 18px;\n      }\n    "])));
+    }
+    if (placement === 'top' || placement === 'bottom') {
+        arrowAdjustments = css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      &::after {\n        left: 50%;\n        margin-left: -", "px;\n      }\n    "], ["\n      &::after {\n        left: 50%;\n        margin-left: -", "px;\n      }\n    "])), size);
+    }
+    if (placement === 'top-right' || placement === 'bottom-right') {
+        arrowAdjustments = css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      &::after {\n        right: 18px;\n      }\n    "], ["\n      &::after {\n        right: 18px;\n      }\n    "])));
+    }
+    if (placement === 'left-bottom' || placement === 'right-bottom') {
+        arrowAdjustments = css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      &::after {\n        bottom: 8px;\n      }\n    "], ["\n      &::after {\n        bottom: 8px;\n      }\n    "])));
+    }
+    if (placement === 'left' || placement === 'right') {
+        arrowAdjustments = css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      &::after {\n        top: 50%;\n        margin-top: -", "px;\n      }\n    "], ["\n      &::after {\n        top: 50%;\n        margin-top: -", "px;\n      }\n    "])), size);
+    }
+    if (placement === 'left-top' || placement === 'right-top') {
+        arrowAdjustments = css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      &::after {\n        top: 8px;\n      }\n    "], ["\n      &::after {\n        top: 8px;\n      }\n    "])));
+    }
+    return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    &:after {\n      content: '';\n      height: 0;\n      width: 0;\n      position: absolute;\n    }\n\n    ", "\n\n    ", "\n  "], ["\n    &:after {\n      content: '';\n      height: 0;\n      width: 0;\n      position: absolute;\n    }\n\n    ", "\n\n    ", "\n  "])), arrowVisuals, arrowAdjustments);
+}
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
+//# sourceMappingURL=arrows.js.map

package/dist/esm/styles/arrows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrows.js","sourceRoot":"","sources":["../../../src/styles/arrows.ts"],"names":[],"mappings":"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"}

package/dist/esm/styles/borderRadius.d.ts

@@ -0,0 +1,8 @@
+declare type BorderRadiusSize = keyof typeof borderRadius;
+export declare const borderRadius: {
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare function getBorderRadius(size: BorderRadiusSize): import("styled-components").FlattenSimpleInterpolation;
+export {};

package/dist/esm/styles/borderRadius.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var borderRadius = {
+    sm: 2,
+    md: 4,
+    lg: 4,
+};
+export function getBorderRadius(size) {
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-radius: ", "px;\n  "], ["\n    border-radius: ", "px;\n  "])), borderRadius[size]);
+}
+var templateObject_1;
+//# sourceMappingURL=borderRadius.js.map

package/dist/esm/styles/borderRadius.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderRadius.js","sourceRoot":"","sources":["../../../src/styles/borderRadius.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAIvC,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACN,CAAA;AAED,MAAM,UAAU,eAAe,CAAC,IAAsB;IACpD,OAAO,GAAG,qGAAA,uBACS,EAAkB,SACpC,KADkB,YAAY,CAAC,IAAI,CAAC,EACpC;AACH,CAAC"}

package/dist/esm/styles/colors.d.ts

@@ -0,0 +1,7 @@
+export declare type Color = 'blue10' | 'blue15' | 'blue20' | 'blue30' | 'blue40' | 'blue45' | 'blue50' | 'blue60' | 'blue70' | 'blue85' | 'blue90' | 'blue94' | 'blue96' | 'blue98' | 'cyan10' | 'cyan15' | 'cyan20' | 'cyan30' | 'cyan40' | 'cyan45' | 'cyan50' | 'cyan60' | 'cyan70' | 'cyan85' | 'cyan90' | 'cyan94' | 'cyan96' | 'cyan98' | 'gray10' | 'gray15' | 'gray20' | 'gray30' | 'gray40' | 'gray45' | 'gray50' | 'gray60' | 'gray70' | 'gray85' | 'gray90' | 'gray94' | 'gray96' | 'gray98' | 'green10' | 'green15' | 'green20' | 'green30' | 'green40' | 'green45' | 'green50' | 'green60' | 'green70' | 'green85' | 'green90' | 'green94' | 'green96' | 'green98' | 'magenta10' | 'magenta15' | 'magenta20' | 'magenta30' | 'magenta40' | 'magenta45' | 'magenta50' | 'magenta60' | 'magenta70' | 'magenta85' | 'magenta90' | 'magenta94' | 'magenta96' | 'magenta98' | 'orange10' | 'orange15' | 'orange20' | 'orange30' | 'orange40' | 'orange45' | 'orange50' | 'orange60' | 'orange70' | 'orange85' | 'orange90' | 'orange94' | 'orange96' | 'orange98' | 'purple10' | 'purple15' | 'purple20' | 'purple30' | 'purple40' | 'purple45' | 'purple50' | 'purple60' | 'purple70' | 'purple85' | 'purple90' | 'purple94' | 'purple96' | 'purple98' | 'red10' | 'red15' | 'red20' | 'red30' | 'red40' | 'red45' | 'red50' | 'red60' | 'red70' | 'red85' | 'red90' | 'red94' | 'red96' | 'red98' | 'yellow10' | 'yellow15' | 'yellow20' | 'yellow30' | 'yellow40' | 'yellow45' | 'yellow50' | 'yellow60' | 'yellow70' | 'yellow85' | 'yellow90' | 'yellow94' | 'yellow96' | 'yellow98' | 'black' | 'white';
+export declare const luminosities: number[];
+declare type ColorPaletteObject = {
+    [key in Color]: string;
+};
+export declare const colors: ColorPaletteObject;
+export {};

package/dist/esm/styles/colors.js

@@ -0,0 +1,27 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+export var luminosities = [
+    10, 15, 20, 30, 40, 45, 50, 60, 70, 85, 90, 94, 96, 98,
+];
+function colorGenerator(color, hue, saturation) {
+    var colorSet = {};
+    for (var index in luminosities) {
+        var key = "".concat(color).concat(luminosities[index]);
+        colorSet[key] = "hsl(".concat(hue, ", ").concat(saturation, "%, ").concat(luminosities[index], "%)");
+    }
+    return colorSet;
+}
+function paletteGenerator() {
+    return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colorGenerator('blue', 218, 75)), colorGenerator('cyan', 170, 85)), colorGenerator('gray', 200, 8)), colorGenerator('green', 117, 70)), colorGenerator('magenta', 300, 90)), colorGenerator('orange', 19, 100)), colorGenerator('purple', 288, 34)), colorGenerator('red', 358, 80)), colorGenerator('yellow', 50, 100)), { black: 'black', white: 'white' });
+}
+export var colors = paletteGenerator();
+//# sourceMappingURL=colors.js.map

package/dist/esm/styles/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/styles/colors.ts"],"names":[],"mappings":";;;;;;;;;;;AAkIA,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACvD,CAAA;AAMD,SAAS,cAAc,CAAC,KAAa,EAAE,GAAW,EAAE,UAAkB;IACpE,IAAM,QAAQ,GAAG,EAAwB,CAAA;IAEzC,KAAK,IAAI,KAAK,IAAI,YAAY,EAAE;QAC9B,IAAM,GAAG,GAAG,UAAG,KAAK,SAAG,YAAY,CAAC,KAAK,CAAC,CAAsB,CAAA;QAEhE,QAAQ,CAAC,GAAG,CAAC,GAAG,cAAO,GAAG,eAAK,UAAU,gBAAM,YAAY,CAAC,KAAK,CAAC,OAAI,CAAA;KACvE;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,SAAS,gBAAgB;IACvB,qGACK,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/B,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/B,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAC9B,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,GAChC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,GAClC,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,GACjC,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,GACjC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,GAC9B,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,KACpC,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,OAAO,IACf;AACH,CAAC;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,gBAAgB,EAAE,CAAA"}

package/dist/esm/styles/media.d.ts

@@ -0,0 +1 @@
+export declare const mediaIE11Hack = "screen and (-ms-high-contrast: active), (-ms-high-contrast: none)";

package/dist/esm/styles/media.js

@@ -0,0 +1,3 @@
+// IE 10/11 Media Query hack
+export var mediaIE11Hack = 'screen and (-ms-high-contrast: active), (-ms-high-contrast: none)';
+//# sourceMappingURL=media.js.map

package/dist/esm/styles/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/styles/media.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,MAAM,CAAC,IAAM,aAAa,GACxB,mEAAmE,CAAA"}

package/dist/esm/styles/mixins.d.ts

@@ -0,0 +1,12 @@
+import { Intent } from '../components/Typography/Typography.types';
+export declare const focusable: import("styled-components").FlattenSimpleInterpolation;
+export declare const defaultTransition: import("styled-components").FlattenSimpleInterpolation;
+export declare function getEllipsis(): import("styled-components").FlattenSimpleInterpolation;
+/**
+ * `border` is used instead of `outline` intentionally - as `outline` can't handle `border-radius`
+ * (rounded elements will still have square outline)
+ */
+export declare function getFocus(): import("styled-components").FlattenSimpleInterpolation;
+export declare function getLineClamp(lines?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    intent?: Intent | undefined;
+}, any>>;

package/dist/esm/styles/mixins.js

@@ -0,0 +1,28 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+import { typographyLineHeight } from '../components/Typography/Typography.styles';
+import { colors } from './colors';
+export var focusable = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.focus,\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 1px ", ", inset 0 0 0 1px ", ";\n  }\n"], ["\n  &.focus,\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 1px ", ", inset 0 0 0 1px ", ";\n  }\n"])), colors.blue40, colors.blue40);
+export var defaultTransition = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transition: all 0.2s ease-in;\n"], ["\n  transition: all 0.2s ease-in;\n"])));
+export function getEllipsis() {
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "], ["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])));
+}
+/**
+ * `border` is used instead of `outline` intentionally - as `outline` can't handle `border-radius`
+ * (rounded elements will still have square outline)
+ */
+export function getFocus() {
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    border-style: solid;\n    border-width: 1px;\n    border-color: ", ";\n    box-shadow: 0 0 0 1px ", ";\n    outline: none;\n  "], ["\n    border-style: solid;\n    border-width: 1px;\n    border-color: ", ";\n    box-shadow: 0 0 0 1px ", ";\n    outline: none;\n  "])), colors.blue40, colors.blue40);
+}
+export function getLineClamp(lines) {
+    if (lines === void 0) { lines = 2; }
+    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: -webkit-box;\n    -webkit-line-clamp: ", ";\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    ", "\n  "], ["\n    display: -webkit-box;\n    -webkit-line-clamp: ", ";\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    ", "\n  "])), lines, function (_a) {
+        var _b = _a.intent, intent = _b === void 0 ? 'body' : _b;
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      // limit height for browsers that do not support line-clamp CSS prop\n      max-height: ", "px;\n    "], ["\n      // limit height for browsers that do not support line-clamp CSS prop\n      max-height: ", "px;\n    "])), typographyLineHeight[intent] * 2);
+    });
+}
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=mixins.js.map

package/dist/esm/styles/mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixins.js","sourceRoot":"","sources":["../../../src/styles/mixins.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAA;AAEjF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,CAAC,IAAM,SAAS,GAAG,GAAG,gLAAA,2EAIA,EAAa,oBAAqB,EAAa,UAE1E,KAF2B,MAAM,CAAC,MAAM,EAAqB,MAAM,CAAC,MAAM,CAE1E,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,GAAG,wGAAA,qCAEnC,IAAA,CAAA;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,GAAG,wJAAA,qFAIT,KAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,QAAQ;IACtB,OAAO,GAAG,yMAAA,wEAGQ,EAAa,+BACL,EAAa,2BAEtC,KAHiB,MAAM,CAAC,MAAM,EACL,MAAM,CAAC,MAAM,EAEtC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAS;IAAT,sBAAA,EAAA,SAAS;IACpC,OAAO,GAAG,uMAAqB,uDAEP,EAAK,mEAGzB,EAGD,MACF,KAPuB,KAAK,EAGzB,UAAC,EAAmB;YAAjB,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA;QAAO,OAAA,GAAG,kLAAA,kGAEd,EAAgC,WAC/C,KADe,oBAAoB,CAAC,MAAM,CAAC,GAAG,CAAC;IAFrB,CAG1B,EACF;AACH,CAAC"}

package/dist/esm/styles/shadows.d.ts

@@ -0,0 +1,2 @@
+import { Placement } from '../utils/placement';
+export declare function getShadow(strength?: number, placement?: Placement): import("styled-components").FlattenSimpleInterpolation;