@algolia/satellite 1.0.0-v3.99 → 1.1.0

package/styles/helpers/makeTailwindPrefixer.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-// @ts-check
-
-/**
- * Returns the classname prefixed following tailwindcss convention
- * @param {string} tailwindPrefix
- * @param {string} classname
- */
-function prefixTailwindClassName(tailwindPrefix, classname) {
-  var variants = "";
-  var colonIndex = classname.lastIndexOf(":");
-
-  if (colonIndex !== -1) {
-    variants = classname.slice(0, colonIndex + 1);
-    classname = classname.slice(colonIndex + 1);
-  }
-
-  return "".concat(variants).concat(tailwindPrefix).concat(classname);
-}
-
-var WHITESPACE_REGEXP = /\s+/;
-/**
- * Creates a tagged template that generates prefixed tailwind classnames
- * @param {string} tailwindPrefix
- */
-
-function makeTailwindPrefixer(tailwindPrefix) {
-  /**
-   *
-   * @param {TemplateStringsArray} literals
-   * @param  {...(string | undefined | null | false)} placeholders
-   */
-  function tailwindPrefixerTag(literals) {
-    for (var _len = arguments.length, placeholders = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      placeholders[_key - 1] = arguments[_key];
-    }
-
-    var values = placeholders.filter(Boolean);
-    values.push.apply(values, (0, _toConsumableArray2["default"])(literals));
-    var splitClassNames = values.join(" ").split(WHITESPACE_REGEXP);
-    var prefixedClassNames = [];
-
-    for (var i = 0; i < splitClassNames.length; i++) {
-      var classname = splitClassNames[i];
-      if (classname.length === 0) continue;
-      prefixedClassNames.push(prefixTailwindClassName(tailwindPrefix, classname));
-    }
-
-    return prefixedClassNames.join(" ");
-  }
-
-  return tailwindPrefixerTag;
-}
-
-module.exports = makeTailwindPrefixer;
-module.exports.makeTailwindPrefixer = makeTailwindPrefixer;
-module.exports.prefixTailwindClassName = prefixTailwindClassName;

package/styles/helpers/satellitePrefixer.js

@@ -1,9 +0,0 @@
-"use strict";
-
-// @ts-check
-var makeTailwindPrefixer = require("./makeTailwindPrefixer");
-/** Convenience module that exports the preconfigured tagged template for the library  */
-
-
-var stl = makeTailwindPrefixer("stl-");
-module.exports = stl;

package/styles/rgba.js

@@ -1,17 +0,0 @@
-"use strict";
-
-// @ts-check
-var Color = require("color");
-/**
- *
- * @param {string} color
- * @param {number} alpha
- * @returns {string}
- */
-
-
-function rgba(color, alpha) {
-  return Color(color).alpha(alpha).rgb().string();
-}
-
-module.exports = rgba;

package/styles/scss/colors.scss

@@ -1,112 +0,0 @@
-$stl-black: #000000;
-$stl-white: #ffffff;
-$stl-grey-50: #fcfcfd;
-$stl-grey-100: #f5f5fa;
-$stl-grey-200: #d6d6e7;
-$stl-grey-300: #b6b7d5;
-$stl-grey-400: #9698c3;
-$stl-grey-500: #777aaf;
-$stl-grey-600: #5a5e9a;
-$stl-grey-700: #484c7a;
-$stl-grey-800: #36395a;
-$stl-grey-900: #23263b;
-$stl-grey-950: #111432;
-$stl-pink-100: #ffeaf6;
-$stl-pink-200: #feb9e2;
-$stl-pink-300: #fd89ce;
-$stl-pink-400: #fb5abc;
-$stl-pink-500: #f82caa;
-$stl-pink-600: #e90a96;
-$stl-pink-700: #b80979;
-$stl-pink-800: #88085c;
-$stl-pink-900: #59063d;
-$stl-nebula-100: #f2f3ff;
-$stl-nebula-200: #cacfff;
-$stl-nebula-300: #a3acff;
-$stl-nebula-400: #7c8aff;
-$stl-nebula-500: #5468ff;
-$stl-nebula-600: #3c4fe0;
-$stl-nebula-700: #2b3cbb;
-$stl-nebula-800: #1e2b8f;
-$stl-nebula-900: #141d61;
-$stl-blue-100: #e8faff;
-$stl-blue-200: #b9efff;
-$stl-blue-300: #89e5ff;
-$stl-blue-400: #5adaff;
-$stl-blue-500: #2cc8f7;
-$stl-blue-600: #0db7eb;
-$stl-blue-700: #009bcb;
-$stl-blue-800: #00769b;
-$stl-blue-900: #00526c;
-$stl-green-100: #e6fcf3;
-$stl-green-200: #c9f8de;
-$stl-green-300: #aaf4c8;
-$stl-green-400: #88f0b3;
-$stl-green-500: #5feb9e;
-$stl-green-600: #0de589;
-$stl-green-700: #06b66c;
-$stl-green-800: #028950;
-$stl-green-900: #005e36;
-$stl-orange-100: #fff9ec;
-$stl-orange-200: #ffe9c3;
-$stl-orange-300: #fed59a;
-$stl-orange-400: #fcbc73;
-$stl-orange-500: #faa04b;
-$stl-orange-600: #f78125;
-$stl-orange-700: #e8600a;
-$stl-orange-800: #bf470a;
-$stl-orange-900: #963209;
-$stl-red-100: #ffe6e9;
-$stl-red-200: #febdc5;
-$stl-red-300: #fc95a1;
-$stl-red-400: #f86e7e;
-$stl-red-500: #f4495d;
-$stl-red-600: #ee243c;
-$stl-red-700: #d4142a;
-$stl-red-800: #ab1325;
-$stl-red-900: #83111e;
-$stl-accent-100: #f2f3ff;
-$stl-accent-200: #cacfff;
-$stl-accent-300: #a3acff;
-$stl-accent-400: #7c8aff;
-$stl-accent-500: #5468ff;
-$stl-accent-600: #3c4fe0;
-$stl-accent-700: #2b3cbb;
-$stl-accent-800: #1e2b8f;
-$stl-accent-900: #141d61;
-$stl-inherit: inherit;
-$stl-transparent: transparent;
-$stl-shadow-5: rgba(35, 38, 59, 0.05);
-$stl-shadow-10: rgba(35, 38, 59, 0.1);
-$stl-shadow-15: rgba(35, 38, 59, 0.15);
-$stl-shadow-25: rgba(35, 38, 59, 0.25);
-$stl-neptune-1: #3a46a1;
-$stl-neptune-2: #5560b5;
-$stl-neptune-3: #707bcc;
-$stl-neptune-4: #8d97e3;
-$stl-neptune-5: #a6b0f9;
-$stl-mercury-1: #008fba;
-$stl-mercury-2: #2da7cb;
-$stl-mercury-3: #5bbfdd;
-$stl-mercury-4: #88d6ee;
-$stl-mercury-5: #b5eeff;
-$stl-jupiter-1: #3ab2bd;
-$stl-jupiter-2: #61c5c8;
-$stl-jupiter-3: #89d9d3;
-$stl-jupiter-4: #b0ecde;
-$stl-jupiter-5: #d7ffe9;
-$stl-saturn-1: #ec8b63;
-$stl-saturn-2: #f3a57e;
-$stl-saturn-3: #f8be9a;
-$stl-saturn-4: #fcd7b7;
-$stl-saturn-5: #fdf1d4;
-$stl-mars-1: #ed5a6a;
-$stl-mars-2: #f27885;
-$stl-mars-3: #f695a0;
-$stl-mars-4: #fbb3ba;
-$stl-mars-5: #ffd0d5;
-$stl-venus-1: #ae3e88;
-$stl-venus-2: #d44fa4;
-$stl-venus-3: #ea71bc;
-$stl-venus-4: #f89ad3;
-$stl-venus-5: #ffcae9;

package/styles/scss/variables.scss

@@ -1,7 +0,0 @@
-$stl-sidebar: 200;
-$stl-full-page-layout: 250;
-$stl-modal-overlay: 300;
-$stl-modal: 400;
-$stl-dropdown: 450;
-$stl-notification: 500;
-$stl-tooltip: 550;

package/styles/tailwind.config.d.ts

@@ -1,193 +0,0 @@
-declare const zIndexes: {
-    sidebar: number;
-    fullPageLayout: number;
-    modalOverlay: number;
-    modal: number;
-    dropdown: number;
-    notification: number;
-    tooltip: number;
-};
-export declare const prefix: string;
-export declare namespace theme {
-    export namespace fontFamily {
-        export const sans: string[];
-        export const mono: string[];
-    }
-    export const fontSize: {
-        sm: string;
-        mobile: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-    };
-    export const lineHeight: {
-        inherit: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-        none: string;
-    };
-    export const borderRadius: {
-        none: string;
-        default: string;
-        full: string;
-    };
-    export const borderWidth: {
-        default: string;
-        "0": string;
-        "2": string;
-        "3": string;
-    };
-    export function boxShadow(theme: any): {
-        none: string;
-        z100: string;
-        z200: string;
-        z300: string;
-        z400: string;
-        z500: string;
-    };
-    export const opacity: {
-        "0": string;
-        "10": string;
-        "20": string;
-        "30": string;
-        "40": string;
-        "50": string;
-        "60": string;
-        "70": string;
-        "80": string;
-        "90": string;
-        "100": string;
-    };
-    export const colors: {
-        accent: {
-            "900": string;
-            "800": string;
-            "700": string;
-            "600": string;
-            "500": string;
-            "400": string;
-            "300": string;
-            "200": string;
-            "100": string;
-        };
-        inherit: string;
-        transparent: string;
-        shadow: {
-            "5": string;
-            "10": string;
-            "15": string;
-            "25": string;
-        };
-        black: string;
-        white: string;
-        grey: {
-            "950": string;
-            "900": string;
-            "800": string;
-            "700": string;
-            "600": string;
-            "500": string;
-            "400": string;
-            "300": string;
-            "200": string;
-            "100": string;
-            "50": string;
-        };
-        pink: {
-            "900": string;
-            "800": string;
-            "700": string;
-            "600": string;
-            "500": string;
-            "400": string;
-            "300": string;
-            "200": string;
-            "100": string;
-        };
-        nebula: {
-            "900": string;
-            "800": string;
-            "700": string;
-            "600": string;
-            "500": string;
-            "400": string;
-            "300": string;
-            "200": string;
-            "100": string;
-        };
-        blue: {
-            "900": string;
-            "800": string;
-            "700": string;
-            "600": string;
-            "500": string;
-            "400": string;
-            "300": string;
-            "200": string;
-            "100": string;
-        };
-        green: {
-            "900": string;
-            "800": string;
-            "700": string;
-            "600": string;
-            "500": string;
-            "400": string;
-            "300": string;
-            "200": string;
-            "100": string;
-        };
-        orange: {
-            "900": string;
-            "800": string;
-            "700": string;
-            "600": string;
-            "500": string;
-            "400": string;
-            "300": string;
-            "200": string;
-            "100": string;
-        };
-        red: {
-            "900": string;
-            "800": string;
-            "700": string;
-            "600": string;
-            "500": string;
-            "400": string;
-            "300": string;
-            "200": string;
-            "100": string;
-        };
-    };
-    export namespace extend {
-        export const spacing: {
-            "2px": string;
-            72: string;
-        };
-        export function inset(theme: any): any;
-        export function maxWidth(theme: any): any;
-        export function minWidth(theme: any): any;
-        export function maxHeight(theme: any): any;
-        export function minHeight(theme: any): any;
-        export { zIndexes as zIndex };
-    }
-    export const typography: {
-        desktop: import("../tailwind-types").TailwindFunction;
-        mobile: import("../tailwind-types").TailwindFunction;
-    };
-}
-export declare namespace variants {
-    const borderWidth_1: string[];
-    export { borderWidth_1 as borderWidth };
-}
-export declare const plugins: import("../tailwind-types").TailwindPlugin[];
-export {};

package/styles/tailwind.config.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var typography = require("../Typography/Typography.tailwind");
-
-var rgba = require("./rgba");
-
-var colors = require("./colors");
-
-var zIndexes = require("./zIndexes");
-
-module.exports = {
-  prefix: "stl-",
-  theme: {
-    fontFamily: {
-      sans: ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"],
-      mono: ["Fira Code", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"]
-    },
-    fontSize: {
-      sm: "0.75rem",
-      // 12px,
-      mobile: "0.8125rem",
-      // 13px,
-      base: "0.875rem",
-      // 14px,
-      md: "1rem",
-      // 16px,
-      lg: "1.25rem",
-      // 20px,
-      xl: "1.625rem",
-      // 26px,
-      "2xl": "1.75rem",
-      // 28px,
-      "3xl": "2.625rem" // 42px,
-
-    },
-    lineHeight: {
-      inherit: "inherit",
-      sm: "1rem",
-      // 16px,
-      base: "1.25rem",
-      // 20px,
-      md: "1.5rem",
-      // 24px,
-      lg: "1.75rem",
-      // 28px,
-      xl: "2rem",
-      // 32px,
-      "2xl": "2rem",
-      // 32px,
-      "3xl": "2.75rem",
-      // 44px,
-      none: "0"
-    },
-    borderRadius: {
-      none: "0",
-      "default": "3px",
-      full: "99999px"
-    },
-    borderWidth: {
-      "default": "1px",
-      "0": "0",
-      "2": "2px",
-      "3": "3px"
-    },
-    boxShadow: function boxShadow(theme) {
-      return {
-        none: "none",
-        z100: "0px 0px 0px 1px ".concat(theme("colors.shadow.5"), ", 0px 1px 3px 0px ").concat(theme("colors.shadow.15"), ";"),
-        z200: "0px 0px 0px 1px ".concat(theme("colors.shadow.5"), ", 0px 4px 8px -2px ").concat(theme("colors.shadow.25"), ";"),
-        z300: "0px 0px 0px 1px ".concat(theme("colors.shadow.5"), ", 0px 8px 16px -4px ").concat(theme("colors.shadow.25"), ";"),
-        z400: "0px 0px 0px 1px ".concat(theme("colors.shadow.5"), ", 0px 12px 24px -6px ").concat(theme("colors.shadow.25"), ";"),
-        z500: "0px 0px 0px 1px ".concat(theme("colors.shadow.5"), ", 0px 20px 32px -8px ").concat(theme("colors.shadow.25"), ";")
-      };
-    },
-    opacity: {
-      "0": "0",
-      "10": ".1",
-      "20": ".2",
-      "30": ".3",
-      "40": ".4",
-      "50": ".5",
-      "60": ".6",
-      "70": ".7",
-      "80": ".8",
-      "90": ".9",
-      "100": "1"
-    },
-    colors: _objectSpread({}, colors, {
-      accent: colors.nebula,
-      inherit: "inherit",
-      transparent: "transparent",
-      shadow: {
-        "5": rgba(colors.grey[900], 0.05),
-        "10": rgba(colors.grey[900], 0.1),
-        "15": rgba(colors.grey[900], 0.15),
-        "25": rgba(colors.grey[900], 0.25)
-      }
-    }),
-    extend: {
-      spacing: {
-        "2px": "2px",
-        72: "32rem"
-      },
-      inset: function inset(theme) {
-        return theme("width");
-      },
-      maxWidth: function maxWidth(theme) {
-        return theme("width");
-      },
-      minWidth: function minWidth(theme) {
-        return theme("width");
-      },
-      maxHeight: function maxHeight(theme) {
-        return theme("height");
-      },
-      minHeight: function minHeight(theme) {
-        return theme("height");
-      },
-      zIndex: zIndexes
-    },
-    typography: typography.styles
-  },
-  variants: {
-    borderWidth: ["responsive", "first"]
-  },
-  plugins: [require("./base.tailwind"), typography.plugin, require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../RangeSlider/RangeSlider.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Sidebar/Sidebar.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind")]
-};

package/styles/zIndexes.d.ts

@@ -1,7 +0,0 @@
-export declare const sidebar: number;
-export declare const fullPageLayout: number;
-export declare const modalOverlay: number;
-export declare const modal: number;
-export declare const dropdown: number;
-export declare const notification: number;
-export declare const tooltip: number;

package/styles/zIndexes.js

@@ -1,13 +0,0 @@
-"use strict";
-
-// @ts-check
-var zIndexes = {
-  sidebar: 200,
-  fullPageLayout: 250,
-  modalOverlay: 300,
-  modal: 400,
-  dropdown: 450,
-  notification: 500,
-  tooltip: 550
-};
-module.exports = zIndexes;

package/tailwind-types.d.ts

@@ -1,48 +0,0 @@
-import * as CSS from "csstype";
-export declare type CSSValues = string | number;
-export declare type CSSPropertiesObject = CSS.Properties<CSSValues>;
-export declare type CSSinJS = Record<string, CSSPropertiesObject | Record<string, CSSPropertiesObject | CSSValues>>;
-export interface ModifySelectorsHelpers {
-    /** the complete unmodified selector for the current rule */
-    selector: string;
-    /**  the class name of the current rule with the leading dot removed */
-    className: string;
-}
-export interface VariantHelpers {
-    /** a helper function to simplify adding basic variants */
-    modifySelectors: ModifySelectorsHelpers;
-    /** the user's configured separator string */
-    separator: string;
-    /** a PostCSS Container containing all of the rules the variant is being applied to, for creating complex variants */
-    container: any;
-}
-export declare type ModifySelectorsCallback = (helpers: ModifySelectorsHelpers) => void;
-export declare type VariantCallback = (helpers: VariantHelpers) => void;
-export declare type Variants = string[];
-export interface UtilitiesOptions {
-    respectPrefix?: boolean;
-    respectImportant?: boolean;
-    variants?: Variants;
-}
-export declare type TailwindFunction = (theme: (valuePath: string) => string) => any;
-export interface TailwindPluginOptions {
-    /** for registering new utility styles */
-    addUtilities(utilities: CSSinJS | CSSinJS[], options?: UtilitiesOptions | Variants): void;
-    /** for registering new component styles */
-    addComponents(components: CSSinJS | CSSinJS[]): void;
-    /** for registering new base styles */
-    addBase(base: CSSinJS): void;
-    /** for registering custom variants */
-    addVariant(name: string, callback: VariantCallback): void;
-    /** for escaping strings meant to be used in class names */
-    e(className: string): void;
-    /** for manually applying the user's configured prefix to parts of a selector */
-    prefix(className: string): void;
-    /**  for looking up values in the user's theme configuration */
-    theme(valuePath: string, defaultValue?: any): any;
-    /** for looking up values in the user's variants configuration */
-    variants(valuePath: string, defaultValue?: Variants): Variants;
-    /** for looking up values in the user's Tailwind configuration */
-    config(valuePath: string): string;
-}
-export declare type TailwindPlugin = (options: TailwindPluginOptions) => void;

package/tailwind-types.js

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

package/types.d.ts

@@ -1 +0,0 @@
-export declare type ColorVariant = "accent" | "grey" | "green" | "blue" | "orange" | "red";

package/types.js

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

package/utils/event-polyfill.js

@@ -1,27 +0,0 @@
-"use strict";
-
-// See https://github.com/streamich/react-use/issues/73
-
-/**
- * To detect you are in IE (for this case) by checking typeof(Event) which is
- * 'function' for all except IE where it is 'object'.
- * You can then safely polyfill the Event constructor using the approach above.
- * In IE11 it seems to be safe to set window.Event = CustomEvent.
- */
-(function () {
-  if (typeof window.Event === "function") return false; //If not IE
-
-  function CustomEvent(event, params) {
-    params = params || {
-      bubbles: false,
-      cancelable: false,
-      detail: undefined
-    };
-    var evt = document.createEvent("CustomEvent");
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
-  }
-
-  CustomEvent.prototype = window.Event.prototype;
-  window.Event = CustomEvent;
-})();

package/utils/genericChangeHandler.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare type stateUpdater<State> = (state: State, name: string, newValue: any) => Partial<State>;
-declare type changeHandler = (evt: React.ChangeEvent<any>) => void;
-export declare function genericChangeHandler<State>(ctx: React.Component<any, State>, updater?: stateUpdater<State>): (name: string, attribute?: string) => changeHandler;
-export default genericChangeHandler;