@commercetools-demo/puck-components 0.8.0 → 0.8.2

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 (6) hide show
  1. package/README.md +116 -0
  2. package/dist/index.js +24 -24
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +24 -24
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +3 -2
package/dist/index.mjs CHANGED
@@ -677,30 +677,30 @@ var sanitizeHtml = (html) => {
677
677
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
678
678
  var STYLE_ID = "puck-rich-text-content-styles";
679
679
  var RICH_TEXT_CSS = `
680
- .puck-rich-text-content { line-height: 1.6; }
681
- .puck-rich-text-content > :first-child { margin-top: 0; }
682
- .puck-rich-text-content > :last-child { margin-bottom: 0; }
683
- .puck-rich-text-content h1 { font-size: 2em; font-weight: 700; line-height: 1.2; margin: 0.67em 0; }
684
- .puck-rich-text-content h2 { font-size: 1.5em; font-weight: 700; line-height: 1.25; margin: 0.75em 0; }
685
- .puck-rich-text-content h3 { font-size: 1.17em; font-weight: 700; line-height: 1.3; margin: 0.83em 0; }
686
- .puck-rich-text-content h4 { font-size: 1em; font-weight: 700; margin: 1em 0; }
687
- .puck-rich-text-content h5 { font-size: 0.83em; font-weight: 700; margin: 1.17em 0; }
688
- .puck-rich-text-content h6 { font-size: 0.75em; font-weight: 700; margin: 1.33em 0; }
689
- .puck-rich-text-content p { margin: 1em 0; }
690
- .puck-rich-text-content strong, .puck-rich-text-content b { font-weight: 700; }
691
- .puck-rich-text-content em, .puck-rich-text-content i { font-style: italic; }
692
- .puck-rich-text-content u { text-decoration: underline; }
693
- .puck-rich-text-content s, .puck-rich-text-content del { text-decoration: line-through; }
694
- .puck-rich-text-content ul { list-style: disc; margin: 1em 0; padding-left: 1.5em; }
695
- .puck-rich-text-content ol { list-style: decimal; margin: 1em 0; padding-left: 1.5em; }
696
- .puck-rich-text-content li { margin: 0.25em 0; }
697
- .puck-rich-text-content a { color: #2563eb; text-decoration: underline; }
698
- .puck-rich-text-content blockquote { margin: 1em 0; padding-left: 1em; border-left: 3px solid #d1d5db; color: #4b5563; }
699
- .puck-rich-text-content code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; background: rgba(0,0,0,0.06); padding: 0.1em 0.3em; border-radius: 3px; font-size: 0.9em; }
700
- .puck-rich-text-content pre { background: rgba(0,0,0,0.06); padding: 0.75em 1em; border-radius: 6px; overflow-x: auto; }
701
- .puck-rich-text-content pre code { background: none; padding: 0; }
702
- .puck-rich-text-content img { max-width: 100%; height: auto; }
703
- .puck-rich-text-content hr { border: none; border-top: 1px solid #e5e7eb; margin: 1.5em 0; }
680
+ .puck-rich-text-content { line-height: var(--puck-rich-text-content--line-height, 1.6); }
681
+ .puck-rich-text-content > :first-child { margin-top: var(--puck-rich-text-content--first-child--margin-top, 0); }
682
+ .puck-rich-text-content > :last-child { margin-bottom: var(--puck-rich-text-content--last-child--margin-bottom, 0); }
683
+ .puck-rich-text-content h1 { font-size: var(--puck-rich-text-content--h1--font-size, 2em); font-weight: var(--puck-rich-text-content--h1--font-weight, 400); line-height: var(--puck-rich-text-content--h1--line-height, 1.2); margin: var(--puck-rich-text-content--h1--margin, 0.67em 0); }
684
+ .puck-rich-text-content h2 { font-size: var(--puck-rich-text-content--h2--font-size, 1.5em); font-weight: var(--puck-rich-text-content--h2--font-weight, 400); line-height: var(--puck-rich-text-content--h2--line-height, 1.25); margin: var(--puck-rich-text-content--h2--margin, 0.75em 0); }
685
+ .puck-rich-text-content h3 { font-size: var(--puck-rich-text-content--h3--font-size, 1.17em); font-weight: var(--puck-rich-text-content--h3--font-weight, 400); line-height: var(--puck-rich-text-content--h3--line-height, 1.3); margin: var(--puck-rich-text-content--h3--margin, 0.83em 0); }
686
+ .puck-rich-text-content h4 { font-size: var(--puck-rich-text-content--h4--font-size, 1em); font-weight: var(--puck-rich-text-content--h4--font-weight, 400); margin: var(--puck-rich-text-content--h4--margin, 1em 0); }
687
+ .puck-rich-text-content h5 { font-size: var(--puck-rich-text-content--h5--font-size, 0.83em); font-weight: var(--puck-rich-text-content--h5--font-weight, 400); margin: var(--puck-rich-text-content--h5--margin, 1.17em 0); }
688
+ .puck-rich-text-content h6 { font-size: var(--puck-rich-text-content--h6--font-size, 0.75em); font-weight: var(--puck-rich-text-content--h6--font-weight, 400); margin: var(--puck-rich-text-content--h6--margin, 1.33em 0); }
689
+ .puck-rich-text-content p { margin: var(--puck-rich-text-content--p--margin, 1em 0); }
690
+ .puck-rich-text-content strong, .puck-rich-text-content b { font-weight: var(--puck-rich-text-content--strong--font-weight, 700); }
691
+ .puck-rich-text-content em, .puck-rich-text-content i { font-style: var(--puck-rich-text-content--em--font-style, italic); }
692
+ .puck-rich-text-content u { text-decoration: var(--puck-rich-text-content--u--text-decoration, underline); }
693
+ .puck-rich-text-content s, .puck-rich-text-content del { text-decoration: var(--puck-rich-text-content--s--text-decoration, line-through); }
694
+ .puck-rich-text-content ul { list-style: var(--puck-rich-text-content--ul--list-style, disc); margin: var(--puck-rich-text-content--ul--margin, 1em 0); padding-left: var(--puck-rich-text-content--ul--padding-left, 1.5em); }
695
+ .puck-rich-text-content ol { list-style: var(--puck-rich-text-content--ol--list-style, decimal); margin: var(--puck-rich-text-content--ol--margin, 1em 0); padding-left: var(--puck-rich-text-content--ol--padding-left, 1.5em); }
696
+ .puck-rich-text-content li { margin: var(--puck-rich-text-content--li--margin, 0.25em 0); }
697
+ .puck-rich-text-content a { color: var(--puck-rich-text-content--a--color, #2563eb); text-decoration: var(--puck-rich-text-content--a--text-decoration, underline); }
698
+ .puck-rich-text-content blockquote { margin: var(--puck-rich-text-content--blockquote--margin, 1em 0); padding-left: var(--puck-rich-text-content--blockquote--padding-left, 1em); border-left: var(--puck-rich-text-content--blockquote--border-left, 3px solid #d1d5db); color: var(--puck-rich-text-content--blockquote--color, #4b5563); }
699
+ .puck-rich-text-content code { font-family: var(--puck-rich-text-content--code--font-family, ui-monospace, SFMono-Regular, Menlo, monospace); background: var(--puck-rich-text-content--code--background, rgba(0,0,0,0.06)); padding: var(--puck-rich-text-content--code--padding, 0.1em 0.3em); border-radius: var(--puck-rich-text-content--code--border-radius, 3px); font-size: var(--puck-rich-text-content--code--font-size, 0.9em); }
700
+ .puck-rich-text-content pre { background: var(--puck-rich-text-content--pre--background, rgba(0,0,0,0.06)); padding: var(--puck-rich-text-content--pre--padding, 0.75em 1em); border-radius: var(--puck-rich-text-content--pre--border-radius, 6px); overflow-x: var(--puck-rich-text-content--pre--overflow-x, auto); }
701
+ .puck-rich-text-content pre code { background: var(--puck-rich-text-content--pre-code--background, none); padding: var(--puck-rich-text-content--pre-code--padding, 0); }
702
+ .puck-rich-text-content img { max-width: var(--puck-rich-text-content--img--max-width, 100%); height: var(--puck-rich-text-content--img--height, auto); }
703
+ .puck-rich-text-content hr { border: var(--puck-rich-text-content--hr--border, none); border-top: var(--puck-rich-text-content--hr--border-top, 1px solid #e5e7eb); margin: var(--puck-rich-text-content--hr--margin, 1.5em 0); }
704
704
  `.trim();
705
705
  var RichTextContent = ({
706
706
  html,