@algolia/satellite 1.0.0-v3.99 → 1.0.0

package/dist/cjs/UserContent/UserContent.tailwind.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// @ts-check
+var plugin = require("tailwindcss/plugin");
+var _require = require("../styles/helpers/icons"),
+  toBG = _require.toBG;
+var rgba = require("../styles/rgba");
+module.exports = plugin(function (_ref) {
+  var addComponents = _ref.addComponents,
+    theme = _ref.theme;
+  /** @type {any} */
+  var desktop = theme("stlTypography.desktop", {});
+  /** @type {any} */
+  var mobile = theme("stlTypography.mobile", {});
+  addComponents({
+    ".usercontent": (0, _defineProperty2["default"])({
+      "h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table": {
+        "&:not(:first-child)": {
+          marginTop: theme("spacing.4")
+        },
+        "&:not(:last-child)": {
+          marginBottom: theme("spacing.4")
+        }
+      },
+      h1: mobile["display-xlarge"],
+      h2: _objectSpread(_objectSpread({}, mobile["display-large"]), {}, {
+        color: theme("colors.grey.600")
+      }),
+      h3: mobile["display-medium"],
+      h4: mobile["display-small"],
+      h5: mobile["display-heading"],
+      h6: mobile["display-subheading"],
+      "p, ul, ol, blockquote, table": mobile["display-body"],
+      code: {
+        display: "inline-block",
+        padding: "0 ".concat(theme("spacing.1")),
+        backgroundColor: theme("colors.grey.100"),
+        color: theme("colors.grey.700"),
+        fontFamily: theme("fontFamily.mono")
+      },
+      ul: {
+        paddingLeft: theme("spacing.6"),
+        listStyleType: "disc"
+      },
+      ol: {
+        paddingLeft: theme("spacing.6"),
+        listStyleType: "decimal"
+      },
+      a: {
+        color: theme("colors.accent.600"),
+        "&:hover": {
+          textDecoration: "underline"
+        },
+        '&[target="_blank"], &[href^="http"]': {
+          position: "relative",
+          display: "inline-flex",
+          alignItems: "center",
+          whiteSpace: "nowrap",
+          "&:after": {
+            content: "''",
+            background: toBG("ExternalLink", {
+              stroke: theme("colors.accent.600"),
+              viewBox: "0 0 24 24",
+              width: "100%",
+              height: "100%"
+            }),
+            backgroundRepeat: "no-repeat",
+            width: "1em",
+            height: "1em",
+            marginLeft: theme("spacing.1")
+          }
+        }
+      },
+      blockquote: {
+        paddingLeft: theme("spacing.4"),
+        borderLeft: "2px solid ".concat(theme("colors.grey.200")),
+        color: theme("colors.grey.600")
+      },
+      pre: _objectSpread(_objectSpread({}, mobile["display-code"]), {}, {
+        overflow: "auto",
+        maxWidth: "100%",
+        maxHeight: theme("spacing.64"),
+        margin: "".concat(theme("spacing.2"), " 0"),
+        padding: "".concat(theme("spacing.2"), " ").concat(theme("spacing.4")),
+        borderRadius: theme("borderRadius.DEFAULT"),
+        backgroundColor: theme("colors.grey.100"),
+        color: theme("colors.grey.700"),
+        code: {
+          display: "inline",
+          backgroundColor: "transparent",
+          color: "inherit"
+        }
+      }),
+      img: {
+        display: "block",
+        maxWidth: "100%",
+        height: "auto",
+        margin: "auto"
+      },
+      hr: {
+        borderWidth: "0 0 2px 0",
+        borderStyle: "solid",
+        borderColor: theme("colors.grey.200")
+      },
+      "b, strong, th": {
+        fontWeight: "600"
+      },
+      table: {
+        width: "100%",
+        borderCollapse: "collapse",
+        textAlign: "left",
+        "th, td": {
+          padding: "14px 16px"
+        },
+        th: {
+          borderBottom: "1px solid ".concat(theme("colors.grey.200")),
+          fontWeight: "normal"
+        },
+        "tr:not(:last-child) td": {
+          borderBottom: "1px solid ".concat(theme("colors.grey.100"))
+        },
+        "tr:hover td": {
+          backgroundColor: rgba(theme("colors.grey.100"), 0.6)
+        }
+      }
+    }, "@media (min-width: ".concat(theme("screens.md"), ")"), {
+      h1: desktop["display-xlarge"],
+      h2: desktop["display-large"],
+      h3: desktop["display-medium"],
+      h4: desktop["display-small"],
+      h5: desktop["display-heading"],
+      h6: desktop["display-subheading"],
+      "p, ul, ol, blockquote, table": desktop["display-body"],
+      pre: desktop["display-code"]
+    })
+  });
+});

package/dist/cjs/UserContent/index.d.ts

@@ -0,0 +1 @@
+export * from "./UserContent";

package/dist/cjs/UserContent/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _UserContent = require("./UserContent");
+Object.keys(_UserContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _UserContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _UserContent[key];
+    }
+  });
+});

package/dist/cjs/index.d.ts

@@ -0,0 +1,54 @@
+export * from "./types";
+export { default as colors } from "./styles/colors";
+export { default as brandColors } from "./styles/brandColors";
+export { default as stl } from "./styles/helpers/satellitePrefixer";
+export { default as makePurgeCssExtractor } from "./styles/helpers/makePurgeCssExtractor";
+export * from "./utils/NumberUnion";
+export * from "./utils/parseUrl";
+export * from "./utils/useLinkProps";
+export * from "./AnnouncementBadge";
+export * from "./AutoComplete";
+export * from "./Avatars";
+export * from "./Badge";
+export * from "./Banners";
+export * from "./Button";
+export * from "./Card";
+export * from "./Checkbox";
+export * from "./ClickAwayContainer";
+export * from "./DatePicker";
+export * from "./Dropdown";
+export * from "./Dropzone";
+export * from "./EmptyState";
+export * from "./Field";
+export * from "./FlexGrid";
+export * from "./HelpUnderline";
+export * from "./Icons";
+export * from "./Input";
+export * from "./Insert";
+export * from "./KeyboardKey";
+export * from "./Link";
+export * from "./Medallion";
+export * from "./MenuButton";
+export * from "./Modal";
+export * from "./Pagination";
+export * from "./Popover";
+export * from "./ProgressBar";
+export * from "./ProgressSpinner";
+export * from "./RadioGroup";
+export * from "./RangeSlider";
+export * from "./Satellite";
+export * from "./ScrollIndicator";
+export * from "./Select";
+export * from "./Separator";
+export * from "./Sidebar";
+export * from "./Stepper";
+export * from "./Switch";
+export * from "./Tables";
+export * from "./Tabs";
+export * from "./Tag";
+export * from "./TextArea";
+export * from "./TextWrap";
+export * from "./Toast";
+export * from "./Toggle";
+export * from "./Tooltip";
+export * from "./UserContent";