npm - @happeouikit/content-renderer - Versions diffs - 3.1.5 → 3.1.7 - Mend

@happeouikit/content-renderer 3.1.5 → 3.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,13 @@
 # Changelog
+## 3.1.7
+- [Removed] styles for custom emojis
+## 3.1.6
+- [Fixed] emoji size for all renderers
 ## 3.1.5
 - [Fixed] margin for custom-emoji

package/dist/ContentRenderer.js CHANGED Viewed

@@ -173,13 +173,13 @@ var Wrapper = styled(BodyUI).attrs({
 }).withConfig({
   displayName: "ContentRenderer__Wrapper",
   componentId: "sc-1mleu9k-1"
-})(["", " h1.highlight,h2.highlight,h3.highlight,h4.highlight,h5.highlight,h6.highlight{border-radius:6px;position:relative;:after{content:\" \";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px;border-radius:6px;border:5px solid ", ";}}pre{border-radius:4px;background:", ";padding:8px;margin-bottom:10px;overflow:auto;white-space:pre;position:relative;overflow:visible;*:not(p){font-weight:inherit;font-family:\"IBM Plex Mono\",monospace !important;}.content-copy-btn{position:absolute;top:0;right:0;padding:", " 0;}:hover button{opacity:1;}}.mention{border-radius:0.2em;background-color:#fff5cc;border:1px solid #fff5cc;color:#0f1621;font-weight:400;&:hover{text-decoration:none;border:1px solid #fabd24;}}.extraMention{cursor:inherit;}", " ", ""], function (_ref2) {
+})(["", " h1.highlight,h2.highlight,h3.highlight,h4.highlight,h5.highlight,h6.highlight{border-radius:6px;position:relative;:after{content:\" \";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px;border-radius:6px;border:5px solid ", ";}}pre{border-radius:4px;background:", ";padding:8px;margin-bottom:10px;overflow:auto;white-space:pre;position:relative;overflow:visible;*:not(p){font-weight:inherit;font-family:\"IBM Plex Mono\",monospace !important;}.content-copy-btn{position:absolute;top:0;right:0;padding:", " 0;}:hover button{opacity:1;}}.mention{border-radius:0.2em;background-color:#fff5cc;border:1px solid #fff5cc;color:#0f1621;font-weight:400;&:hover{text-decoration:none;border:1px solid #fabd24;}}.extraMention{cursor:inherit;}", " ", "}"], function (_ref2) {
   var createAnchors = _ref2.createAnchors;
   return createAnchors ? "\n    h1, h2, h3, h4, h5, h6 {\n      display: flex;\n      align-items: center;\n      :hover button {\n        opacity: 0.4;\n      }\n    }\n  " : "";
 }, lighten(warn, 0.8), gray09, padding200, function (_ref3) {
   var widgetType = _ref3.widgetType,
     inheritBrandingStyles = _ref3.inheritBrandingStyles;
-  return widgetType === "page" ? "" : "\n    * {\n      font-family: ".concat(sansFamily, ";\n    }\n\n    h1 {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-h1-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-h1-font-weight, 500)" : "500", ";\n      font-size: 24px;\n      letter-spacing: -0.5px;\n      line-height: 32px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 16px;\n      }\n      & * {\n         font-family: ").concat(inheritBrandingStyles ? "var(--channels-h1-font-family, revert)" : "revert", ";    \n      }\n    }\n    h2 {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-h2-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-h2-font-weight, 500)" : "500", ";\n      font-size: 20px;\n      line-height: 28px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 14px;\n      }\n      & * {\n       font-family: ").concat(inheritBrandingStyles ? "var(--channels-h2-font-family, revert)" : "revert", ";     \n      }\n    }\n    h3 {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-h3-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-h3-font-weight, 500)" : "500", ";\n      font-size: 16px;\n      line-height: 24px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 12px;\n      }\n      & * {\n        font-family: ").concat(inheritBrandingStyles ? "var(--channels-h3-font-family, revert);" : "revert", "   \n      }\n    }\n    h4 {\n      font-size: 16px;\n      line-height: 24px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 12px;\n      }\n    }\n    p {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-body-font-weight, revert)" : "revert", ";\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 12px;\n      }\n\n      & * {\n         font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", ";    \n      }\n  }\n    }\n    a {\n      color: ").concat(active, ";\n      text-decoration: none;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n    ul {\n      list-style-type: disc;\n    }\n    ol {\n      list-style-type: decimal;\n      counter-reset: item;\n      li {\n        padding-left: 12px;\n        text-indent: -33px;\n        list-style-type: none;\n        counter-increment: item;\n        &:before {\n          display: inline-block;\n          width: 13px;\n          padding-right: 15px;\n          padding-left: 5px;\n          font-weight: bold;\n          text-align: right;\n          content: counter(item) \".\";\n        }\n        font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", "; \n        font-weight: ").concat(inheritBrandingStyles ? "var(--channels-body-font-weight, revert)" : "revert", ";\n      }\n    }\n    ol,\n    ul {\n      font-size: 16px;\n      line-height: 24px;\n      margin: 18px 16px;\n      display: block;\n      -webkit-margin-before: 0.5em;\n      -webkit-margin-after: 0.5em;\n      -webkit-padding-start: 0.5em;\n      li,\n      li {\n        margin-bottom: 5px;\n        padding-left: 10px;\n        > ul,\n        > ol {\n          -webkit-margin-before: 8px !important;\n          -webkit-margin-after: 8px !important;\n        }\n\n        font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert);" : "revert", ";\n        font-weight: ").concat(inheritBrandingStyles ? "var(--channels-body-font-weight, revert)" : "revert", ";\n      }\n\n      &:first-child,\n      &:first-child {\n        -webkit-margin-before: 0;\n      }\n      &:last-child,\n      &:last-child {\n        -webkit-margin-after: 0;\n      }\n    }\n    hr {\n      -webkit-margin-before: 16px;\n      -webkit-margin-after: 13px;\n      border-color: @border-color;\n      border-style: solid;\n      height: 0px;\n      border-width: 1px 0 0 0;\n    }\n    table {\n      width: 100%;\n      margin: 15px 0;\n      text-align: left;\n      thead th {\n        background: @white;\n      }\n      th,\n      td {\n        border-width: 1px;\n        border-style: solid;\n        border-color: @border-color;\n        padding: 0.5em;\n      }\n      tr:nth-child(even) {\n        background: @almost-white;\n      }\n      tr:nth-child(odd) {\n        background: @white;\n      }\n    }\n    table.no-borders {\n      th,\n      td {\n        border: none;\n      }\n    }\n    table.padded-2 {\n      th,\n      td {\n        padding: 2em;\n      }\n    }\n    table.padded-1 {\n      th,\n      td {\n        padding: 1em;\n      }\n    }\n    img {\n      max-width: 100%;\n      margin: 15px 0;\n      & + img {\n        margin-top: 0;\n      }\n\n      &[type=\"custom-emoji\"] {\n        height: 1em;\n        display: inline;\n        vertical-align: middle;\n        margin: 0;\n      }\n    }\n    .xl-emoji * {\n      font-size: 40px;\n      line-height: 1.2;\n    }\n    \n    blockquote {\n      border-top: 2px solid ").concat(gray07, ";\n      border-bottom: 2px solid ").concat(gray07, ";\n      font-size: 18px;\n      padding: 24px 48px;\n      position: relative;\n      text-align: center;\n      margin: 48px 0;\n    }\n  ");
+  return widgetType === "page" ? "" : "\n    * {\n      font-family: ".concat(sansFamily, ";\n    }\n\n    h1 {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-h1-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-h1-font-weight, 500)" : "500", ";\n      font-size: 24px;\n      letter-spacing: -0.5px;\n      line-height: 32px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 16px;\n      }\n      & * {\n         font-family: ").concat(inheritBrandingStyles ? "var(--channels-h1-font-family, revert)" : "revert", ";    \n      }\n    }\n    h2 {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-h2-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-h2-font-weight, 500)" : "500", ";\n      font-size: 20px;\n      line-height: 28px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 14px;\n      }\n      & * {\n       font-family: ").concat(inheritBrandingStyles ? "var(--channels-h2-font-family, revert)" : "revert", ";     \n      }\n    }\n    h3 {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-h3-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-h3-font-weight, 500)" : "500", ";\n      font-size: 16px;\n      line-height: 24px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 12px;\n      }\n      & * {\n        font-family: ").concat(inheritBrandingStyles ? "var(--channels-h3-font-family, revert);" : "revert", "   \n      }\n    }\n    h4 {\n      font-size: 16px;\n      line-height: 24px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 12px;\n      }\n    }\n    p {\n      font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", ";      \n      font-weight: ").concat(inheritBrandingStyles ? "var(--channels-body-font-weight, revert)" : "revert", ";\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0px;\n      + h1,\n      + h2,\n      + h3,\n      + h4,\n      + p {\n        margin-top: 12px;\n      }\n\n      & * {\n         font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", ";    \n      }\n  }\n    }\n    a {\n      color: ").concat(active, ";\n      text-decoration: none;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n    ul {\n      list-style-type: disc;\n    }\n    ol {\n      list-style-type: decimal;\n      counter-reset: item;\n      li {\n        padding-left: 12px;\n        text-indent: -33px;\n        list-style-type: none;\n        counter-increment: item;\n        &:before {\n          display: inline-block;\n          width: 13px;\n          padding-right: 15px;\n          padding-left: 5px;\n          font-weight: bold;\n          text-align: right;\n          content: counter(item) \".\";\n        }\n        font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert)" : "revert", "; \n        font-weight: ").concat(inheritBrandingStyles ? "var(--channels-body-font-weight, revert)" : "revert", ";\n      }\n    }\n    ol,\n    ul {\n      font-size: 16px;\n      line-height: 24px;\n      margin: 18px 16px;\n      display: block;\n      -webkit-margin-before: 0.5em;\n      -webkit-margin-after: 0.5em;\n      -webkit-padding-start: 0.5em;\n      li,\n      li {\n        margin-bottom: 5px;\n        padding-left: 10px;\n        > ul,\n        > ol {\n          -webkit-margin-before: 8px !important;\n          -webkit-margin-after: 8px !important;\n        }\n\n        font-family: ").concat(inheritBrandingStyles ? "var(--channels-body-font-family, revert);" : "revert", ";\n        font-weight: ").concat(inheritBrandingStyles ? "var(--channels-body-font-weight, revert)" : "revert", ";\n      }\n\n      &:first-child,\n      &:first-child {\n        -webkit-margin-before: 0;\n      }\n      &:last-child,\n      &:last-child {\n        -webkit-margin-after: 0;\n      }\n    }\n    hr {\n      -webkit-margin-before: 16px;\n      -webkit-margin-after: 13px;\n      border-color: @border-color;\n      border-style: solid;\n      height: 0px;\n      border-width: 1px 0 0 0;\n    }\n    table {\n      width: 100%;\n      margin: 15px 0;\n      text-align: left;\n      thead th {\n        background: @white;\n      }\n      th,\n      td {\n        border-width: 1px;\n        border-style: solid;\n        border-color: @border-color;\n        padding: 0.5em;\n      }\n      tr:nth-child(even) {\n        background: @almost-white;\n      }\n      tr:nth-child(odd) {\n        background: @white;\n      }\n    }\n    table.no-borders {\n      th,\n      td {\n        border: none;\n      }\n    }\n    table.padded-2 {\n      th,\n      td {\n        padding: 2em;\n      }\n    }\n    table.padded-1 {\n      th,\n      td {\n        padding: 1em;\n      }\n    }\n    img {\n      max-width: 100%;\n      margin: 15px 0;\n      & + img {\n        margin-top: 0;\n      }\n    }\n    .xl-emoji * {\n      font-size: 40px;\n      line-height: 1.2;\n    }\n    \n    blockquote {\n      border-top: 2px solid ").concat(gray07, ";\n      border-bottom: 2px solid ").concat(gray07, ";\n      font-size: 18px;\n      padding: 24px 48px;\n      position: relative;\n      text-align: center;\n      margin: 48px 0;\n    }\n  ");
 }, function (_ref4) {
   var widgetType = _ref4.widgetType,
     inheritBrandingStyles = _ref4.inheritBrandingStyles;

package/dist/utils.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(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; }
+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) { _defineProperty(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; }
 import linkifyHtml from "linkifyjs/html";
 import xss from "xss";
 import { decode as decodeHtmlEntities } from "html-entities";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@happeouikit/content-renderer",
-  "version": "3.1.5",
+  "version": "3.1.7",
   "description": "Rendering html and markdown content",
   "main": "dist/index.js",
   "module": "src/index.js",