@algolia/satellite 1.0.0-beta.133 → 1.0.0-beta.136

package/cjs/Typography/Typography.tailwind.js

@@ -9,134 +9,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // @ts-check
-// @ts-ignore
 var _require = require("lodash"),
     mapKeys = _require.mapKeys;
-/**
- * @type {import('../tailwind-types').TailwindFunction}
- */
 
+var plugin = require("tailwindcss/plugin");
 
-var desktop = function desktop(theme) {
-  return {
-    "display-xlarge": {
-      fontSize: theme("fontSize.3xl"),
-      lineHeight: theme("lineHeight.3xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-large": {
-      fontSize: theme("fontSize.2xl"),
-      lineHeight: theme("lineHeight.2xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-medium": {
-      fontSize: theme("fontSize.xl"),
-      lineHeight: theme("lineHeight.xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-small": {
-      fontSize: theme("fontSize.lg"),
-      lineHeight: theme("lineHeight.lg"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-heading": {
-      fontSize: theme("fontSize.md"),
-      lineHeight: theme("lineHeight.md"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-subheading": {
-      fontSize: theme("fontSize.sm"),
-      lineHeight: theme("lineHeight.sm"),
-      fontWeight: theme("fontWeight.semibold"),
-      textTransform: "uppercase"
-    },
-    "display-body": {
-      fontSize: theme("fontSize.base"),
-      lineHeight: theme("lineHeight.base"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-caption": {
-      fontSize: theme("fontSize.sm"),
-      lineHeight: theme("lineHeight.sm"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-code": {
-      fontFamily: theme("fontFamily.mono"),
-      fontSize: theme("fontSize.base"),
-      lineHeight: theme("lineHeight.base"),
-      fontWeight: theme("fontWeight.normal")
-    }
-  };
-};
-/**
- * @type {import('../tailwind-types').TailwindFunction}
- */
-
-
-var mobile = function mobile(theme) {
-  return {
-    "display-xlarge": {
-      lineHeight: theme("lineHeight.xl"),
-      fontSize: theme("fontSize.2xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-large": {
-      lineHeight: theme("lineHeight.xl"),
-      fontSize: theme("fontSize.xl"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-medium": {
-      lineHeight: theme("lineHeight.xl"),
-      fontSize: theme("fontSize.lg"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-small": {
-      lineHeight: theme("lineHeight.md"),
-      fontSize: theme("fontSize.md"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-heading": {
-      lineHeight: theme("lineHeight.md"),
-      fontSize: theme("fontSize.md"),
-      fontWeight: theme("fontWeight.semibold")
-    },
-    "display-subheading": {
-      lineHeight: theme("lineHeight.sm"),
-      fontSize: theme("fontSize.mobile"),
-      fontWeight: theme("fontWeight.semibold"),
-      textTransform: "uppercase"
-    },
-    "display-body": {
-      lineHeight: theme("lineHeight.md"),
-      fontSize: theme("fontSize.md"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-caption": {
-      lineHeight: theme("lineHeight.base"),
-      fontSize: theme("fontSize.mobile"),
-      fontWeight: theme("fontWeight.normal")
-    },
-    "display-code": {
-      fontFamily: theme("fontFamily.mono"),
-      lineHeight: theme("lineHeight.md"),
-      fontSize: theme("fontSize.md"),
-      fontWeight: theme("fontWeight.normal")
-    }
-  };
-};
-/**
- * @type {import("../tailwind-types").TailwindPlugin}
- */
-
-
-var typographyPlugin = function typographyPlugin(_ref) {
-  var addComponents = _ref.addComponents,
+var typographyPlugin = plugin(function (_ref) {
+  var theme = _ref.theme,
       addUtilities = _ref.addUtilities,
-      e = _ref.e,
-      theme = _ref.theme,
-      variants = _ref.variants;
-  var desktop = theme("typography.desktop", {})(theme);
-  var mobile = theme("typography.mobile", {})(theme);
+      addComponents = _ref.addComponents,
+      e = _ref.e;
+  var desktop = theme("typography.desktop", {});
+  var mobile = theme("typography.mobile", {});
   var common = {
     reversed: {
       color: theme("colors.white")
@@ -156,6 +40,8 @@ var typographyPlugin = function typographyPlugin(_ref) {
   }; // add utilities for manual typography declaration
   // Example: `className="typo-m-display-small lg:typo-display-small"`
 
+  /** @type {any} */
+
   var utilities = _objectSpread(_objectSpread(_objectSpread({}, mapKeys(common, function (_, key) {
     return ".typo-".concat(e(key));
   })), mapKeys(desktop, function (_, key) {
@@ -173,14 +59,118 @@ var typographyPlugin = function typographyPlugin(_ref) {
   })))); // register add-ons
 
 
-  addUtilities(utilities, variants("styles", ["responsive"]));
+  addUtilities(utilities);
   addComponents(components);
-};
-
-module.exports = {
-  styles: {
-    desktop: desktop,
-    mobile: mobile
-  },
-  plugin: typographyPlugin
-};
+}, {
+  content: [],
+  theme: {
+    // @ts-ignore
+    typography: function typography(_ref2) {
+      var theme = _ref2.theme;
+      // Need to transform it to a string because in this context, Tailwind doesn't automagically turn it into a string value
+      // Asked here https://github.com/tailwindlabs/tailwindcss/discussions/8755
+      var monoFontFamily = theme("fontFamily.mono").join(",");
+      return {
+        desktop: {
+          "display-xlarge": {
+            fontSize: theme("fontSize.3xl"),
+            lineHeight: theme("lineHeight.3xl"),
+            fontWeight: theme("fontWeight.semibold")
+          },
+          "display-large": {
+            fontSize: theme("fontSize.2xl"),
+            lineHeight: theme("lineHeight.2xl"),
+            fontWeight: theme("fontWeight.semibold")
+          },
+          "display-medium": {
+            fontSize: theme("fontSize.xl"),
+            lineHeight: theme("lineHeight.xl"),
+            fontWeight: theme("fontWeight.semibold")
+          },
+          "display-small": {
+            fontSize: theme("fontSize.lg"),
+            lineHeight: theme("lineHeight.lg"),
+            fontWeight: theme("fontWeight.normal")
+          },
+          "display-heading": {
+            fontSize: theme("fontSize.md"),
+            lineHeight: theme("lineHeight.md"),
+            fontWeight: theme("fontWeight.semibold")
+          },
+          "display-subheading": {
+            fontSize: theme("fontSize.sm"),
+            lineHeight: theme("lineHeight.sm"),
+            fontWeight: theme("fontWeight.semibold"),
+            textTransform: "uppercase"
+          },
+          "display-body": {
+            fontSize: theme("fontSize.base"),
+            lineHeight: theme("lineHeight.base"),
+            fontWeight: theme("fontWeight.normal")
+          },
+          "display-caption": {
+            fontSize: theme("fontSize.sm"),
+            lineHeight: theme("lineHeight.sm"),
+            fontWeight: theme("fontWeight.normal")
+          },
+          "display-code": {
+            fontFamily: monoFontFamily,
+            fontSize: theme("fontSize.base"),
+            lineHeight: theme("lineHeight.base"),
+            fontWeight: theme("fontWeight.normal")
+          }
+        },
+        mobile: {
+          "display-xlarge": {
+            lineHeight: theme("lineHeight.xl"),
+            fontSize: theme("fontSize.2xl"),
+            fontWeight: theme("fontWeight.semibold")
+          },
+          "display-large": {
+            lineHeight: theme("lineHeight.xl"),
+            fontSize: theme("fontSize.xl"),
+            fontWeight: theme("fontWeight.semibold")
+          },
+          "display-medium": {
+            lineHeight: theme("lineHeight.xl"),
+            fontSize: theme("fontSize.lg"),
+            fontWeight: theme("fontWeight.normal")
+          },
+          "display-small": {
+            lineHeight: theme("lineHeight.md"),
+            fontSize: theme("fontSize.md"),
+            fontWeight: theme("fontWeight.normal")
+          },
+          "display-heading": {
+            lineHeight: theme("lineHeight.md"),
+            fontSize: theme("fontSize.md"),
+            fontWeight: theme("fontWeight.semibold")
+          },
+          "display-subheading": {
+            lineHeight: theme("lineHeight.sm"),
+            fontSize: theme("fontSize.mobile"),
+            fontWeight: theme("fontWeight.semibold"),
+            textTransform: "uppercase"
+          },
+          "display-body": {
+            lineHeight: theme("lineHeight.md"),
+            fontSize: theme("fontSize.md"),
+            fontWeight: theme("fontWeight.normal")
+          },
+          "display-caption": {
+            lineHeight: theme("lineHeight.base"),
+            fontSize: theme("fontSize.mobile"),
+            fontWeight: theme("fontWeight.normal")
+          },
+          "display-code": {
+            fontFamily: monoFontFamily,
+            lineHeight: theme("lineHeight.md"),
+            fontSize: theme("fontSize.md"),
+            fontWeight: theme("fontWeight.normal")
+          }
+        }
+      };
+    }
+  }
+});
+module.exports = typographyPlugin;

package/cjs/UserContent/UserContent.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
@@ -25,7 +25,7 @@ var UserContent = function UserContent(_ref) {
       _ref$styled = _ref.styled,
       styled = _ref$styled === void 0 ? true : _ref$styled;
   return content ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["usercontent"]))), styled), className),
+    className: (0, _clsx["default"])((0, _defineProperty2["default"])({}, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["usercontent"]))), styled), className),
     dangerouslySetInnerHTML: {
       __html: content
     }

package/cjs/UserContent/UserContent.tailwind.d.ts

@@ -1,2 +1,5 @@
-declare const _exports: import('../tailwind-types').TailwindPlugin;
+declare const _exports: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: import("tailwindcss").Config | undefined;
+};
 export = _exports;

package/cjs/UserContent/UserContent.tailwind.js

@@ -9,20 +9,22 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // @ts-check
-var rgba = require("../styles/rgba");
+var plugin = require("tailwindcss/plugin");
 
 var _require = require("../styles/helpers/icons"),
     toBG = _require.toBG;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
 
+var rgba = require("../styles/rgba");
 
-module.exports = function (_ref) {
+module.exports = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
       theme = _ref.theme;
-  var desktop = theme("typography.mobile", {})(theme);
-  var mobile = theme("typography.mobile", {})(theme);
+
+  /** @type {any} */
+  var desktop = theme("typography.desktop", {});
+  /** @type {any} */
+
+  var mobile = theme("typography.mobile", {});
   addComponents({
     ".usercontent": (0, _defineProperty2["default"])({
       "h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table": {
@@ -70,7 +72,7 @@ module.exports = function (_ref) {
           "&:after": {
             content: "''",
             background: toBG("ExternalLink", {
-              stroke: theme("colors.nebula.600"),
+              stroke: theme("colors.accent.600"),
               viewBox: "0 0 24 24",
               width: "100%",
               height: "100%"
@@ -114,7 +116,7 @@ module.exports = function (_ref) {
         borderColor: theme("colors.grey.200")
       },
       "b, strong, th": {
-        fontWeight: 600
+        fontWeight: "600"
       },
       table: {
         width: "100%",
@@ -145,4 +147,4 @@ module.exports = function (_ref) {
       pre: desktop["display-code"]
     })
   });
-};
+});

package/cjs/index.d.ts

@@ -8,7 +8,6 @@ export * from "./AnnouncementBadge";
 export * from "./AutoComplete";
 export * from "./Avatars";
 export * from "./Badge";
-export * from "./Banner";
 export * from "./Banners";
 export * from "./Button";
 export * from "./Card";

package/cjs/index.js

@@ -128,20 +128,6 @@ Object.keys(_Badge).forEach(function (key) {
   });
 });
 
-var _Banner = require("./Banner");
-
-Object.keys(_Banner).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Banner[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Banner[key];
-    }
-  });
-});
-
 var _Banners = require("./Banners");
 
 Object.keys(_Banners).forEach(function (key) {

package/cjs/styles/base.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = basePlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const basePlugin: import('../tailwind-types').TailwindPlugin;
+declare const basePlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: import("tailwindcss").Config | undefined;
+};

package/cjs/styles/base.tailwind.js

@@ -1,11 +1,9 @@
 "use strict";
 
 // @ts-check
+var plugin = require("tailwindcss/plugin");
 
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var basePlugin = function basePlugin(_ref) {
+var basePlugin = plugin(function (_ref) {
   var addBase = _ref.addBase,
       theme = _ref.theme;
   // https://polaris.shopify.com/design/typography#font-stack
@@ -39,6 +37,5 @@ var basePlugin = function basePlugin(_ref) {
       }
     }
   });
-};
-
+});
 module.exports = basePlugin;

package/cjs/styles/tailwind.config.d.ts

@@ -1,198 +1,2 @@
-export const prefix: "stl-";
-export namespace purge {
-    const mode: string;
-    const layers: string[];
-    const enabled: boolean;
-    const content: string[];
-    namespace options {
-        const defaultExtractor: (content: string) => string[];
-    }
-}
-import zIndexes = require("./zIndexes");
-export declare namespace theme {
-    namespace fontFamily {
-        const sans: string[];
-        const mono: string[];
-    }
-    const fontSize: {
-        sm: string;
-        mobile: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-    };
-    const lineHeight: {
-        inherit: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-        none: string;
-    };
-    namespace borderRadius {
-        const none: string;
-        const DEFAULT: string;
-        const full: string;
-    }
-    const borderWidth: {
-        DEFAULT: string;
-        0: string;
-        2: string;
-        3: string;
-    };
-    function boxShadow(theme: any): {
-        none: string;
-        z100: string;
-        z200: string;
-        z300: string;
-        z400: string;
-        z500: string;
-    };
-    const opacity: {
-        0: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        100: string;
-    };
-    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;
-        };
-    };
-    namespace extend {
-        export const spacing: {
-            "2px": string;
-            128: 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 namespace cursor {
-            const grab: string;
-            const help: string;
-        }
-    }
-    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 const visibility: string[];
-}
-export declare const plugins: import("../tailwind-types").TailwindPlugin[];
+declare const _exports: import('tailwindcss').Config;
+export = _exports;