@happeouikit/content-renderer - npm Package Compare versions

Comparing version 3.1.3 to 3.1.4

CHANGELOG.md

 # Changelog
 
+## 3.1.4
+
+- [Fixed] styles for custom-emoji
+
 ## 3.1.3
@@ -4,0 +8,0 @@

dist/ContentRenderer.js

@@ -182,3 +182,3 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
     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        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      &[type=\"custom-emoji\"] {\n        height: 1em;\n        display: inline;\n        vertical-align: middle;\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) {
@@ -185,0 +185,0 @@ var widgetType = _ref4.widgetType,

package.json

 {
   "name": "@happeouikit/content-renderer",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "description": "Rendering html and markdown content",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35635

increased by0.16%

No dependency changes