@automattic/social-previews 3.2.5 → 3.3.1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/social-previews",
3
- "version": "3.2.5",
3
+ "version": "3.3.1",
4
4
  "description": "A suite of components to generate previews for a post for both social and search engines.",
5
5
  "keywords": [
6
6
  "wordpress",
@@ -25,43 +25,42 @@
25
25
  "exports": {
26
26
  ".": {
27
27
  "import": "./dist/index.mjs",
28
- "require": "./dist/index.js"
28
+ "require": "./dist/index.cjs"
29
29
  },
30
- "./style.css": "./dist/index.css"
30
+ "./style.css": "./dist/style.css"
31
31
  },
32
- "main": "dist/index.js",
32
+ "main": "dist/index.cjs",
33
33
  "module": "dist/index.mjs",
34
34
  "scripts": {
35
35
  "build": "pnpm run build:prod",
36
- "build:prod": "tsup",
36
+ "build:prod": "tsdown",
37
37
  "test": "jest --config=tests/jest.config.cjs",
38
38
  "test-coverage": "pnpm run test --coverage",
39
39
  "typecheck": "tsgo --noEmit"
40
40
  },
41
41
  "dependencies": {
42
- "@wordpress/components": "35.0.0",
43
- "@wordpress/element": "8.0.0",
44
- "@wordpress/i18n": "6.21.0",
42
+ "@wordpress/components": "35.0.1",
43
+ "@wordpress/element": "8.0.1",
44
+ "@wordpress/i18n": "6.21.1",
45
45
  "clsx": "2.1.1"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@automattic/jetpack-webpack-config": "workspace:*",
49
- "@babel/core": "7.29.0",
49
+ "@babel/core": "^7.29.7",
50
50
  "@testing-library/dom": "10.4.1",
51
51
  "@testing-library/jest-dom": "6.9.1",
52
52
  "@testing-library/react": "16.3.2",
53
+ "@tsdown/css": "0.22.2",
53
54
  "@types/jest": "30.0.0",
54
55
  "@types/react": "18.3.28",
55
56
  "@types/react-dom": "18.3.7",
56
57
  "@typescript/native-preview": "7.0.0-dev.20260225.1",
57
58
  "babel-jest": "30.4.1",
58
- "esbuild": "0.27.4",
59
- "esbuild-sass-plugin": "3.3.1",
60
59
  "jest": "30.4.2",
61
60
  "react": "18.3.1",
62
61
  "react-dom": "18.3.1",
63
- "sass": "npm:sass-embedded@^1.97.2",
64
- "tsup": "8.5.1",
62
+ "sass-embedded": "^1.97.2",
63
+ "tsdown": "0.22.2",
65
64
  "typescript": "5.9.3"
66
65
  },
67
66
  "peerDependencies": {
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/style.scss","../src/style.scss","../variables.scss","../src/shared/style.scss","../src/style.scss","../src/variables.scss","../src/tumblr-preview/post/styles.scss","../src/variables.scss","../src/tumblr-preview/post/styles.scss","../src/variables.scss","../src/tumblr-preview/post/styles.scss","../src/variables.scss","../src/styles.scss","../src/facebook-preview/post/styles.scss","../src/facebook-preview/post/styles.scss","../src/variables.scss","../src/facebook-preview/post/styles.scss","../src/variables.scss","../src/style.scss","../src/variables.scss","../src/mastodon-preview/post/styles.scss","../src/variables.scss","../src/mastodon-preview/post/styles.scss","../src/variables.scss","../src/mastodon-preview/post/styles.scss","../src/styles.scss","../src/variables.scss","../src/mastodon-preview/post/styles.scss","../src/variables.scss","../src/style.scss","../src/bluesky-preview/post/styles.scss","../src/bluesky-preview/post/styles.scss","../src/variables.scss","../src/bluesky-preview/post/styles.scss","../src/variables.scss","../src/bluesky-preview/post/styles.scss","../src/bluesky-preview/post/styles.scss","../src/styles.scss","../src/variables.scss","../src/style.scss","../src/variables.scss","../src/style.scss"],"sourcesContent":["/*\n * CSS values in this file are specific and\n * designed to match the CSS on external sites,\n * such as Google and Facebook. Therefore there\n * will be exceptions to our CSS guidelines here\n * but please do not \"update\" this file to\n * conform.\n *\n * @blame: dmsnell\n*/\n\n.search-preview__display {\n\tborder: 1px solid var(--color-neutral-0);\n\tfont-family: arial, sans-serif;\n\tpadding: 10px 20px;\n\toverflow-wrap: break-word;\n}\n\n.search-preview__header {\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: 0.5rem;\n}\n\n.search-preview__menu {\n\theight: 18px;\n\twidth: 18px;\n\tcolor: #4d5156;\n\tposition: relative;\n}\n\n.search-preview__branding {\n\tdisplay: flex;\n\tgap: 0.75rem;\n\talign-items: center;\n}\n\n.search-preview__site--title {\n\tcolor: #202124; // matching Google results\n\tfont-size: 14px;\n\tline-height: 20px;\n}\n\n.search-preview__icon {\n\twidth: 1.75rem;\n\theight: 1.75rem;\n}\n\n.search-preview__title {\n\tcolor: #1a0dab; // matching Google results\n\tfont-size: 20px;\n\tline-height: 1.3;\n\tmax-width: 616px;\n\tmargin-top: 8px;\n\tmargin-bottom: 7px;\n\n\t&:hover {\n\t\tcursor: pointer;\n\t\ttext-decoration: underline;\n\t}\n}\n\n.search-preview__url {\n\tcolor: #4d5156; // matching Google results\n\tfont-size: 12px;\n\tline-height: 1.3;\n\tmax-width: 616px;\n}\n\n.search-preview__description {\n\tcolor: #4d5156; // matching Google results\n\tfont-size: 14px;\n\tfont-weight: 400;\n\tline-height: 1.5;// matching Google results\n\tmax-width: 616px;\n}\n","/*\n * CSS values in this file are specific and\n * designed to match the CSS on Twitter. Therefore there\n * will be exceptions to our CSS guidelines here\n * but please do not \"update\" this file to conform.\n *\n * @blame: pento\n */\n\n@use \"../variables\" as vars;\n\n.twitter-preview {\n\tpadding: 20px;\n}\n\n.twitter-preview__wrapper {\n\tbackground-color: #fff;\n\tmax-width: clamp(200px, 100%, 635px);\n\tmargin-inline: auto;\n\tpadding-top: 1rem;\n\tborder-radius: 4px;\n\tpadding-inline-end: 1rem;\n}\n\n.twitter-preview__section.social-preview__section {\n\twidth: clamp(200px, 100%, 635px);\n\n\t// To compensate for the padding for profile picture in twitter threads\n\t.social-preview__section-heading,\n\t.social-preview__section-desc {\n\t\tpadding-inline-start: 17px;\n\t}\n}\n\n.twitter-preview__container {\n\tdisplay: grid;\n\tgrid-template-columns: 65px auto;\n\tmargin-bottom: 5px;\n\tfont-size: vars.$tweet-font-size;\n\tline-height: 20px;\n\n\t.twitter-preview__sidebar {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 35px auto;\n\t\tjustify-items: center;\n\n\t\t.twitter-preview__profile-image {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmax-width: 30px;\n\t\t\tmax-height: 30px;\n\t\t\tborder-radius: 50%;\n\t\t\toverflow: hidden;\n\n\t\t\timg {\n\t\t\t\tobject-fit: cover;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.twitter-preview__connector {\n\t\t\twidth: 2px;\n\t\t\tbackground-color: #8c8f94;\n\t\t}\n\t}\n\n\t.twitter-preview__main {\n\t\tpadding-bottom: 1rem;\n\t\toverflow: hidden;\n\t}\n\n\t.twitter-preview__header {\n\t\tdisplay: flex;\n\t\tgap: 0.25rem;\n\t\tfont-size: 16px;\n\t\tline-height: 18px;\n\t\tmargin-bottom: 2px;\n\t}\n\n\t.twitter-preview__name {\n\t\tfont-weight: 700;\n\t}\n\n\t.twitter-preview__screen-name,\n\t.twitter-preview__date {\n\t\tcolor: #667886;\n\t\tletter-spacing: -0.3px;\n\t}\n\n\t.twitter-preview__content {\n\n\t\t.twitter-preview__text {\n\t\t\tcolor: rgb(15, 20, 25);\n\t\t\twhite-space: pre-wrap;\n\t\t\toverflow-wrap: break-word;\n\t\t}\n\n\t\t.twitter-preview__media {\n\t\t\tborder-radius: 15px; /* stylelint-disable-line scales/radii */\n\t\t\toverflow: hidden;\n\t\t\tdisplay: grid;\n\t\t\tgap: 2px;\n\t\t\tgrid-template-areas: \"a\";\n\t\t\theight: 300px;\n\t\t\tmargin-top: 12px;\n\n\t\t\timg,\n\t\t\tvideo {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\n\t\t\t\t&:nth-child(1) {\n\t\t\t\t\tgrid-area: a;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(2) {\n\t\t\t\t\tgrid-area: b;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(3) {\n\t\t\t\t\tgrid-area: c;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(4) {\n\t\t\t\t\tgrid-area: d;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.twitter-preview__media-children-2 {\n\t\t\t\tgrid-template-areas: \"a b\";\n\t\t\t}\n\n\t\t\t&.twitter-preview__media-children-3 {\n\t\t\t\tgrid-template-areas:\n\t\t\t\t\t\"a b\"\n\t\t\t\t\t\"a c\";\n\t\t\t}\n\n\t\t\t&.twitter-preview__media-children-4 {\n\t\t\t\tgrid-template-areas:\n\t\t\t\t\t\"a b\"\n\t\t\t\t\t\"c d\";\n\t\t\t}\n\t\t}\n\n\t\t.twitter-preview__quote-tweet {\n\t\t\tmargin-top: 10px;\n\t\t\tmin-height: 200px;\n\n\t\t\t.twitter-preview__quote-tweet-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t}\n\n\t\t.twitter-preview__card {\n\t\t\tmargin-top: 12px;\n\t\t\tmargin-bottom: 12px;\n\t\t\toverflow: hidden;\n\t\t\tborder: 1px solid #e1e8ed;\n\t\t\tborder-radius: 12px; /* stylelint-disable-line scales/radii */\n\n\t\t\t.twitter-preview__card-summary {\n\t\t\t\tdisplay: grid;\n\n\t\t\t\t&.twitter-preview__card-has-image {\n\t\t\t\t\theight: 125px;\n\t\t\t\t\tdisplay: grid;\n\t\t\t\t\tgrid-template-columns: 125px auto;\n\n\t\t\t\t\t.twitter-preview__card-body {\n\t\t\t\t\t\tborder-left: 1px solid #e1e8ed;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t}\n\n\t\t\t\t\t.twitter-preview__card-description {\n\t\t\t\t\t\t-webkit-line-clamp: 3;\n\t\t\t\t\t\tline-clamp: 3;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.twitter-preview__card-summary_large_image {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-rows: 254px auto;\n\t\t\t}\n\n\t\t\t.twitter-preview__card-image {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\taspect-ratio: 16/9;\n\t\t\t}\n\n\t\t\t.twitter-preview__card-body {\n\t\t\t\tpadding: 0.75em;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tfont-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\t\t\t\tcolor: var(--studio-black);\n\t\t\t\ttext-align: left;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 2px;\n\t\t\t}\n\n\t\t\t.twitter-preview__card-title {\n\t\t\t\tmax-height: 1.3em;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\n\t\t\t.twitter-preview__card-description {\n\t\t\t\tmax-height: 3.9em;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tcolor: rgb(83, 100, 113);\n\t\t\t\t//clamp after three lines\n\t\t\t\tdisplay: -webkit-box;\n\t\t\t\t-webkit-line-clamp: 3;\n\t\t\t\t-webkit-box-orient: vertical;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.twitter-preview__card-url {\n\t\t\t\ttext-transform: lowercase;\n\t\t\t\tcolor: #8899a6;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow-inline: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\t}\n\n\t.twitter-preview__footer {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tmax-width: 425px;\n\t\tmargin-top: 12px;\n\n\t\tsvg {\n\t\t\tfill: #787c82;\n\t\t\theight: 16px;\n\t\t\twidth: 16px;\n\t\t}\n\t}\n}\n","// Define variables, but only if they already don't exist.\n// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n// This is for any outside consumers of the package that\n// don't have the entire calypso environment, which provides\n// these variables from a private package.\n// (See: https://sass-lang.com/documentation/variables#default-values )\n\n// In a regular calypso environment with @automattic/typography pulled in,\n// these won't have any effect.\n\n$font-body-extra-small: 12px !default;\n$font-body-small: 14px !default;\n$tweet-font-size: 15px !default;\n$tweet-line-height: 20px !default;\n",".social-previews__expand-toggle.components-button.is-link {\n\theight: auto;\n\tpadding: 0;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n",".linkedin-preview {\n\n\t&__wrapper {\n\t\tmargin-inline: auto;\n\t\tmax-width: clamp(200px, 100%, 555px);\n\t}\n\n\t// When the preview is in a section of all previews\n\t&__section &__wrapper {\n\t\tpadding: 0;\n\t}\n\n\t&__section.social-preview__section {\n\t\twidth: clamp(200px, 100%, 555px);\n\t}\n\n\t&__container {\n\t\tbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.05);\n\t\tbackground-color: #fff;\n\t\tborder-radius: 8px;\n\t\toverflow: hidden;\n\n\t\t&.has-media {\n\t\t\t// When the preview has media,\n\t\t\t// we want to hide the border radius on the bottom\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-end-start-radius: 0;\n\t\t}\n\t}\n\n\t&__header {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.8rem 1rem 0;\n\t\tmargin-bottom: 0.8rem;\n\n\t\t&--avatar {\n\t\t\twidth: 48px;\n\t\t\theight: 48px;\n\t\t\tborder-radius: 50%;\n\t\t\toverflow: hidden;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex-shrink: 0;\n\t\t}\n\n\t\t&--avatar img {\n\t\t\twidth: 100%;\n\t\t\tobject-fit: contain;\n\t\t}\n\n\t\t&--profile {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&--profile-title {\n\t\t\tfont-size: 0.75rem;\n\t\t}\n\n\t\t&--profile-info {\n\t\t\tdisplay: flex;\n\t\t\tgap: 0.25rem;\n\t\t}\n\n\t\t&--profile-name {\n\t\t\tfont-weight: 600;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t&--profile-meta {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 0.25rem;\n\t\t}\n\t}\n\n\t&__caption {\n\t\tmargin: 0 1rem;\n\t\tfont-size: 0.875rem;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t&__content article,\n\t&__media {\n\t\tmargin-top: 0.5rem;\n\t\tbackground-color: #eef3f8;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t&__media-item {\n\t\tdisplay: flex;\n\n\t\timg,\n\t\tvideo {\n\t\t\twidth: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n\n\t&__description {\n\t\tpadding: 0.5rem 0.75rem;\n\n\t\t&--title {\n\t\t\tmargin: 0;\n\t\t\tfont-size: 0.875rem;\n\t\t\tfont-weight: 600;\n\t\t}\n\n\t\t&--meta {\n\t\t\tmargin-top: 0.5rem;\n\t\t\tdisplay: flex;\n\t\t\tgap: 0.25rem;\n\t\t\tfont-size: 0.875rem;\n\t\t\tfont-weight: 400;\n\t\t\tcolor: rgba(0, 0, 0, 0.6);\n\t\t}\n\t}\n\n\t&__image {\n\t\tobject-fit: cover;\n\t\twidth: 100%;\n\t}\n}\n","$tumblr-preview-width: 540px;\n$tumblr-preview-avatar-size: 64px;\n$tumblr-preview-text-color: #000;\n$tumblr-preview-background-color: #fff;\n$tumblr-preview-action-text-color: rgba(0, 0, 0, 0.65);\n$tumblr-preview-font-family: \"Favorit\", \"Helvetica Neue\", \"HelveticaNeue\", Helvetica, Arial, sans-serif;\n$tumblr-preview-border-radius: 8px;\n/* stylelint-disable-next-line scales/radii */\n$tumblr-preview-window-border-radius: 6px;\n$tumblr-preview-border: solid 1px rgba(194, 123, 123, 0.15);\n$tumblr-preview-card-inline-padding: 1.25rem;\n$tumblr-preview-accent-color: #00b8ff;\n$tumblr-preview-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.05);\n","@use \"../../variables\" as vars;\n\n.tumblr-preview__post-icon {\n\tdisplay: flex;\n\talign-items: center;\n\n\tsvg {\n\t\tfill: vars.$tumblr-preview-action-text-color;\n\t}\n}\n\n.tumblr-preview__post-icon-blaze {\n\twidth: 23px;\n\theight: 20px;\n}\n\n.tumblr-preview__post-icon-delete {\n\twidth: 17px;\n\theight: 21px;\n}\n\n\n.tumblr-preview__post-icon-edit {\n\twidth: 21px;\n\theight: 21px;\n}\n\n\n.tumblr-preview__post-icon-share {\n\twidth: 24px;\n\theight: 24px;\n}\n\n\n.tumblr-preview__post-icon-reply {\n\twidth: 21px;\n\theight: 21px;\n}\n\n\n.tumblr-preview__post-icon-reblog {\n\twidth: 21px;\n\theight: 21px;\n}\n\n\n.tumblr-preview__post-icon-like {\n\twidth: 23px;\n\theight: 21px;\n}\n\n\n.tumblr-preview__post-icon-ellipsis {\n\twidth: 18px;\n\theight: 4px;\n}\n","$tumblr-preview-width: 540px;\n$tumblr-preview-avatar-size: 64px;\n$tumblr-preview-text-color: #000;\n$tumblr-preview-background-color: #fff;\n$tumblr-preview-action-text-color: rgba(0, 0, 0, 0.65);\n$tumblr-preview-font-family: \"Favorit\", \"Helvetica Neue\", \"HelveticaNeue\", Helvetica, Arial, sans-serif;\n$tumblr-preview-border-radius: 8px;\n/* stylelint-disable-next-line scales/radii */\n$tumblr-preview-window-border-radius: 6px;\n$tumblr-preview-border: solid 1px rgba(194, 123, 123, 0.15);\n$tumblr-preview-card-inline-padding: 1.25rem;\n$tumblr-preview-accent-color: #00b8ff;\n$tumblr-preview-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.05);\n","@use \"../../variables\" as vars;\n\n.tumblr-preview__post-actions {\n\tmargin-top: 0.25rem;\n\tpadding: 0 vars.$tumblr-preview-card-inline-padding;\n\tcolor: vars.$tumblr-preview-action-text-color;\n\n\tfont-size: 1rem; // 16px\n\tfont-weight: 700;\n\tline-height: 1.5;\n}\n\n.tumblr-preview__post-manage-actions,\n.tumblr-preview__post-social-actions {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\n\tmin-height: 3.5rem;\n\n\tul {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 1.25rem;\n\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\tlist-style-type: none;\n\n\t\t> li {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\t}\n}\n\n.tumblr-preview__post-social-actions {\n\tborder-top: vars.$tumblr-preview-border;\n}\n\n.tumblr-preview__post-actions-blaze {\n\tdisplay: flex;\n\talign-items: center;\n}\n","$tumblr-preview-width: 540px;\n$tumblr-preview-avatar-size: 64px;\n$tumblr-preview-text-color: #000;\n$tumblr-preview-background-color: #fff;\n$tumblr-preview-action-text-color: rgba(0, 0, 0, 0.65);\n$tumblr-preview-font-family: \"Favorit\", \"Helvetica Neue\", \"HelveticaNeue\", Helvetica, Arial, sans-serif;\n$tumblr-preview-border-radius: 8px;\n/* stylelint-disable-next-line scales/radii */\n$tumblr-preview-window-border-radius: 6px;\n$tumblr-preview-border: solid 1px rgba(194, 123, 123, 0.15);\n$tumblr-preview-card-inline-padding: 1.25rem;\n$tumblr-preview-accent-color: #00b8ff;\n$tumblr-preview-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.05);\n","@use \"../../variables\" as vars;\n\n.tumblr-preview__post-header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\n\tmargin: 1rem 0;\n\tpadding: 0 vars.$tumblr-preview-card-inline-padding;\n}\n\n.tumblr-preview__post-header-username {\n\tfont-size: 0.875rem; // 14px\n\tfont-weight: 700;\n\tline-height: 1.5;\n}\n","$tumblr-preview-width: 540px;\n$tumblr-preview-avatar-size: 64px;\n$tumblr-preview-text-color: #000;\n$tumblr-preview-background-color: #fff;\n$tumblr-preview-action-text-color: rgba(0, 0, 0, 0.65);\n$tumblr-preview-font-family: \"Favorit\", \"Helvetica Neue\", \"HelveticaNeue\", Helvetica, Arial, sans-serif;\n$tumblr-preview-border-radius: 8px;\n/* stylelint-disable-next-line scales/radii */\n$tumblr-preview-window-border-radius: 6px;\n$tumblr-preview-border: solid 1px rgba(194, 123, 123, 0.15);\n$tumblr-preview-card-inline-padding: 1.25rem;\n$tumblr-preview-accent-color: #00b8ff;\n$tumblr-preview-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.05);\n","@use \"./variables\" as vars;\n\n\n.tumblr-preview__section.social-preview__section {\n\twidth: clamp(200px, 100%, calc(#{vars.$tumblr-preview-width + vars.$tumblr-preview-avatar-size} + #{vars.$tumblr-preview-card-inline-padding}));\n}\n\n.tumblr-preview__post {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 1.25rem;\n}\n\n.tumblr-preview__avatar {\n\twidth: vars.$tumblr-preview-avatar-size;\n\theight: vars.$tumblr-preview-avatar-size;\n\n\tborder-radius: vars.$tumblr-preview-border-radius;\n\n\t@media (max-width: 660px) {\n\t\tdisplay: none;\n\t}\n}\n\n.tumblr-preview__card {\n\toverflow-y: hidden;\n\n\tbackground-color: vars.$tumblr-preview-background-color;\n\tborder-radius: vars.$tumblr-preview-border-radius;\n\tbox-shadow: vars.$tumblr-preview-box-shadow;\n\n\tcolor: vars.$tumblr-preview-text-color;\n\tfont-family: vars.$tumblr-preview-font-family;\n\tfont-size: 1rem;\n\n\t:any-link {\n\t\tcolor: inherit;\n\t\ttext-decoration: underline;\n\t}\n}\n\n.tumblr-preview__custom-text {\n\tmargin: 0 0 1rem 0;\n\tpadding: 0 vars.$tumblr-preview-card-inline-padding;\n}\n\n.tumblr-preview__title {\n\tmargin: 0 0 1rem 0;\n\tpadding: 0 vars.$tumblr-preview-card-inline-padding;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 1.625rem; // 26px\n\tfont-weight: 400;\n\tline-height: 1.3;\n}\n\n.tumblr-preview__description {\n\tmargin: 0 0 1rem 0;\n\tpadding: 0 vars.$tumblr-preview-card-inline-padding;\n\n\tfont-size: 1rem; // 16px\n\tline-height: 1.5;\n}\n\n.tumblr-preview__image {\n\tdisplay: block;\n\tmargin: 0 0 1rem;\n\twidth: 100%;\n}\n\n.tumblr-preview__url {\n\tdisplay: inline-block;\n\n\tmargin: 0 0 1rem 0;\n\tpadding: 0 vars.$tumblr-preview-card-inline-padding;\n}\n\n.tumblr-preview__site-name {\n\tcolor: vars.$tumblr-preview-action-text-color;\n\n\tfont-size: 0.75rem;\n\ttext-transform: uppercase;\n}\n\n.tumblr-preview__window {\n\tmargin: 0 vars.$tumblr-preview-card-inline-padding 1.25rem;\n}\n\n.tumblr-preview__window-top {\n\tposition: relative;\n\n\tborder-top-left-radius: vars.$tumblr-preview-window-border-radius;\n\tborder-top-right-radius: vars.$tumblr-preview-window-border-radius;\n\n\t.tumblr-preview__image {\n\t\tmargin: 0;\n\t\twidth: 100%;\n\t\taspect-ratio: 16/9;\n\t\tborder-top-left-radius: inherit;\n\t\tborder-top-right-radius: inherit;\n\t\tobject-fit: cover;\n\t}\n}\n\n.tumblr-preview__window-bottom {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0.5rem;\n\n\tpadding: 1rem 0.75rem;\n\n\tborder: 1px solid rgba(0, 0, 0, 0.25);\n\tborder-bottom-left-radius: vars.$tumblr-preview-window-border-radius;\n\tborder-bottom-right-radius: vars.$tumblr-preview-window-border-radius;\n\n\t&.is-full {\n\t\tborder-top-left-radius: vars.$tumblr-preview-window-border-radius;\n\t\tborder-top-right-radius: vars.$tumblr-preview-window-border-radius;\n\t}\n\n\t> * {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n.tumblr-preview__overlay {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\tpadding: 1rem 0.75rem;\n\n\tbackground-color: rgba(0, 0, 0, 0.4);\n\tborder-top-left-radius: inherit;\n\tborder-top-right-radius: inherit;\n\tcolor: #fff;\n\n\t> * {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n",".facebook-preview__post-icon {\n\tdisplay: inline-block;\n\n\t/* stylelint-disable-next-line function-url-quotes */\n\tbackground-image: url(\"data:image/png;base64,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\");\n\tbackground-repeat: no-repeat;\n\tbackground-size: 73px 18px;\n\n\tfilter: invert(40%);\n}\n\n.facebook-preview__post-icon-like {\n\twidth: 18px;\n\theight: 18px;\n\n\tbackground-position: 0 0;\n}\n\n.facebook-preview__post-icon-comment {\n\twidth: 18px;\n\theight: 18px;\n\n\tbackground-position: -18px 0;\n}\n\n.facebook-preview__post-icon-share {\n\twidth: 18px;\n\theight: 18px;\n\n\tbackground-position: -36px 0;\n}\n\n.facebook-preview__post-icon-info {\n\twidth: 7px;\n\theight: 14px;\n\n\tbackground-position: -54px 0;\n}\n\n.facebook-preview__post-icon-public {\n\twidth: 12px;\n\theight: 12px;\n\n\tbackground-position: -61px 0;\n}\n","@use \"../../variables\" as vars;\n\n.facebook-preview__post-actions {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-around;\n\n\twidth: 100%;\n\theight: 2.625rem; // 42px\n\tmargin: 0;\n\tpadding: 0;\n\n\tcolor: vars.$facebook-preview-light-text-color;\n\tlist-style-type: none;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.9375rem; // 15px\n\tfont-weight: 600;\n\tline-height: 1.33;\n\n\t> li {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 0.5rem;\n\n\t\tmargin: 0;\n\t}\n}\n","$facebook-preview-max-width: 680px;\n$facebook-preview-min-width: 508px;\n$facebook-preview-text-color: #050505;\n$facebook-preview-light-text-color: #65676b;\n$facebook-preview-font-family: system-ui, -apple-system, BlinkMacSystemFont, \".SFNSText-Regular\", sans-serif;\n$facebook-preview-card-background-color: #fff;\n$facebook-preview-card-border-radius: 4px;\n$facebook-preview-card-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgb(0 0 0 / 5%);\n$facebook-preview-text-background-color: #f0f2f5;\n$facebook-preview-body-border: 1px solid #d4d0d4;\n$facebook-preview-image-background: #121212;\n$facebook-blue: #216fdb;\n","@use \"../../variables\" as vars;\n\n.facebook-preview__post-header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\n\tbox-sizing: border-box;\n\twidth: 100%;\n\n\tpadding: 0.75rem 1rem 0.5rem;\n\tmin-height: 60px;\n}\n\n.facebook-preview__post-header-content {\n\tdisplay: flex;\n\tgap: 0.5rem;\n}\n\n.facebook-preview__post-header-avatar {\n\twidth: 40px;\n\theight: 40px;\n\n\tborder-radius: 50%;\n\tborder: solid 1px #e5e5e5;\n}\n\n.facebook-preview__post-header-name {\n\tcolor: vars.$facebook-preview-text-color;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.9375rem; // 15px\n\tfont-weight: 600;\n\tline-height: 1.33;\n}\n\n.facebook-preview__post-header-share {\n\tdisplay: flex;\n\talign-items: center;\n\n\tcolor: vars.$facebook-preview-light-text-color;\n}\n\n.facebook-preview__post-header-time {\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.8125rem; // 13px\n\tline-height: 1.23;\n}\n\n.facebook-preview__post-header-dot {\n\twidth: 0.625rem;\n\n\ttext-align: center;\n}\n\n.facebook-preview__post-header-more {\n\twidth: 1.25rem;\n\theight: 0.25rem;\n\n\tmargin: 0 0.625rem 0 0;\n\n\tbackground-image: radial-gradient(circle at 0.125rem 0.125rem, vars.$facebook-preview-light-text-color 2px, transparent 0);\n\tbackground-size: 0.5rem 0.25rem;\n}\n","$facebook-preview-max-width: 680px;\n$facebook-preview-min-width: 508px;\n$facebook-preview-text-color: #050505;\n$facebook-preview-light-text-color: #65676b;\n$facebook-preview-font-family: system-ui, -apple-system, BlinkMacSystemFont, \".SFNSText-Regular\", sans-serif;\n$facebook-preview-card-background-color: #fff;\n$facebook-preview-card-border-radius: 4px;\n$facebook-preview-card-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgb(0 0 0 / 5%);\n$facebook-preview-text-background-color: #f0f2f5;\n$facebook-preview-body-border: 1px solid #d4d0d4;\n$facebook-preview-image-background: #121212;\n$facebook-blue: #216fdb;\n","@use \"./variables\" as vars;\n\n.facebook-preview__post {\n\toverflow-y: hidden;\n\tmax-width: clamp(#{vars.$facebook-preview-min-width}, 100%, #{vars.$facebook-preview-max-width});\n\tmargin-inline: auto;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\n\tbackground-color: vars.$facebook-preview-card-background-color;\n\tborder-radius: vars.$facebook-preview-card-border-radius;\n\tbox-shadow: vars.$facebook-preview-card-box-shadow;\n\n\tfont-family: vars.$facebook-preview-font-family;\n\n\t:any-link {\n\t\tcolor: vars.$facebook-blue;\n\n\t\ttext-decoration: none;\n\t}\n}\n\n.facebook-preview__custom-text {\n\tmargin: 0;\n\tpadding: 0 1rem 1rem;\n\n\tcolor: vars.$facebook-preview-text-color;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.9375rem; // 15px\n\tline-height: 1.33;\n\toverflow-wrap: break-word;\n}\n\n.facebook-preview__custom-text-post-url {\n\tdisplay: block;\n\tmargin-top: 0.5rem;\n}\n\n.facebook-preview__body {\n\tdisplay: flex;\n\tflex-direction: column;\n\n\tborder-top: vars.$facebook-preview-body-border;\n\tborder-bottom: vars.$facebook-preview-body-border;\n\n\t&.is-loading {\n\t\tvisibility: hidden;\n\t}\n\n\t&.is-portrait {\n\t\tflex-direction: row;\n\t}\n}\n\n.facebook-preview__text {\n\tposition: relative;\n\n\tdisplay: flex;\n\talign-items: center;\n\tflex: 1;\n\n\tpadding: 0.5rem 1rem;\n\n\tbackground-color: vars.$facebook-preview-text-background-color;\n\tcolor: vars.$facebook-preview-text-color;\n\n\toverflow-wrap: break-word;\n}\n\n.facebook-preview__text-wrapper {\n\twidth: 100%;\n}\n\n.facebook-preview__url {\n\tmargin-bottom: 0.25rem;\n\n\tcolor: vars.$facebook-preview-light-text-color;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.8125rem; // 13px\n\tline-height: 1;\n\ttext-transform: uppercase;\n}\n\n.facebook-preview__title {\n\tmargin: 0.25rem 0 0.125rem;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.9444rem; // 17px\n\tfont-weight: 600;\n\tline-height: 1.18;\n}\n\n.facebook-preview__description {\n\tcolor: vars.$facebook-preview-light-text-color;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.9375rem; // 15px\n\tline-height: 1.33;\n\n\t.facebook-preview__body.is-landscape &.is-compact {\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n\n.facebook-preview__image,\n.facebook-preview__custom-image,\n.facebook-preview__media-item {\n\n\timg,\n\tvideo {\n\t\tdisplay: block;\n\t\tobject-fit: cover;\n\t\twidth: 100%;\n\t}\n}\n\n.facebook-preview__image {\n\n\t&.is-empty {\n\t\twidth: 140px;\n\t\theight: 140px;\n\n\t\tborder-inline-end: vars.$facebook-preview-body-border;\n\t}\n\n\t&.is-portrait {\n\n\t\timg {\n\t\t\twidth: 278px;\n\t\t\theight: 430px;\n\t\t}\n\t}\n\n\t&.is-landscape {\n\n\t\timg {\n\t\t\t// At the moment of writing, the post card on Facebook.com\n\t\t\t// goes from 508 to 680px wide on desktop.\n\t\t\t// In landscape mode, the image takes the full width of the card, and\n\t\t\t// respect the 1.91 aspect ratio at any width.\n\t\t\twidth: 100%;\n\t\t\taspect-ratio: 1.91;\n\t\t}\n\t}\n}\n\n.facebook-preview__custom-image,\n.facebook-preview__media-item {\n\tdisplay: flex;\n\tjustify-content: center;\n\n\twidth: 100%;\n\n\tbackground-color: vars.$facebook-preview-image-background;\n\n\t&.is-portrait {\n\n\t\timg {\n\t\t\twidth: 500px;\n\t\t\theight: 685px;\n\t\t}\n\t}\n\n\t&.is-landscape {\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\taspect-ratio: 1.78;\n\t\t}\n\t}\n}\n\n.facebook-preview__info {\n\tposition: absolute;\n\tright: 15px;\n\ttop: -10px;\n\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\n\twidth: 30px;\n\theight: 30px;\n\n\tbackground-color: vars.$facebook-preview-card-background-color;\n\tborder: vars.$facebook-preview-body-border;\n\tborder-radius: 50%;\n\n\ti {\n\t\tfilter: invert(8%);\n\t}\n}\n\n.facebook-preview__window {\n\tmargin: 0 0.75rem;\n\n\tborder-radius: 16px;\n\tborder: vars.$facebook-preview-body-border;\n\n\t.facebook-preview__image,\n\t.facebook-preview__custom-image {\n\t\tborder-top-right-radius: inherit;\n\t\tborder-top-left-radius: inherit;\n\n\t\timg {\n\t\t\tborder-top-right-radius: inherit;\n\t\t\tborder-top-left-radius: inherit;\n\t\t}\n\t}\n}\n","$facebook-preview-max-width: 680px;\n$facebook-preview-min-width: 508px;\n$facebook-preview-text-color: #050505;\n$facebook-preview-light-text-color: #65676b;\n$facebook-preview-font-family: system-ui, -apple-system, BlinkMacSystemFont, \".SFNSText-Regular\", sans-serif;\n$facebook-preview-card-background-color: #fff;\n$facebook-preview-card-border-radius: 4px;\n$facebook-preview-card-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgb(0 0 0 / 5%);\n$facebook-preview-text-background-color: #f0f2f5;\n$facebook-preview-body-border: 1px solid #d4d0d4;\n$facebook-preview-image-background: #121212;\n$facebook-blue: #216fdb;\n","@use \"../../variables\" as vars;\n\n.mastodon-preview__post-actions {\n\tmargin-top: 1rem;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\n\t> div {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcolor: #606984;\n\t}\n\n\tsvg {\n\t\tfill: currentColor;\n\t}\n}\n\n.mastodon-preview__post-icon-text {\n\tcolor: vars.$mastodon-ui-text-color;\n\n\tfont-size: 0.75rem;\n\tfont-weight: 500;\n}\n","$mastodon-preview-width: 578px;\n$mastodon-preview-text-color: #444b5d;\n$mastodon-body-text-color: #000;\n$mastodon-preview-background-color: #fff;\n$mastodon-preview-font-family: \"mastodon-font-sans-serif\",sans-serif;\n$mastodon-preview-accent-color: #3a3bff;\n$mastodon-ui-text-color: #525a71;\n","@use \"../../variables\" as vars;\n\n.mastodon-preview__card {\n\tdisplay: flex;\n\n\tmargin-top: 1rem;\n\tmargin-bottom: 1rem;\n\n\tborder: solid 1px #d9e1e8;\n\tborder-radius: 8px;\n\toverflow: hidden;\n\tcolor: vars.$mastodon-body-text-color;\n\n\t&.has-image {\n\t\tflex-direction: column;\n\t}\n\n\t&.has-image &-img {\n\t\twidth: 100%;\n\t}\n}\n\n.mastodon-preview__card-img {\n\tmin-height: 60px;\n\n\timg {\n\t\tdisplay: block;\n\n\t\twidth: 100%;\n\t\tmin-height: 100%;\n\t\tobject-fit: cover;\n\n\t\tborder-start-start-radius: inherit;\n\t\tborder-end-start-radius: inherit;\n\t}\n\n\t&--fallback {\n\t\taspect-ratio: 1;\n\t\tbackground: #c0cdd9;\n\t\tposition: relative;\n\t\twidth: 120px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n}\n\n.mastodon-preview__card-text {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0.5rem;\n\tpadding: 1rem;\n\toverflow: hidden;\n}\n\n.mastodon-preview__card-title {\n\tcolor: #282c37;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 1.187rem;\n\tfont-weight: 700;\n\tline-height: 1.4;\n}\n\n.mastodon-preview__card-site {\n\tfont-size: 0.875rem;\n\tdisplay: block;\n}\n\n.mastodon-preview__card-description {\n\tfont-size: 0.875rem;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\n\t-webkit-box-orient: vertical;\n\t-webkit-line-clamp: 1;\n\tdisplay: -webkit-box;\n}\n","$mastodon-preview-width: 578px;\n$mastodon-preview-text-color: #444b5d;\n$mastodon-body-text-color: #000;\n$mastodon-preview-background-color: #fff;\n$mastodon-preview-font-family: \"mastodon-font-sans-serif\",sans-serif;\n$mastodon-preview-accent-color: #3a3bff;\n$mastodon-ui-text-color: #525a71;\n",".mastodon-preview__post-header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: start;\n\n\tmargin-bottom: 0.625rem;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.9375rem;\n\tline-height: 1.47;\n}\n\n.mastodon-preview__post-avatar {\n\twidth: 46px;\n\theight: 46px;\n\n\tborder-radius: 4px;\n}\n\n.mastodon-preview__post-header-user {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.75rem;\n}\n\n.mastodon-preview__post-header-displayname {\n\tcolor: #000;\n\tfont-weight: 700;\n}\n\n.mastodon-preview__post-header-audience {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.25rem;\n}\n","@use \"./variables\" as vars;\n\n.mastodon-preview__section {\n\tmax-width: 100%;\n\twidth: vars.$mastodon-preview-width;\n\tmargin-inline: auto;\n}\n\n.mastodon-preview__post {\n\twidth: 100%;\n\toverflow-y: hidden;\n\tbox-sizing: border-box;\n\tpadding: 1rem;\n\n\tbackground-color: vars.$mastodon-preview-background-color;\n\tborder: 1px solid #c0cdd9;\n\tcolor: vars.$mastodon-preview-text-color;\n\n\tfont-family: vars.$mastodon-preview-font-family;\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.9375rem;\n\tline-height: 1.47;\n\n\t:any-link {\n\t\tcolor: vars.$mastodon-preview-accent-color;\n\n\t\ttext-decoration: none;\n\t}\n}\n\n.mastodon-preview__img {\n\tdisplay: block;\n\n\twidth: 100%;\n\tmargin: 0.875rem auto 0;\n\n\tborder-radius: 4px;\n\n\taspect-ratio: 16 / 9;\n\tobject-fit: cover;\n}\n\n.mastodon-preview__media {\n\tmargin-top: 8px;\n\tmin-height: 64px;\n\tborder-radius: 8px;\n\n\t&.as-grid {\n\t\tdisplay: grid;\n\t\tgap: 2px;\n\t\tgrid-template-columns: 50% 50%;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t&-item {\n\t\tdisplay: flex;\n\t\tborder: 0;\n\t\tborder-radius: 8px;\n\t\toverflow: hidden;\n\n\t\timg,\n\t\tvideo {\n\t\t\twidth: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n}\n","$mastodon-preview-width: 578px;\n$mastodon-preview-text-color: #444b5d;\n$mastodon-body-text-color: #000;\n$mastodon-preview-background-color: #fff;\n$mastodon-preview-font-family: \"mastodon-font-sans-serif\",sans-serif;\n$mastodon-preview-accent-color: #3a3bff;\n$mastodon-ui-text-color: #525a71;\n","@use \"../../variables\" as vars;\n\n.mastodon-preview__body {\n\tmargin-bottom: 1rem;\n\n\tcolor: vars.$mastodon-body-text-color;\n\n\t> p {\n\t\tmargin-bottom: 1.25rem;\n\t}\n}\n\n","$mastodon-preview-width: 578px;\n$mastodon-preview-text-color: #444b5d;\n$mastodon-body-text-color: #000;\n$mastodon-preview-background-color: #fff;\n$mastodon-preview-font-family: \"mastodon-font-sans-serif\",sans-serif;\n$mastodon-preview-accent-color: #3a3bff;\n$mastodon-ui-text-color: #525a71;\n",".nextdoor-preview {\n\n\t&__wrapper {\n\t\tmax-width: clamp(200px, 100%, 600px);\n\t}\n\n\t// When the preview is in a section of all previews\n\t&__section &__wrapper {\n\t\tpadding: 0;\n\t}\n\n\t&__section.social-preview__section {\n\t\twidth: clamp(200px, 100%, 600px);\n\t}\n\n\t&__container {\n\t\tbox-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;\n\t\tborder-radius: 8px;\n\t\toverflow: hidden;\n\t\tbackground-color: #fff;\n\n\t\t&.small-preview {\n\t\t\t// When the preview has media,\n\t\t\t// we want to hide the border radius on the bottom\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-end-start-radius: 0;\n\t\t}\n\t}\n\n\t&__header {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tmargin-bottom: 8px;\n\t\talign-items: center;\n\n\t\t&--avatar {\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tborder-radius: 50%;\n\t\t\toverflow: hidden;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex-shrink: 0;\n\t\t}\n\n\t\t&--avatar img {\n\t\t\twidth: 100%;\n\t\t\tobject-fit: contain;\n\t\t}\n\n\t\t&--details {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t&--name {\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 1rem;\n\t\t\tline-height: 20px;\n\t\t\tletter-spacing: -0.32px;\n\t\t}\n\n\t\t&--meta {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 0.25rem;\n\t\t\tcolor: #666;\n\t\t\tletter-spacing: -0.32px;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 19px;\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\t}\n\n\t&__footer {\n\t\tmargin-top: 24px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: flex-end;\n\n\t\t&--actions {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 1rem;\n\t\t}\n\n\t\t&--actions-item {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 0.25rem;\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 16px;\n\t\t}\n\t}\n\n\t&__content {\n\t\tpadding: 12px 16px;\n\t}\n\n\t&__card {\n\t\tborder-radius: 16px;\n\t\tbox-shadow:\n\t\t\trgba(0, 0, 0, 0.08) 0 1px 4px 0,\n\t\t\trgba(0, 0, 0, 0.2) 0 0 2px 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-top: 12px;\n\t\toverflow: hidden;\n\n\t\t&.small-preview {\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&--chevron-wrapper {\n\t\t\twidth: 40px;\n\t\t\tmin-width: 40px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\n\t&__caption {\n\t\tmargin-bottom: 20px;\n\t\tfont-size: 1rem;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t&__media-item {\n\t\tdisplay: flex;\n\n\t\timg,\n\t\tvideo {\n\t\t\twidth: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n\n\t&__description {\n\t\tpadding: 16px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toverflow: hidden;\n\n\t\t.small-preview & {\n\t\t\tpadding: 10px;\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t&--title {\n\t\t\tmargin: 0;\n\t\t\tfont-weight: 600;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 20px;\n\t\t}\n\n\t\t&--url {\n\t\t\tfont-size: 13px;\n\t\t\tcolor: #666;\n\t\t}\n\t}\n\n\t&__media {\n\t\t// compensate for the content padding\n\t\tmargin-inline: -16px;\n\t}\n\n\t&__image {\n\t\tobject-fit: cover;\n\t\twidth: 100%;\n\t\taspect-ratio: 16/9;\n\n\t\t.small-preview & {\n\t\t\twidth: 62px;\n\t\t\theight: 62px;\n\t\t}\n\t}\n\n\t&__default-avatar {\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgb(140 110 99);\n\t\tcolor: #fff;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tfont-size: x-large;\n\t}\n\n\t&__default-image {\n\t\tbackground-color: #f1ffca;\n\t\theight: 62px;\n\t\twidth: 62px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n}\n",".bluesky-preview__post-actions {\n\tmargin-top: 0.5rem;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\n\t> div {\n\t\tflex: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tcolor: rgb(111, 134, 159);\n\t}\n\n\tsvg {\n\t\tfill: currentColor;\n\t}\n}\n","@use \"../../variables\" as vars;\n\n.bluesky-preview__body {\n\tmargin-bottom: 1rem;\n\n\tcolor: vars.$bluesky-body-text-color;\n\n\t> p {\n\t\tmargin-bottom: 1.25rem;\n\t}\n}\n\n","$bluesky-preview-width: 600px;\n$bluesky-preview-text-color: #444b5d;\n$bluesky-body-text-color: #000;\n$bluesky-preview-background-color: #fff;\n$bluesky-preview-font-family: \"bluesky-font-sans-serif\",sans-serif;\n$bluesky-preview-accent-color: #3a3bff;\n$bluesky-preview-border-radius: 8px;\n","@use \"../../variables\" as vars;\n\n.bluesky-preview__card {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-top: 1rem;\n\n\tborder: solid 1px #d9e1e8;\n\tborder-radius: 8px;\n\toverflow: hidden;\n\tcolor: vars.$bluesky-body-text-color;\n}\n\n.bluesky-preview__card-image img {\n\twidth: 100%;\n\tobject-fit: cover;\n}\n\n.bluesky-preview__card-text {\n\tborder-bottom-width: 1px;\n\tborder-left-width: 1px;\n\tborder-right-width: 1px;\n\tflex: 1 1 0%;\n\tpadding: 8px 14px;\n\tborder-color: rgb(212, 219, 226);\n\tborder-bottom-right-radius: 8px;\n\tborder-bottom-left-radius: 8px;\n}\n\n.bluesky-preview__card-title {\n\t-webkit-box-orient: vertical;\n\t-webkit-line-clamp: 3;\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: rgb(11, 15, 20);\n\tfont-size: 16px;\n\tfont-weight: 700;\n\tletter-spacing: 0.25px;\n}\n\n.bluesky-preview__card-site {\n\tfont-size: 14px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tcolor: rgb(66, 87, 108);\n\tfont-weight: 400;\n\tletter-spacing: 0.25px;\n\tmargin-bottom: 2px;\n\tmargin-top: 2px;\n}\n\n.bluesky-preview__card-description {\n\t-webkit-box-orient: vertical;\n\t-webkit-line-clamp: 2;\n\tcolor: rgb(11, 15, 20);\n\tdisplay: -webkit-box;\n\tfont-size: 15px;\n\tfont-weight: 400;\n\tletter-spacing: 0.25px;\n\tmargin-top: 4px;\n\toverflow: hidden;\n}\n","$bluesky-preview-width: 600px;\n$bluesky-preview-text-color: #444b5d;\n$bluesky-body-text-color: #000;\n$bluesky-preview-background-color: #fff;\n$bluesky-preview-font-family: \"bluesky-font-sans-serif\",sans-serif;\n$bluesky-preview-accent-color: #3a3bff;\n$bluesky-preview-border-radius: 8px;\n",".bluesky-preview__post-header {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr auto auto;\n\talign-items: center;\n\tgap: 0.5rem;\n\tmax-width: max-content;\n\n\tmargin-bottom: 0.625rem;\n\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.9375rem;\n\tline-height: 1.47;\n\n\t&-user {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: auto auto;\n\t\talign-items: center;\n\t\tgap: 0.5rem;\n\t}\n\n\t&--displayname,\n\t&--username {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\tmin-width: 2ch;\n\t}\n\n\t&--displayname {\n\t\tfont-size: 16px;\n\t\tletter-spacing: 0.25px;\n\t\tfont-weight: 700;\n\t\tline-height: 19px;\n\t\tcolor: rgb(11, 15, 20);\n\t\tmin-width: 3ch;\n\t}\n\n\t&--username,\n\t&--separator,\n\t&--date {\n\t\tfont-size: 15px;\n\t\tletter-spacing: 0.25px;\n\t\tfont-weight: 400;\n\t\tcolor: rgb(66, 87, 108);\n\t}\n\n}\n","\n.bluesky-preview__post-avatar {\n\twidth: 52px;\n\theight: 52px;\n\tborder-radius: 50%;\n}\n","@use \"./variables\" as vars;\n\n.bluesky-preview__section {\n\tmax-width: 100%;\n\twidth: vars.$bluesky-preview-width;\n\tmargin-inline: auto;\n}\n\n.bluesky-preview__post {\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 10px;\n\tmax-width: vars.$bluesky-preview-width;\n\n\twidth: 100%;\n\toverflow-y: hidden;\n\tbox-sizing: border-box;\n\tpadding: 1rem;\n\n\tbackground-color: vars.$bluesky-preview-background-color;\n\tborder: 1px solid #c0cdd9;\n\tborder-radius: vars.$bluesky-preview-border-radius;\n\tcolor: vars.$bluesky-preview-text-color;\n\n\tfont-family: vars.$bluesky-preview-font-family;\n\t/* stylelint-disable-next-line scales/font-sizes */\n\tfont-size: 0.9375rem;\n\tline-height: 1.47;\n\n\t:any-link {\n\t\tcolor: vars.$bluesky-preview-accent-color;\n\n\t\ttext-decoration: none;\n\t}\n}\n\n.bluesky-preview__media {\n\tmargin-top: 8px;\n\tmin-height: 64px;\n\tborder-radius: 8px;\n\n\t&.as-grid {\n\t\tdisplay: grid;\n\t\tgap: 2px;\n\t\tgrid-template-columns: 50% 50%;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t&-item {\n\t\tdisplay: flex;\n\t\tborder: 0;\n\t\tborder-radius: 8px;\n\t\toverflow: hidden;\n\n\t\timg,\n\t\tvideo {\n\t\t\twidth: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n}\n","$bluesky-preview-width: 600px;\n$bluesky-preview-text-color: #444b5d;\n$bluesky-body-text-color: #000;\n$bluesky-preview-background-color: #fff;\n$bluesky-preview-font-family: \"bluesky-font-sans-serif\",sans-serif;\n$bluesky-preview-accent-color: #3a3bff;\n$bluesky-preview-border-radius: 8px;\n","/* stylelint-disable scales/radii */\n@use \"./variables\" as vars;\n\n.threads-preview {\n\tpadding: 20px;\n}\n\n.threads-preview__wrapper {\n\tbackground-color: #fff;\n\tmax-width: clamp(200px, 100%, 635px);\n\tmargin-inline: auto;\n\tpadding-top: 1rem;\n\tborder-radius: 4px;\n\tpadding-inline-end: 1rem;\n}\n\n.threads-preview__section.social-preview__section {\n\twidth: clamp(200px, 100%, 635px);\n\n\t// To compensate for the padding for profile picture in threads threads\n\t.social-preview__section-heading,\n\t.social-preview__section-desc {\n\t\tpadding-inline-start: 17px;\n\t}\n}\n\n.threads-preview__container {\n\tdisplay: grid;\n\tgrid-template-columns: 50px auto;\n\tmargin-bottom: 5px;\n\tfont-size: vars.$threads-font-size;\n\tline-height: vars.$threads-line-height;\n\tcolor: vars.$threads-text-primary-color;\n\n\t.threads-preview__sidebar {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 35px auto;\n\t\tjustify-items: center;\n\n\t\t.threads-preview__profile-image {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmax-width: 36px;\n\t\t\tmax-height: 36px;\n\t\t\tborder-radius: 50%;\n\t\t\toverflow: hidden;\n\n\t\t\timg {\n\t\t\t\tobject-fit: cover;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.threads-preview__connector {\n\t\t\twidth: 2px;\n\t\t\tbackground-color: #8c8f94;\n\t\t}\n\t}\n\n\t.threads-preview__main {\n\t\tpadding-bottom: 1rem;\n\t\toverflow: hidden;\n\t}\n\n\t.threads-preview__header {\n\t\tdisplay: flex;\n\t\tgap: 6px;\n\t\tfont-size: 16px;\n\t\tline-height: 18px;\n\t\tmargin-bottom: 2px;\n\t}\n\n\t.threads-preview__name {\n\t\tfont-weight: 600;\n\t\tfont-size: 15px;\n\t}\n\n\t.threads-preview__date {\n\t\tcolor: vars.$threads-text-secondary-color;\n\t}\n\n\t.threads-preview__content {\n\n\t\t.threads-preview__text {\n\t\t\twhite-space: pre-wrap;\n\t\t\toverflow-wrap: break-word;\n\t\t}\n\n\t\t.threads-preview__media {\n\t\t\tborder-radius: 15px;\n\t\t\toverflow: hidden;\n\t\t\tdisplay: grid;\n\t\t\tgap: 2px;\n\t\t\tgrid-template-areas: \"a\";\n\t\t\theight: 300px;\n\t\t\tmargin-top: 12px;\n\n\t\t\timg,\n\t\t\tvideo {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\n\t\t\t\t&:nth-child(1) {\n\t\t\t\t\tgrid-area: a;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(2) {\n\t\t\t\t\tgrid-area: b;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(3) {\n\t\t\t\t\tgrid-area: c;\n\t\t\t\t}\n\n\t\t\t\t&:nth-child(4) {\n\t\t\t\t\tgrid-area: d;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.threads-preview__media-children-2 {\n\t\t\t\tgrid-template-areas: \"a b\";\n\t\t\t}\n\n\t\t\t&.threads-preview__media-children-3 {\n\t\t\t\tgrid-template-areas:\n\t\t\t\t\t\"a b\"\n\t\t\t\t\t\"a c\";\n\t\t\t}\n\n\t\t\t&.threads-preview__media-children-4 {\n\t\t\t\tgrid-template-areas:\n\t\t\t\t\t\"a b\"\n\t\t\t\t\t\"c d\";\n\t\t\t}\n\t\t}\n\n\t\t.threads-preview__card {\n\t\t\tmargin-top: 12px;\n\t\t\tmargin-bottom: 12px;\n\t\t\toverflow: hidden;\n\t\t\tborder: 1px solid #e1e8ed;\n\t\t\tborder-radius: 8px;\n\n\t\t\t.threads-preview__card-image {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\taspect-ratio: 16/9;\n\t\t\t}\n\n\t\t\t.threads-preview__card-body {\n\t\t\t\tpadding: 0.75em;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tfont-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\t\t\t\tcolor: var(--studio-black);\n\t\t\t\ttext-align: left;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 2px;\n\t\t\t}\n\n\t\t\t.threads-preview__card-title {\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\n\t\t\t.threads-preview__card-url {\n\t\t\t\tfont-size: 12px;\n\t\t\t\ttext-transform: lowercase;\n\t\t\t\tcolor: vars.$threads-text-secondary-color;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow-inline: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\t}\n\n\t.threads-preview__footer {\n\t\tdisplay: flex;\n\t\tgap: 2.5rem;\n\t\tmargin-top: 1rem;\n\n\t\tsvg {\n\t\t\theight: 19px;\n\t\t\twidth: 19px;\n\t\t\tfill: vars.$threads-actions-icon-color;\n\t\t}\n\t}\n\n\t.threads-preview__icon {\n\n\t\t&--like,\n\t\t&--reply,\n\t\t&--share {\n\n\t\t\tsvg {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: vars.$threads-actions-icon-color;\n\t\t\t}\n\t\t}\n\t}\n}\n","$threads-font-size: 15px !default;\n$threads-line-height: 21px !default;\n$threads-text-primary-color: rgb(0, 0, 0) !default;\n$threads-text-secondary-color: rgb(153, 153, 153) !default;\n$threads-actions-icon-color: rgb(66, 66, 66) !default;\n","\n\n.instagram-preview {\n\n\t&__wrapper {\n\t\tpadding: 20px;\n\t\tbackground-color: #fff;\n\t\tmargin-inline: auto;\n\t\tmax-width: clamp(200px, 100%, 555px);\n\t}\n\n\t// When the preview is in a section of all previews\n\t&__section &__wrapper {\n\t\tpadding: 0;\n\t}\n\n\t&__section.social-preview__section {\n\t\twidth: clamp(200px, 100%, 555px);\n\t}\n\n\t&__container {\n\n\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);\n\t\toverflow: hidden;\n\t}\n\n\t&__header {\n\n\t\tpadding: 0.5rem 1rem;\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\n\t\t&--avatar {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmax-width: 32px;\n\t\t\tmax-height: 32px;\n\t\t}\n\n\t\t&--avatar img {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tborder-radius: 50%;\n\t\t}\n\n\t\t&--profile {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t&--profile-name {\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n\n\t&__media {\n\t\tdisplay: flex;\n\n\t\t&--image,\n\t\t&--video {\n\t\t\twidth: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n\n\t&__media-item {\n\t\tflex-grow: 1;\n\t}\n\n\t&__content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\n\t\ta {\n\t\t\ttext-decoration: none;\n\t\t\tcolor: rgb(0, 55, 107);\n\t\t}\n\n\t\t&--actions {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t}\n\n\t\t&--actions-primary {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 1rem;\n\t\t}\n\n\t\t&--name {\n\t\t\tfont-weight: 600;\n\t\t\tdisplay: inline;\n\t\t}\n\n\t\t&--text {\n\t\t\tdisplay: inline;\n\t\t}\n\n\t\t&--footer {\n\t\t\tfont-weight: 400;\n\t\t\tcolor: rgb(115, 115, 115);\n\t\t}\n\t}\n}\n"],"mappings":"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","names":[]}
package/dist/index.d.ts DELETED
@@ -1,306 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
-
3
- /**
4
- * An editor hyperlink: the visible anchor text and the URL it points to.
5
- */
6
- type Hyperlink = {
7
- text: string;
8
- href: string;
9
- /**
10
- * Zero-based index of this anchor among identical occurrences of `text` in
11
- * the content, so repeated texts link the right duplicate. Defaults to 0.
12
- */
13
- occurrence?: number;
14
- };
15
- /**
16
- * Extracts `(text, href)` pairs from `<a href="…">text</a>` in HTML, skipping
17
- * autolinks (text already equals the URL) and non-http(s) hrefs. Mirrors the
18
- * backend `ExtractorUtils::get_anchor_links_from_html` so the preview links the
19
- * same anchors the published share will.
20
- *
21
- * @param html - Raw post content HTML.
22
- * @return The editor hyperlinks found, in document order.
23
- */
24
- declare function parseHyperlinks(html: string): Hyperlink[];
25
-
26
- declare const HEADING_LEVELS: readonly [2, 3, 4, 5, 6];
27
- type SectionHeadingProps = {
28
- className?: string;
29
- level?: (typeof HEADING_LEVELS)[number];
30
- children?: React.ReactNode;
31
- };
32
-
33
- interface SocialPreviewBaseProps {
34
- /**
35
- * The URL of the post/page to preview.
36
- */
37
- url: string;
38
- /**
39
- * Editor hyperlinks rendered over the matching body text on the networks
40
- * that support inline links (Bluesky, Tumblr). Other networks ignore this.
41
- */
42
- hyperlinks?: Hyperlink[];
43
- /**
44
- * The title of the post/page to preview.
45
- */
46
- title: string;
47
- /**
48
- * The description of the post/page to preview.
49
- */
50
- description?: string;
51
- /**
52
- * The URL of the image to use in the post/page preview.
53
- */
54
- image?: string;
55
- /**
56
- * The array of media items to use in the preview.
57
- */
58
- media?: Array<MediaItem>;
59
- /**
60
- * The caption.
61
- */
62
- caption?: string;
63
- }
64
- interface SocialPreviewsBaseProps {
65
- /**
66
- * The heading level to use for the preview section title
67
- */
68
- headingLevel?: SectionHeadingProps['level'];
69
- /**
70
- * Whether to hide the "Your post" section
71
- */
72
- hidePostPreview?: boolean;
73
- /**
74
- * Whether to hide the "Link preview" section
75
- */
76
- hideLinkPreview?: boolean;
77
- }
78
- type MediaItem = {
79
- /**
80
- * The alt text for the image.
81
- */
82
- alt?: string;
83
- /**
84
- * The mime type of the media
85
- */
86
- type: string;
87
- /**
88
- * The URL of the media.
89
- */
90
- url: string;
91
- };
92
-
93
- type GoogleSearchPreviewProps = Omit<SocialPreviewBaseProps, 'image'> & {
94
- siteIcon?: string;
95
- siteTitle?: string;
96
- };
97
- declare const GoogleSearchPreview: React.FC<Partial<GoogleSearchPreviewProps>>;
98
-
99
- type TwitterPreviewsProps = SocialPreviewsBaseProps & {
100
- tweets: Array<TwitterPreviewProps>;
101
- };
102
- type TwitterCardProps = SocialPreviewBaseProps & {
103
- cardType: string;
104
- };
105
- type SidebarProps$1 = {
106
- showThreadConnector?: boolean;
107
- profileImage?: string;
108
- };
109
- type HeaderProps$1 = {
110
- name?: string;
111
- date?: Date | number;
112
- screenName?: string;
113
- };
114
- type QuoteTweetProps = {
115
- tweetUrl: string;
116
- };
117
- type TextProps = {
118
- text: string;
119
- };
120
- type TwitterPreviewProps = SidebarProps$1 & HeaderProps$1 & Partial<QuoteTweetProps & TwitterCardProps & Pick<TextProps, 'text'>>;
121
-
122
- declare const TwitterLinkPreview: React.FC<TwitterPreviewProps>;
123
-
124
- declare const TwitterPostPreview: React.FC<TwitterPreviewProps>;
125
-
126
- declare const TwitterPreviews: React.FC<TwitterPreviewsProps>;
127
-
128
- type LinkedInPreviewProps = SocialPreviewBaseProps & {
129
- jobTitle?: string;
130
- name: string;
131
- profileImage: string;
132
- articleReadTime?: number;
133
- };
134
- type LinkedInPreviewsProps = LinkedInPreviewProps & SocialPreviewsBaseProps;
135
-
136
- type OptionalProps$1 = Partial<Pick<LinkedInPreviewProps, 'name' | 'profileImage'>>;
137
- type LinkedInLinkPreviewProps = Omit<LinkedInPreviewProps, keyof OptionalProps$1> & OptionalProps$1;
138
- /**
139
- * LinkedIn Link Preview Component
140
- * @param {LinkedInLinkPreviewProps} props - The props for the LinkedIn link preview.
141
- * @return The LinkedIn link preview component.
142
- */
143
- declare function LinkedInLinkPreview(props: LinkedInLinkPreviewProps): react_jsx_runtime.JSX.Element;
144
-
145
- /**
146
- * LinkedIn Post Preview Component
147
- *
148
- * @param {LinkedInPreviewProps} props - The props for the LinkedIn post preview.
149
- *
150
- * @return The LinkedIn post preview component.
151
- */
152
- declare function LinkedInPostPreview({ articleReadTime, image, jobTitle, name, profileImage, description, media, title, url, }: LinkedInPreviewProps): react_jsx_runtime.JSX.Element;
153
-
154
- declare const LinkedInPreviews: React.FC<LinkedInPreviewsProps>;
155
-
156
- type TumblrUser = {
157
- displayName: string;
158
- avatarUrl?: string;
159
- };
160
- type TumblrPreviewProps = SocialPreviewBaseProps & {
161
- user?: TumblrUser;
162
- };
163
-
164
- declare const TumblrLinkPreview: React.FC<TumblrPreviewProps>;
165
-
166
- declare const TumblrPostPreview: React.FC<TumblrPreviewProps>;
167
-
168
- type TumblrPreviewsProps = TumblrPreviewProps & SocialPreviewsBaseProps;
169
- declare const TumblrPreviews: React.FC<TumblrPreviewsProps>;
170
-
171
- declare const AUTO_SHARED_SOCIAL_POST_PREVIEW = "AUTO_SHARED_SOCIAL_POST_PREVIEW";
172
- declare const AUTO_SHARED_LINK_PREVIEW = "AUTO_SHARED_LINK_PREVIEW";
173
- declare const DEFAULT_LINK_PREVIEW = "DEFAULT_LINK_PREVIEW";
174
- declare const TYPE_WEBSITE = "website";
175
- declare const TYPE_ARTICLE = "article";
176
- declare const LANDSCAPE_MODE = "landscape";
177
- declare const PORTRAIT_MODE = "portrait";
178
-
179
- type ImageMode = typeof LANDSCAPE_MODE | typeof PORTRAIT_MODE;
180
- type FacebookUser = {
181
- displayName: string;
182
- avatarUrl?: string;
183
- };
184
- type FacebookPreviewProps = SocialPreviewBaseProps & {
185
- user?: FacebookUser;
186
- type?: typeof TYPE_WEBSITE | typeof TYPE_ARTICLE;
187
- customText?: string;
188
- customImage?: string;
189
- imageMode?: ImageMode;
190
- };
191
-
192
- type FacebookPreviewsProps = FacebookPreviewProps & SocialPreviewsBaseProps;
193
- declare const FacebookPreviews: React.FC<FacebookPreviewsProps>;
194
-
195
- type FacebookLinkPreviewProps = FacebookPreviewProps & {
196
- compactDescription?: boolean;
197
- };
198
- declare const FacebookLinkPreview: React.FC<FacebookLinkPreviewProps>;
199
-
200
- declare const FacebookPostPreview: React.FC<FacebookPreviewProps>;
201
-
202
- type MastodonUser = {
203
- displayName: string;
204
- avatarUrl: string;
205
- address: string;
206
- };
207
- type MastodonPreviewProps = SocialPreviewBaseProps & {
208
- user?: MastodonUser;
209
- customText?: string;
210
- customImage?: string;
211
- siteName?: string;
212
- };
213
-
214
- declare const MastodonLinkPreview: React.FC<MastodonPreviewProps>;
215
-
216
- declare const MastodonPostPreview: React.FC<MastodonPreviewProps>;
217
-
218
- type MastodonPreviewsProps = MastodonPreviewProps & SocialPreviewsBaseProps;
219
- declare const MastodonPreviews: React.FC<MastodonPreviewsProps>;
220
-
221
- type NextdoorPreviewProps = SocialPreviewBaseProps & {
222
- neighborhood?: string;
223
- name: string;
224
- profileImage: string;
225
- };
226
- type NextdoorPreviewsProps = NextdoorPreviewProps & SocialPreviewsBaseProps;
227
-
228
- type OptionalProps = Partial<Pick<NextdoorPreviewProps, 'name' | 'profileImage'>>;
229
- type NextdoorLinkPreviewProps = Omit<NextdoorPreviewProps, keyof OptionalProps> & OptionalProps;
230
- /**
231
- * Nextdoor Link Preview Component
232
- *
233
- * @param {NextdoorLinkPreviewProps} props - The props for the Nextdoor link preview.
234
- *
235
- * @return The Nextdoor link preview component.
236
- */
237
- declare function NextdoorLinkPreview(props: NextdoorLinkPreviewProps): react_jsx_runtime.JSX.Element;
238
-
239
- /**
240
- * Nextdoor Post Preview Component.
241
- *
242
- * @param {NextdoorPreviewProps} props - The preview properties.
243
- * @return The Nextdoor post preview component.
244
- */
245
- declare function NextdoorPostPreview({ image, name, profileImage, description, neighborhood, media, title, url, }: NextdoorPreviewProps): react_jsx_runtime.JSX.Element;
246
-
247
- declare const NextdoorPreviews: React.FC<NextdoorPreviewsProps>;
248
-
249
- type BlueskyUser = {
250
- displayName: string;
251
- avatarUrl: string;
252
- address: string;
253
- };
254
- type BlueskyPreviewProps = SocialPreviewBaseProps & {
255
- appendUrl?: boolean;
256
- user?: BlueskyUser;
257
- customText?: string;
258
- customImage?: string;
259
- };
260
-
261
- declare const BlueskyLinkPreview: React.FC<BlueskyPreviewProps>;
262
-
263
- declare const BlueskyPostPreview: React.FC<BlueskyPreviewProps>;
264
-
265
- type BlueskyPreviewsProps = BlueskyPreviewProps & SocialPreviewsBaseProps;
266
- declare const BlueskyPreviews: React.FC<BlueskyPreviewsProps>;
267
-
268
- type ThreadsPreviewsProps = SocialPreviewsBaseProps & {
269
- posts: Array<ThreadsPreviewProps>;
270
- };
271
- type ThreadsCardProps = Omit<SocialPreviewBaseProps, 'description'>;
272
- type SidebarProps = {
273
- showThreadConnector?: boolean;
274
- profileImage?: string;
275
- };
276
- type HeaderProps = {
277
- name?: string;
278
- date?: Date;
279
- };
280
- type ThreadsPreviewProps = SidebarProps & HeaderProps & Partial<ThreadsCardProps>;
281
-
282
- declare const ThreadsLinkPreview: React.FC<ThreadsPreviewProps>;
283
-
284
- declare const ThreadsPostPreview: React.FC<ThreadsPreviewProps>;
285
-
286
- declare const ThreadsPreviews: React.FC<ThreadsPreviewsProps>;
287
-
288
- type InstagramPreviewProps = Pick<SocialPreviewBaseProps, 'image' | 'media' | 'url'> & {
289
- name: string;
290
- profileImage: string;
291
- caption?: string;
292
- };
293
- type InstagramPreviewsProps = InstagramPreviewProps & SocialPreviewsBaseProps;
294
-
295
- /**
296
- * Instagram Post Preview Component
297
- *
298
- * @param {InstagramPreviewProps} props - The props for the Instagram post preview.
299
- *
300
- * @return The Instagram post preview component.
301
- */
302
- declare function InstagramPostPreview({ image, media, name, profileImage, caption, url, }: InstagramPreviewProps): react_jsx_runtime.JSX.Element;
303
-
304
- declare const InstagramPreviews: React.FC<InstagramPreviewsProps>;
305
-
306
- export { AUTO_SHARED_LINK_PREVIEW, AUTO_SHARED_SOCIAL_POST_PREVIEW, BlueskyLinkPreview, BlueskyPostPreview, BlueskyPreviews, type BlueskyPreviewsProps, DEFAULT_LINK_PREVIEW, FacebookLinkPreview, type FacebookLinkPreviewProps, FacebookPostPreview, FacebookPreviews, type FacebookPreviewsProps, GoogleSearchPreview, type GoogleSearchPreviewProps, type Hyperlink, InstagramPostPreview, InstagramPreviews, LANDSCAPE_MODE, LinkedInLinkPreview, type LinkedInLinkPreviewProps, LinkedInPostPreview, LinkedInPreviews, MastodonLinkPreview, MastodonPostPreview, MastodonPreviews, type MastodonPreviewsProps, type MediaItem, NextdoorLinkPreview, type NextdoorLinkPreviewProps, NextdoorPostPreview, NextdoorPreviews, PORTRAIT_MODE, type SocialPreviewBaseProps, type SocialPreviewsBaseProps, TYPE_ARTICLE, TYPE_WEBSITE, ThreadsLinkPreview, ThreadsPostPreview, ThreadsPreviews, TumblrLinkPreview, TumblrPostPreview, TumblrPreviews, type TumblrPreviewsProps, TwitterLinkPreview, TwitterPostPreview, TwitterPreviews, parseHyperlinks };