`, look like a form element.
-
-```html
-
-
-
-
-
-
-
-```
-
-Here is a complete table of the provided `form-*` classes for reference:
-
-| Base | Class |
-| ------------------------- | ------------------ |
-| `[type='text']` | `form-input` |
-| `[type='email']` | `form-input` |
-| `[type='url']` | `form-input` |
-| `[type='password']` | `form-input` |
-| `[type='number']` | `form-input` |
-| `[type='date']` | `form-input` |
-| `[type='datetime-local']` | `form-input` |
-| `[type='month']` | `form-input` |
-| `[type='search']` | `form-input` |
-| `[type='tel']` | `form-input` |
-| `[type='time']` | `form-input` |
-| `[type='week']` | `form-input` |
-| `textarea` | `form-textarea` |
-| `select` | `form-select` |
-| `select[multiple]` | `form-multiselect` |
-| `[type='checkbox']` | `form-checkbox` |
-| `[type='radio']` | `form-radio` |
-
-### Using only global styles or only classes
-
-Although we recommend thinking of this plugin as a "form reset" rather than a collection of form component styles, in some cases our default approach may be too heavy-handed, especially when integrating this plugin into existing projects.
-
-If generating both the global (base) styles and classes doesn't work well with your project, you can use the `strategy` option to limit the plugin to just one of these approaches.
-
-```js
-// tailwind.config.js
-plugins: [
- require("@tailwindcss/forms")({
- strategy: 'base', // only generate global styles
- strategy: 'class', // only generate classes
- }),
-],
-```
-
-When using the `base` strategy, form elements are styled globally, and no `form-{name}` classes are generated.
-
-When using the `class` strategy, form elements are not styled globally, and instead must be styled using the generated `form-{name}` classes.
diff --git a/website/node_modules/@tailwindcss/forms/index.html b/website/node_modules/@tailwindcss/forms/index.html
deleted file mode 100644
index 4ed5c0e..0000000
--- a/website/node_modules/@tailwindcss/forms/index.html
+++ /dev/null
@@ -1,255 +0,0 @@
-
-
-
-
-
-
@tailwindcss/forms examples
-
-
-
-
-
-
-
@tailwindcss/forms examples
-
- An opinionated form reset designed to make form elements easy to style with utility
- classes.
-
-
-
-
-
Unstyled
-
This is how form elements look out of the box.
-
-
-
- Full name
-
-
- Email address
-
-
- When is your event?
-
-
- What type of event is it?
-
- Corporate event
- Wedding
- Birthday
- Other
-
-
-
- Additional details
-
-
-
-
-
-
- Email me news and special offers
-
-
-
-
-
-
-
-
-
Simple
-
-
-
- Full name
-
-
- Email address
-
-
- When is your event?
-
-
- What type of event is it?
-
- Corporate event
- Wedding
- Birthday
- Other
-
-
-
- Additional details
-
-
-
-
-
-
- Email me news and special offers
-
-
-
-
-
-
-
-
-
Underline
-
-
-
- Full name
-
-
- Email address
-
-
- When is your event?
-
-
- What type of event is it?
-
- Corporate event
- Wedding
- Birthday
- Other
-
-
-
- Additional details
-
-
-
-
-
-
- Email me news and special offers
-
-
-
-
-
-
-
-
-
Solid
-
-
-
- Full name
-
-
- Email address
-
-
- When is your event?
-
-
- What type of event is it?
-
- Corporate event
- Wedding
- Birthday
- Other
-
-
-
- Additional details
-
-
-
-
-
-
- Email me news and special offers
-
-
-
-
-
-
-
-
-
-
-
diff --git a/website/node_modules/@tailwindcss/forms/kitchen-sink.html b/website/node_modules/@tailwindcss/forms/kitchen-sink.html
deleted file mode 100644
index 656835c..0000000
--- a/website/node_modules/@tailwindcss/forms/kitchen-sink.html
+++ /dev/null
@@ -1,222 +0,0 @@
-
-
-
-
-
-
@tailwindcss/forms Kitchen Sink
-
-
-
-
-
-
Reset styles
-
- These are form elements this plugin styles by default.
-
-
-
-
-
Untouched
-
- These are form elements we don't handle (yet?), but we use this to make sure we haven't
- accidentally styled them by mistake.
-
-
-
-
-
-
diff --git a/website/node_modules/@tailwindcss/forms/package.json b/website/node_modules/@tailwindcss/forms/package.json
deleted file mode 100644
index c34c6da..0000000
--- a/website/node_modules/@tailwindcss/forms/package.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
- "name": "@tailwindcss/forms",
- "version": "0.5.7",
- "main": "src/index.js",
- "types": "src/index.d.ts",
- "license": "MIT",
- "repository": "https://github.com/tailwindlabs/tailwindcss-forms",
- "publishConfig": {
- "access": "public"
- },
- "prettier": {
- "printWidth": 100,
- "semi": false,
- "singleQuote": true,
- "trailingComma": "es5"
- },
- "scripts": {
- "dev": "concurrently \"npm run serve\" \"npm run watch\"",
- "serve": "live-server .",
- "watch": "npm run build -- -w",
- "build": "tailwindcss -o dist/tailwind.css"
- },
- "peerDependencies": {
- "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
- },
- "devDependencies": {
- "autoprefixer": "^10.4.6",
- "concurrently": "^5.3.0",
- "live-server": "^1.2.2",
- "postcss": "^8.4.13",
- "tailwindcss": "^3.0.24"
- },
- "dependencies": {
- "mini-svg-data-uri": "^1.2.3"
- }
-}
diff --git a/website/node_modules/@tailwindcss/forms/src/index.d.ts b/website/node_modules/@tailwindcss/forms/src/index.d.ts
deleted file mode 100644
index 1918866..0000000
--- a/website/node_modules/@tailwindcss/forms/src/index.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-declare function plugin(options?: Partial<{ strategy: 'base' | 'class' }>): { handler: () => void }
-
-declare namespace plugin {
- const __isOptionsFunction: true
-}
-
-export = plugin
diff --git a/website/node_modules/@tailwindcss/forms/src/index.js b/website/node_modules/@tailwindcss/forms/src/index.js
deleted file mode 100644
index dd2953f..0000000
--- a/website/node_modules/@tailwindcss/forms/src/index.js
+++ /dev/null
@@ -1,358 +0,0 @@
-const svgToDataUri = require('mini-svg-data-uri')
-const plugin = require('tailwindcss/plugin')
-const defaultTheme = require('tailwindcss/defaultTheme')
-const colors = require('tailwindcss/colors')
-const [baseFontSize, { lineHeight: baseLineHeight }] = defaultTheme.fontSize.base
-const { spacing, borderWidth, borderRadius } = defaultTheme
-
-function resolveColor(color, opacityVariableName) {
- return color.replace('
', `var(${opacityVariableName}, 1)`)
-}
-
-const forms = plugin.withOptions(function (options = { strategy: undefined }) {
- return function ({ addBase, addComponents, theme }) {
- const strategy = options.strategy === undefined ? ['base', 'class'] : [options.strategy]
-
- const rules = [
- {
- base: [
- "[type='text']",
- 'input:where(:not([type]))',
- "[type='email']",
- "[type='url']",
- "[type='password']",
- "[type='number']",
- "[type='date']",
- "[type='datetime-local']",
- "[type='month']",
- "[type='search']",
- "[type='tel']",
- "[type='time']",
- "[type='week']",
- '[multiple]',
- 'textarea',
- 'select',
- ],
- class: ['.form-input', '.form-textarea', '.form-select', '.form-multiselect'],
- styles: {
- appearance: 'none',
- 'background-color': '#fff',
- 'border-color': resolveColor(
- theme('colors.gray.500', colors.gray[500]),
- '--tw-border-opacity'
- ),
- 'border-width': borderWidth['DEFAULT'],
- 'border-radius': borderRadius.none,
- 'padding-top': spacing[2],
- 'padding-right': spacing[3],
- 'padding-bottom': spacing[2],
- 'padding-left': spacing[3],
- 'font-size': baseFontSize,
- 'line-height': baseLineHeight,
- '--tw-shadow': '0 0 #0000',
- '&:focus': {
- outline: '2px solid transparent',
- 'outline-offset': '2px',
- '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',
- '--tw-ring-offset-width': '0px',
- '--tw-ring-offset-color': '#fff',
- '--tw-ring-color': resolveColor(
- theme('colors.blue.600', colors.blue[600]),
- '--tw-ring-opacity'
- ),
- '--tw-ring-offset-shadow': `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`,
- '--tw-ring-shadow': `var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
- 'box-shadow': `var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)`,
- 'border-color': resolveColor(
- theme('colors.blue.600', colors.blue[600]),
- '--tw-border-opacity'
- ),
- },
- },
- },
- {
- base: ['input::placeholder', 'textarea::placeholder'],
- class: ['.form-input::placeholder', '.form-textarea::placeholder'],
- styles: {
- color: resolveColor(theme('colors.gray.500', colors.gray[500]), '--tw-text-opacity'),
- opacity: '1',
- },
- },
- {
- base: ['::-webkit-datetime-edit-fields-wrapper'],
- class: ['.form-input::-webkit-datetime-edit-fields-wrapper'],
- styles: {
- padding: '0',
- },
- },
- {
- // Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
- // This sucks because users can't change line-height with a utility on date inputs now.
- // Reference: https://github.com/twbs/bootstrap/pull/31993
- base: ['::-webkit-date-and-time-value'],
- class: ['.form-input::-webkit-date-and-time-value'],
- styles: {
- 'min-height': '1.5em',
- },
- },
- {
- // In Safari on iOS date and time inputs are centered instead of left-aligned and can't be
- // changed with `text-align` utilities on the input by default. Resetting this to `inherit`
- // makes them left-aligned by default and makes it possible to override the alignment with
- // utility classes without using an arbitrary variant to target the pseudo-elements.
- base: ['::-webkit-date-and-time-value'],
- class: ['.form-input::-webkit-date-and-time-value'],
- styles: {
- 'text-align': 'inherit',
- },
- },
- {
- // In Safari on macOS date time inputs that are set to `display: block` have unexpected
- // extra bottom spacing. This can be corrected by setting the `::-webkit-datetime-edit`
- // pseudo-element to `display: inline-flex`, instead of the browser default of
- // `display: inline-block`.
- base: ['::-webkit-datetime-edit'],
- class: ['.form-input::-webkit-datetime-edit'],
- styles: {
- display: 'inline-flex',
- },
- },
- {
- // In Safari on macOS date time inputs are 4px taller than normal inputs
- // This is because there is extra padding on the datetime-edit and datetime-edit-{part}-field pseudo elements
- // See https://github.com/tailwindlabs/tailwindcss-forms/issues/95
- base: [
- '::-webkit-datetime-edit',
- '::-webkit-datetime-edit-year-field',
- '::-webkit-datetime-edit-month-field',
- '::-webkit-datetime-edit-day-field',
- '::-webkit-datetime-edit-hour-field',
- '::-webkit-datetime-edit-minute-field',
- '::-webkit-datetime-edit-second-field',
- '::-webkit-datetime-edit-millisecond-field',
- '::-webkit-datetime-edit-meridiem-field',
- ],
- class: [
- '.form-input::-webkit-datetime-edit',
- '.form-input::-webkit-datetime-edit-year-field',
- '.form-input::-webkit-datetime-edit-month-field',
- '.form-input::-webkit-datetime-edit-day-field',
- '.form-input::-webkit-datetime-edit-hour-field',
- '.form-input::-webkit-datetime-edit-minute-field',
- '.form-input::-webkit-datetime-edit-second-field',
- '.form-input::-webkit-datetime-edit-millisecond-field',
- '.form-input::-webkit-datetime-edit-meridiem-field',
- ],
- styles: {
- 'padding-top': 0,
- 'padding-bottom': 0,
- },
- },
- {
- base: ['select'],
- class: ['.form-select'],
- styles: {
- 'background-image': `url("${svgToDataUri(
- `
-
-
-
-
-
-
-
-
-A plugin that provides a set of `prose` classes you can use to add beautiful typographic defaults to any vanilla HTML you don't control, like HTML rendered from Markdown, or pulled from a CMS.
-
----
-
-## Documentation
-
-For full documentation, visit [tailwindcss.com/docs/typography-plugin](https://tailwindcss.com/docs/typography-plugin).
-
-## Community
-
-For help, discussion about best practices, or any other conversation that would benefit from being searchable:
-
-[Discuss the Tailwind CSS Typography plugin on GitHub](https://github.com/tailwindlabs/tailwindcss/discussions)
-
-For casual chit-chat with others using the framework:
-
-[Join the Tailwind CSS Discord Server](https://tailwindcss.com/discord)
diff --git a/website/node_modules/@tailwindcss/typography/package.json b/website/node_modules/@tailwindcss/typography/package.json
deleted file mode 100644
index 9ef4605..0000000
--- a/website/node_modules/@tailwindcss/typography/package.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
- "name": "@tailwindcss/typography",
- "version": "0.5.10",
- "description": "A Tailwind CSS plugin for automatically styling plain HTML content with beautiful typographic defaults.",
- "main": "src/index.js",
- "types": "src/index.d.ts",
- "files": [
- "src/*.js",
- "src/*.d.ts",
- "dist/"
- ],
- "repository": "https://github.com/tailwindcss/typography",
- "license": "MIT",
- "publishConfig": {
- "access": "public"
- },
- "prettier": {
- "printWidth": 100,
- "semi": false,
- "singleQuote": true,
- "trailingComma": "es5"
- },
- "scripts": {
- "test": "jest",
- "dev": "next dev demo",
- "build": "next build demo",
- "export": "next export demo",
- "start": "next start demo"
- },
- "peerDependencies": {
- "tailwindcss": ">=3.0.0 || insiders"
- },
- "devDependencies": {
- "@mdx-js/loader": "^1.0.19",
- "@mdx-js/mdx": "^1.6.6",
- "@next/mdx": "^8.1.0",
- "autoprefixer": "^10.2.1",
- "highlight.js": "^10.4.1",
- "jest": "^26.6.1",
- "jest-diff": "^27.3.1",
- "next": "^12.0.1",
- "postcss": "^8.2.3",
- "prettier": "^2.1.2",
- "react": "^17.0.2",
- "react-dom": "^17.0.2",
- "tailwindcss": "^3.2.2"
- },
- "dependencies": {
- "lodash.castarray": "^4.4.0",
- "lodash.isplainobject": "^4.0.6",
- "lodash.merge": "^4.6.2",
- "postcss-selector-parser": "6.0.10"
- },
- "jest": {
- "setupFilesAfterEnv": [
- "/jest/customMatchers.js"
- ]
- }
-}
diff --git a/website/node_modules/@tailwindcss/typography/src/index.d.ts b/website/node_modules/@tailwindcss/typography/src/index.d.ts
deleted file mode 100644
index 5c38097..0000000
--- a/website/node_modules/@tailwindcss/typography/src/index.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare function plugin(options?: Partial<{ className: string; target: 'modern' | 'legacy' }>): {
- handler: () => void
-}
-
-declare namespace plugin {
- const __isOptionsFunction: true
-}
-
-export = plugin
diff --git a/website/node_modules/@tailwindcss/typography/src/index.js b/website/node_modules/@tailwindcss/typography/src/index.js
deleted file mode 100644
index 7b32ca7..0000000
--- a/website/node_modules/@tailwindcss/typography/src/index.js
+++ /dev/null
@@ -1,139 +0,0 @@
-const plugin = require('tailwindcss/plugin')
-const merge = require('lodash.merge')
-const castArray = require('lodash.castarray')
-const styles = require('./styles')
-const { commonTrailingPseudos } = require('./utils')
-
-const computed = {
- // Reserved for future "magic properties", for example:
- // bulletColor: (color) => ({ 'ul > li::before': { backgroundColor: color } }),
-}
-
-function inWhere(selector, { className, modifier, prefix }) {
- let prefixedNot = prefix(`.not-${className}`).slice(1)
- let selectorPrefix = selector.startsWith('>')
- ? `${modifier === 'DEFAULT' ? `.${className}` : `.${className}-${modifier}`} `
- : ''
-
- // Parse the selector, if every component ends in the same pseudo element(s) then move it to the end
- let [trailingPseudo, rebuiltSelector] = commonTrailingPseudos(selector)
-
- if (trailingPseudo) {
- return `:where(${selectorPrefix}${rebuiltSelector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))${trailingPseudo}`
- }
-
- return `:where(${selectorPrefix}${selector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))`
-}
-
-function isObject(value) {
- return typeof value === 'object' && value !== null
-}
-
-function configToCss(config = {}, { target, className, modifier, prefix }) {
- function updateSelector(k, v) {
- if (target === 'legacy') {
- return [k, v]
- }
-
- if (Array.isArray(v)) {
- return [k, v]
- }
-
- if (isObject(v)) {
- let nested = Object.values(v).some(isObject)
- if (nested) {
- return [
- inWhere(k, { className, modifier, prefix }),
- v,
- Object.fromEntries(Object.entries(v).map(([k, v]) => updateSelector(k, v))),
- ]
- }
-
- return [inWhere(k, { className, modifier, prefix }), v]
- }
-
- return [k, v]
- }
-
- return Object.fromEntries(
- Object.entries(
- merge(
- {},
- ...Object.keys(config)
- .filter((key) => computed[key])
- .map((key) => computed[key](config[key])),
- ...castArray(config.css || {})
- )
- ).map(([k, v]) => updateSelector(k, v))
- )
-}
-
-module.exports = plugin.withOptions(
- ({ className = 'prose', target = 'modern' } = {}) => {
- return function ({ addVariant, addComponents, theme, prefix }) {
- let modifiers = theme('typography')
-
- let options = { className, prefix }
-
- for (let [name, ...selectors] of [
- ['headings', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'th'],
- ['h1'],
- ['h2'],
- ['h3'],
- ['h4'],
- ['h5'],
- ['h6'],
- ['p'],
- ['a'],
- ['blockquote'],
- ['figure'],
- ['figcaption'],
- ['strong'],
- ['em'],
- ['code'],
- ['pre'],
- ['ol'],
- ['ul'],
- ['li'],
- ['table'],
- ['thead'],
- ['tr'],
- ['th'],
- ['td'],
- ['img'],
- ['video'],
- ['hr'],
- ['lead', '[class~="lead"]'],
- ]) {
- selectors = selectors.length === 0 ? [name] : selectors
-
- let selector =
- target === 'legacy' ? selectors.map((selector) => `& ${selector}`) : selectors.join(', ')
-
- addVariant(
- `${className}-${name}`,
- target === 'legacy' ? selector : `& :is(${inWhere(selector, options)})`
- )
- }
-
- addComponents(
- Object.keys(modifiers).map((modifier) => ({
- [modifier === 'DEFAULT' ? `.${className}` : `.${className}-${modifier}`]: configToCss(
- modifiers[modifier],
- {
- target,
- className,
- modifier,
- prefix,
- }
- ),
- }))
- )
- }
- },
- () => {
- return {
- theme: { typography: styles },
- }
- }
-)
diff --git a/website/node_modules/@tailwindcss/typography/src/index.test.js b/website/node_modules/@tailwindcss/typography/src/index.test.js
deleted file mode 100644
index 94e3552..0000000
--- a/website/node_modules/@tailwindcss/typography/src/index.test.js
+++ /dev/null
@@ -1,1413 +0,0 @@
-const path = require('path')
-const tailwind = require('tailwindcss')
-const postcss = require('postcss')
-const typographyPlugin = require('.')
-
-let html = String.raw
-let css = String.raw
-
-let vars = `
- --tw-border-spacing-x: 0;
- --tw-border-spacing-y: 0;
- --tw-translate-x: 0;
- --tw-translate-y: 0;
- --tw-rotate: 0;
- --tw-skew-x: 0;
- --tw-skew-y: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
- --tw-scroll-snap-strictness: proximity;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
- --tw-ring-offset-width: 0px;
- --tw-ring-offset-color: #fff;
- --tw-ring-color: rgb(59 130 246 / 0.5);
- --tw-ring-offset-shadow: 0 0 #0000;
- --tw-ring-shadow: 0 0 #0000;
- --tw-shadow: 0 0 #0000;
- --tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
-`
-let defaults = css`
- *,
- ::before,
- ::after {
- ${vars}
- }
- ::backdrop {
- ${vars}
- }
-`
-
-function run(config, plugin = tailwind) {
- let { currentTestName } = expect.getState()
- config = {
- ...{ plugins: [typographyPlugin], corePlugins: { preflight: false } },
- ...config,
- }
-
- return postcss(plugin(config)).process(
- ['@tailwind base;', '@tailwind components;', '@tailwind utilities'].join('\n'),
- {
- from: `${path.resolve(__filename)}?test=${currentTestName}`,
- }
- )
-}
-
-test('specificity is reduced with :where', async () => {
- let config = {
- content: [{ raw: html`
` }],
- theme: {
- typography: {
- DEFAULT: {
- css: [
- {
- color: 'var(--tw-prose-body)',
- maxWidth: '65ch',
- '[class~="lead"]': {
- color: 'var(--tw-prose-lead)',
- },
- strong: {
- color: 'var(--tw-prose-bold)',
- fontWeight: '600',
- },
- 'ol[type="A"]': {
- listStyleType: 'upper-alpha',
- },
- 'blockquote p:first-of-type::before': {
- content: 'open-quote',
- },
- 'blockquote p:last-of-type::after': {
- content: 'close-quote',
- },
- 'h4 strong': {
- fontWeight: '700',
- },
- 'figure > *': {
- margin: 0,
- },
- 'ol > li::marker': {
- fontWeight: '400',
- color: 'var(--tw-prose-counters)',
- },
- '> ul > li p': {
- marginTop: '16px',
- marginBottom: '16px',
- },
- 'code::before': {
- content: '"`"',
- },
- 'code::after': {
- content: '"`"',
- },
- },
- ],
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toMatchFormattedCss(
- css`
- ${defaults}
-
- .prose {
- color: var(--tw-prose-body);
- max-width: 65ch;
- }
- .prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: var(--tw-prose-lead);
- }
- .prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: var(--tw-prose-bold);
- font-weight: 600;
- }
- .prose :where(ol[type='A']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- list-style-type: upper-alpha;
- }
- .prose
- :where(blockquote p:first-of-type):not(:where([class~='not-prose'], [class~='not-prose']
- *))::before {
- content: open-quote;
- }
- .prose
- :where(blockquote p:last-of-type):not(:where([class~='not-prose'], [class~='not-prose']
- *))::after {
- content: close-quote;
- }
- .prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- font-weight: 700;
- }
- .prose :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- margin: 0;
- }
- .prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {
- font-weight: 400;
- color: var(--tw-prose-counters);
- }
- .prose
- :where(.prose > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- margin-top: 16px;
- margin-bottom: 16px;
- }
- .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {
- content: '`';
- }
- .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {
- content: '`';
- }
- `
- )
- })
-})
-
-test('variants', async () => {
- let config = {
- content: [{ raw: html`
` }],
- theme: {
- typography: {
- DEFAULT: {
- css: [
- {
- color: 'red',
- p: {
- color: 'lime',
- },
- '> ul > li': {
- color: 'purple',
- },
- },
- ],
- },
- lg: {
- css: {
- color: 'green',
- p: {
- color: 'tomato',
- },
- '> ul > li': {
- color: 'blue',
- },
- },
- },
- xl: {
- css: {
- color: 'yellow',
- '> ul > li': {
- color: 'hotpink',
- },
- },
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toMatchFormattedCss(
- css`
- ${defaults}
-
- .hover\:prose-lg:hover {
- color: green;
- }
- .hover\:prose-lg:hover :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: tomato;
- }
- .hover\:prose-lg:hover
- :where(.hover\:prose-lg:hover
- > ul
- > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: blue;
- }
- @media (min-width: 640px) {
- .sm\:prose {
- color: red;
- }
- .sm\:prose :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: lime;
- }
- .sm\:prose
- :where(.sm\:prose > ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: purple;
- }
- }
- @media (min-width: 1024px) {
- .lg\:prose-lg {
- color: green;
- }
- .lg\:prose-lg :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: tomato;
- }
- .lg\:prose-lg
- :where(.lg\:prose-lg > ul > li):not(:where([class~='not-prose'], [class~='not-prose']
- *)) {
- color: blue;
- }
- }
- `
- )
- })
-})
-
-test('modifiers', async () => {
- let config = {
- content: [{ raw: html`
` }],
- theme: {
- typography: {
- DEFAULT: {
- css: [
- {
- color: 'var(--tw-prose-body)',
- maxWidth: '65ch',
- '[class~="lead"]': {
- color: 'var(--tw-prose-lead)',
- },
- strong: {
- color: 'var(--tw-prose-bold)',
- fontWeight: '600',
- },
- 'ol[type="A"]': {
- listStyleType: 'upper-alpha',
- },
- 'blockquote p:first-of-type::before': {
- content: 'open-quote',
- },
- 'blockquote p:last-of-type::after': {
- content: 'close-quote',
- },
- 'h4 strong': {
- fontWeight: '700',
- },
- 'figure > *': {
- margin: 0,
- },
- 'ol > li::marker': {
- fontWeight: '400',
- color: 'var(--tw-prose-counters)',
- },
- 'code::before': {
- content: '"`"',
- },
- 'code::after': {
- content: '"`"',
- },
- },
- ],
- },
- lg: {
- css: [
- {
- fontSize: '18px',
- lineHeight: '1.75',
- p: {
- marginTop: '24px',
- marginBottom: '24px',
- },
- '[class~="lead"]': {
- fontSize: '22px',
- },
- blockquote: {
- marginTop: '40px',
- marginBottom: '40px',
- },
- '> ul > li': {
- paddingLeft: '12px',
- },
- h1: {
- fontSize: '48px',
- marginTop: '0',
- marginBottom: '40px',
- },
- h2: {
- fontSize: '30px',
- marginTop: '56px',
- marginBottom: '32px',
- },
- h3: {
- fontSize: '24px',
- marginTop: '40px',
- marginBottom: '16px',
- },
- },
- ],
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toMatchFormattedCss(
- css`
- ${defaults}
-
- .prose {
- color: var(--tw-prose-body);
- max-width: 65ch;
- }
- .prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: var(--tw-prose-lead);
- }
- .prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: var(--tw-prose-bold);
- font-weight: 600;
- }
- .prose :where(ol[type='A']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- list-style-type: upper-alpha;
- }
- .prose
- :where(blockquote p:first-of-type):not(:where([class~='not-prose'], [class~='not-prose']
- *))::before {
- content: open-quote;
- }
- .prose
- :where(blockquote p:last-of-type):not(:where([class~='not-prose'], [class~='not-prose']
- *))::after {
- content: close-quote;
- }
- .prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- font-weight: 700;
- }
- .prose :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- margin: 0;
- }
- .prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {
- font-weight: 400;
- color: var(--tw-prose-counters);
- }
- .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {
- content: '`';
- }
- .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {
- content: '`';
- }
- .prose-lg {
- font-size: 18px;
- line-height: 1.75;
- }
- .prose-lg :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- margin-top: 24px;
- margin-bottom: 24px;
- }
- .prose-lg
- :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- font-size: 22px;
- }
- .prose-lg :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- margin-top: 40px;
- margin-bottom: 40px;
- }
- .prose-lg
- :where(.prose-lg > ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- padding-left: 12px;
- }
- .prose-lg :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- font-size: 48px;
- margin-top: 0;
- margin-bottom: 40px;
- }
- .prose-lg :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- font-size: 30px;
- margin-top: 56px;
- margin-bottom: 32px;
- }
- .prose-lg :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- font-size: 24px;
- margin-top: 40px;
- margin-bottom: 16px;
- }
- `
- )
- })
-})
-
-test('legacy target', async () => {
- let config = {
- plugins: [typographyPlugin({ target: 'legacy' })],
- content: [
- { raw: html`
` },
- ],
- theme: {
- typography: {
- DEFAULT: {
- css: [
- {
- color: 'var(--tw-prose-body)',
- maxWidth: '65ch',
- '[class~="lead"]': {
- color: 'var(--tw-prose-lead)',
- },
- strong: {
- color: 'var(--tw-prose-bold)',
- fontWeight: '600',
- },
- 'ol[type="A"]': {
- listStyleType: 'upper-alpha',
- },
- 'blockquote p:first-of-type::before': {
- content: 'open-quote',
- },
- 'blockquote p:last-of-type::after': {
- content: 'close-quote',
- },
- 'h4 strong': {
- fontWeight: '700',
- },
- 'figure > *': {
- margin: 0,
- },
- 'ol > li::marker': {
- fontWeight: '400',
- color: 'var(--tw-prose-counters)',
- },
- 'code::before': {
- content: '"`"',
- },
- 'code::after': {
- content: '"`"',
- },
- },
- ],
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toMatchFormattedCss(
- css`
- ${defaults}
-
- .prose {
- color: var(--tw-prose-body);
- max-width: 65ch;
- }
- .prose [class~='lead'] {
- color: var(--tw-prose-lead);
- }
- .prose strong {
- color: var(--tw-prose-bold);
- font-weight: 600;
- }
- .prose ol[type='A'] {
- list-style-type: upper-alpha;
- }
- .prose blockquote p:first-of-type::before {
- content: open-quote;
- }
- .prose blockquote p:last-of-type::after {
- content: close-quote;
- }
- .prose h4 strong {
- font-weight: 700;
- }
- .prose figure > * {
- margin: 0;
- }
- .prose ol > li::marker {
- font-weight: 400;
- color: var(--tw-prose-counters);
- }
- .prose code::before {
- content: '`';
- }
- .prose code::after {
- content: '`';
- }
- .prose-headings\:text-ellipsis h1 {
- text-overflow: ellipsis;
- }
- .prose-headings\:text-ellipsis h2 {
- text-overflow: ellipsis;
- }
- .prose-headings\:text-ellipsis h3 {
- text-overflow: ellipsis;
- }
- .prose-headings\:text-ellipsis h4 {
- text-overflow: ellipsis;
- }
- .prose-headings\:text-ellipsis h5 {
- text-overflow: ellipsis;
- }
- .prose-headings\:text-ellipsis h6 {
- text-overflow: ellipsis;
- }
- .prose-headings\:text-ellipsis th {
- text-overflow: ellipsis;
- }
- .prose-h1\:text-center h1 {
- text-align: center;
- }
- `
- )
- })
-})
-
-test('custom class name', async () => {
- let config = {
- plugins: [typographyPlugin({ className: 'markdown' })],
- content: [{ raw: html`
` }],
- theme: {
- typography: {
- DEFAULT: {
- css: [
- {
- color: 'var(--tw-prose-body)',
- maxWidth: '65ch',
- '[class~="lead"]': {
- color: 'var(--tw-prose-lead)',
- },
- strong: {
- color: 'var(--tw-prose-bold)',
- fontWeight: '600',
- },
- 'ol[type="A"]': {
- listStyleType: 'upper-alpha',
- },
- 'blockquote p:first-of-type::before': {
- content: 'open-quote',
- },
- 'blockquote p:last-of-type::after': {
- content: 'close-quote',
- },
- 'h4 strong': {
- fontWeight: '700',
- },
- 'figure > *': {
- margin: 0,
- },
- 'ol > li::marker': {
- fontWeight: '400',
- color: 'var(--tw-prose-counters)',
- },
- 'code::before': {
- content: '"`"',
- },
- 'code::after': {
- content: '"`"',
- },
- },
- ],
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toMatchFormattedCss(
- css`
- ${defaults}
-
- .markdown {
- color: var(--tw-prose-body);
- max-width: 65ch;
- }
- .markdown
- :where([class~='lead']):not(:where([class~='not-markdown'], [class~='not-markdown'] *)) {
- color: var(--tw-prose-lead);
- }
- .markdown :where(strong):not(:where([class~='not-markdown'], [class~='not-markdown'] *)) {
- color: var(--tw-prose-bold);
- font-weight: 600;
- }
- .markdown
- :where(ol[type='A']):not(:where([class~='not-markdown'], [class~='not-markdown'] *)) {
- list-style-type: upper-alpha;
- }
- .markdown
- :where(blockquote
- p:first-of-type):not(:where([class~='not-markdown'], [class~='not-markdown']
- *))::before {
- content: open-quote;
- }
- .markdown
- :where(blockquote
- p:last-of-type):not(:where([class~='not-markdown'], [class~='not-markdown'] *))::after {
- content: close-quote;
- }
- .markdown
- :where(h4 strong):not(:where([class~='not-markdown'], [class~='not-markdown'] *)) {
- font-weight: 700;
- }
- .markdown
- :where(figure > *):not(:where([class~='not-markdown'], [class~='not-markdown'] *)) {
- margin: 0;
- }
- .markdown
- :where(ol > li):not(:where([class~='not-markdown'], [class~='not-markdown'] *))::marker {
- font-weight: 400;
- color: var(--tw-prose-counters);
- }
- .markdown
- :where(code):not(:where([class~='not-markdown'], [class~='not-markdown'] *))::before {
- content: '`';
- }
- .markdown
- :where(code):not(:where([class~='not-markdown'], [class~='not-markdown'] *))::after {
- content: '`';
- }
- `
- )
- })
-})
-
-test('element variants', async () => {
- let config = {
- content: [
- {
- raw: html`
`,
- },
- ],
- theme: {
- typography: {
- DEFAULT: {
- css: [
- {
- color: 'var(--tw-prose-body)',
- '[class~="lead"]': {
- color: 'var(--tw-prose-lead)',
- },
- strong: {
- color: 'var(--tw-prose-bold)',
- fontWeight: '600',
- },
- 'h4 strong': {
- fontWeight: '700',
- },
- },
- ],
- },
- },
- },
- }
- return run(config).then((result) => {
- expect(result.css).toMatchFormattedCss(
- css`
- ${defaults}
-
- .prose {
- color: var(--tw-prose-body);
- }
- .prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: var(--tw-prose-lead);
- }
- .prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: var(--tw-prose-bold);
- font-weight: 600;
- }
- .prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- font-weight: 700;
- }
- .prose-headings\:underline
- :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~='not-prose'], [class~='not-prose']
- *))) {
- text-decoration-line: underline;
- }
- .prose-h1\:text-3xl
- :is(:where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-size: 1.875rem;
- line-height: 2.25rem;
- }
- .prose-h2\:text-2xl
- :is(:where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-size: 1.5rem;
- line-height: 2rem;
- }
- .prose-h3\:text-xl
- :is(:where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- .prose-h4\:text-lg
- :is(:where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-size: 1.125rem;
- line-height: 1.75rem;
- }
- .prose-p\:text-gray-700
- :is(:where(p):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- --tw-text-opacity: 1;
- color: rgb(55 65 81 / var(--tw-text-opacity));
- }
- .prose-a\:font-bold
- :is(:where(a):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-weight: 700;
- }
- .prose-blockquote\:italic
- :is(:where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-style: italic;
- }
- .prose-figure\:mx-auto
- :is(:where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- margin-left: auto;
- margin-right: auto;
- }
- .prose-figcaption\:opacity-75
- :is(:where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- opacity: 0.75;
- }
- .prose-strong\:font-medium
- :is(:where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-weight: 500;
- }
- .prose-em\:italic
- :is(:where(em):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-style: italic;
- }
- .prose-code\:font-mono
- :is(:where(code):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
- 'Courier New', monospace;
- }
- .prose-pre\:font-mono
- :is(:where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
- 'Courier New', monospace;
- }
- .prose-ol\:pl-6 :is(:where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- padding-left: 1.5rem;
- }
- .prose-ul\:pl-8 :is(:where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- padding-left: 2rem;
- }
- .prose-li\:my-4 :is(:where(li):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- margin-top: 1rem;
- margin-bottom: 1rem;
- }
- .prose-table\:my-8
- :is(:where(table):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- margin-top: 2rem;
- margin-bottom: 2rem;
- }
- .prose-thead\:border-red-300
- :is(:where(thead):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- --tw-border-opacity: 1;
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
- }
- .prose-tr\:border-red-200
- :is(:where(tr):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- --tw-border-opacity: 1;
- border-color: rgb(254 202 202 / var(--tw-border-opacity));
- }
- .prose-th\:text-left
- :is(:where(th):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- text-align: left;
- }
- .prose-img\:rounded-lg
- :is(:where(img):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- border-radius: 0.5rem;
- }
- .prose-video\:my-12
- :is(:where(video):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- margin-top: 3rem;
- margin-bottom: 3rem;
- }
- .prose-hr\:border-t-2
- :is(:where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- border-top-width: 2px;
- }
- .prose-lead\:italic
- :is(:where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-style: italic;
- }
- `
- )
- })
-})
-
-test('element variants with custom class name', async () => {
- let config = {
- plugins: [typographyPlugin({ className: 'markdown' })],
- content: [
- {
- raw: html`
`,
- },
- ],
- theme: {
- typography: {
- DEFAULT: {
- css: [
- {
- color: 'var(--tw-prose-body)',
- '[class~="lead"]': {
- color: 'var(--tw-prose-lead)',
- },
- strong: {
- color: 'var(--tw-prose-bold)',
- fontWeight: '600',
- },
- 'h4 strong': {
- fontWeight: '700',
- },
- },
- ],
- },
- },
- },
- }
- return run(config).then((result) => {
- expect(result.css).toMatchFormattedCss(
- css`
- ${defaults}
-
- .markdown {
- color: var(--tw-prose-body);
- }
- .markdown
- :where([class~='lead']):not(:where([class~='not-markdown'], [class~='not-markdown'] *)) {
- color: var(--tw-prose-lead);
- }
- .markdown :where(strong):not(:where([class~='not-markdown'], [class~='not-markdown'] *)) {
- color: var(--tw-prose-bold);
- font-weight: 600;
- }
- .markdown
- :where(h4 strong):not(:where([class~='not-markdown'], [class~='not-markdown'] *)) {
- font-weight: 700;
- }
- .markdown-headings\:underline
- :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~='not-markdown'], [class~='not-markdown']
- *))) {
- text-decoration-line: underline;
- }
- .markdown-h1\:text-3xl
- :is(:where(h1):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-size: 1.875rem;
- line-height: 2.25rem;
- }
- .markdown-h2\:text-2xl
- :is(:where(h2):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-size: 1.5rem;
- line-height: 2rem;
- }
- .markdown-h3\:text-xl
- :is(:where(h3):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- .markdown-h4\:text-lg
- :is(:where(h4):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-size: 1.125rem;
- line-height: 1.75rem;
- }
- .markdown-p\:text-gray-700
- :is(:where(p):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- --tw-text-opacity: 1;
- color: rgb(55 65 81 / var(--tw-text-opacity));
- }
- .markdown-a\:font-bold
- :is(:where(a):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-weight: 700;
- }
- .markdown-blockquote\:italic
- :is(:where(blockquote):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-style: italic;
- }
- .markdown-figure\:mx-auto
- :is(:where(figure):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- margin-left: auto;
- margin-right: auto;
- }
- .markdown-figcaption\:opacity-75
- :is(:where(figcaption):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- opacity: 0.75;
- }
- .markdown-strong\:font-medium
- :is(:where(strong):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-weight: 500;
- }
- .markdown-em\:italic
- :is(:where(em):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-style: italic;
- }
- .markdown-code\:font-mono
- :is(:where(code):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
- 'Courier New', monospace;
- }
- .markdown-pre\:font-mono
- :is(:where(pre):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
- 'Courier New', monospace;
- }
- .markdown-ol\:pl-6
- :is(:where(ol):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- padding-left: 1.5rem;
- }
- .markdown-ul\:pl-8
- :is(:where(ul):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- padding-left: 2rem;
- }
- .markdown-li\:my-4
- :is(:where(li):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- margin-top: 1rem;
- margin-bottom: 1rem;
- }
- .markdown-table\:my-8
- :is(:where(table):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- margin-top: 2rem;
- margin-bottom: 2rem;
- }
- .markdown-thead\:border-red-300
- :is(:where(thead):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- --tw-border-opacity: 1;
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
- }
- .markdown-tr\:border-red-200
- :is(:where(tr):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- --tw-border-opacity: 1;
- border-color: rgb(254 202 202 / var(--tw-border-opacity));
- }
- .markdown-th\:text-left
- :is(:where(th):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- text-align: left;
- }
- .markdown-img\:rounded-lg
- :is(:where(img):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- border-radius: 0.5rem;
- }
- .markdown-video\:my-12
- :is(:where(video):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- margin-top: 3rem;
- margin-bottom: 3rem;
- }
- .markdown-hr\:border-t-2
- :is(:where(hr):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
- border-top-width: 2px;
- }
- .markdown-lead\:italic
- :is(:where([class~='lead']):not(:where([class~='not-markdown'], [class~='not-markdown']
- *))) {
- font-style: italic;
- }
- `
- )
- })
-})
-
-test('customizing defaults with multiple values does not result in invalid css', async () => {
- let config = {
- plugins: [typographyPlugin()],
- content: [
- {
- raw: html`
`,
- },
- ],
- theme: {
- typography: {
- DEFAULT: {
- css: {
- textAlign: ['-webkit-match-parent', 'match-parent'],
- },
- },
- },
- },
- }
- return run(config).then((result) => {
- expect(result.css).toMatchFormattedCss(
- css`
- ${defaults}
-
- .prose {
- text-align: -webkit-match-parent;
- text-align: match-parent;
- }
- `
- )
- })
-})
-
-it('should be possible to use nested syntax (&) when extending the config', () => {
- let config = {
- plugins: [typographyPlugin()],
- content: [
- {
- raw: html`
`,
- },
- ],
- theme: {
- extend: {
- typography: {
- DEFAULT: {
- css: {
- color: '#000',
- a: {
- color: '#888',
- '&:hover': {
- color: '#ff0000',
- },
- },
- },
- },
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toIncludeCss(css`
- .prose {
- color: #000;
- max-width: 65ch;
- }
- `)
-
- expect(result.css).toIncludeCss(css`
- .prose :where(a):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: #888;
- text-decoration: underline;
- font-weight: 500;
- }
- `)
-
- expect(result.css).toIncludeCss(css`
- .prose :where(a):not(:where([class~='not-prose'], [class~='not-prose'] *)):hover {
- color: #ff0000;
- }
- `)
- })
-})
-
-it('should be possible to specify custom h5 and h6 styles', () => {
- let config = {
- plugins: [typographyPlugin()],
- content: [
- {
- raw: html`
`,
- },
- ],
- }
-
- return run(config).then((result) => {
- expect(result.css).toIncludeCss(css`
- .prose-h5\:text-sm :is(:where(h5):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-size: 0.875rem;
- line-height: 1.25rem;
- }
- .prose-h6\:text-xl :is(:where(h6):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- `)
- })
-})
-
-it('should not break with multiple selectors with pseudo elements using variants', () => {
- let config = {
- darkMode: 'class',
- plugins: [typographyPlugin()],
- content: [
- {
- raw: html`
`,
- },
- ],
- theme: {
- typography: {
- DEFAULT: {
- css: {
- 'ol li::before, ul li::before': {
- color: 'red',
- },
- },
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toIncludeCss(css`
- .dark
- .dark\:prose
- :where(ol li, ul li):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {
- color: red;
- }
- `)
- })
-})
-
-it('lifts all common, trailing pseudo elements when the same across all selectors', () => {
- let config = {
- darkMode: 'class',
- plugins: [typographyPlugin()],
- content: [
- {
- raw: html`
`,
- },
- ],
- theme: {
- typography: {
- DEFAULT: {
- css: {
- 'ol li::marker::before, ul li::marker::before': {
- color: 'red',
- },
- },
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toIncludeCss(css`
- .prose
- :where(ol li, ul li):not(:where([class~='not-prose'], [class~='not-prose']
- *))::marker::before {
- color: red;
- }
- `)
-
- // TODO: The output here is a bug in tailwindcss variant selector rewriting
- // IT should be ::marker::before
- expect(result.css).toIncludeCss(css`
- .dark
- .dark\:prose
- :where(ol li, ul li):not(:where([class~='not-prose'], [class~='not-prose']
- *))::before::marker {
- color: red;
- }
- `)
- })
-})
-
-it('does not modify selectors with differing pseudo elements', () => {
- let config = {
- darkMode: 'class',
- plugins: [typographyPlugin()],
- content: [
- {
- raw: html`
`,
- },
- ],
- theme: {
- typography: {
- DEFAULT: {
- css: {
- 'ol li::before, ul li::after': {
- color: 'red',
- },
- },
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toIncludeCss(css`
- .prose
- :where(ol li::before, ul li::after):not(:where([class~='not-prose'], [class~='not-prose']
- *)) {
- color: red;
- }
- `)
-
- // TODO: The output here is a bug in tailwindcss variant selector rewriting
- expect(result.css).toIncludeCss(css`
- .dark
- .dark\:prose
- :where(ol li, ul li):not(:where([class~='not-prose'], [class~='not-prose'] *))::before,
- ::after {
- color: red;
- }
- `)
- })
-})
-
-it('lifts only the common, trailing pseudo elements from selectors', () => {
- let config = {
- darkMode: 'class',
- plugins: [typographyPlugin()],
- content: [
- {
- raw: html`
`,
- },
- ],
- theme: {
- typography: {
- DEFAULT: {
- css: {
- 'ol li::scroll-thumb::before, ul li::scroll-track::before': {
- color: 'red',
- },
- },
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toIncludeCss(css`
- .prose
- :where(ol li::scroll-thumb, ul
- li::scroll-track):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {
- color: red;
- }
- `)
-
- // TODO: The output here is a bug in tailwindcss variant selector rewriting
- expect(result.css).toIncludeCss(css`
- .dark
- .dark\:prose
- :where(ol li, ul li):not(:where([class~='not-prose'], [class~='not-prose']
- *))::scroll-thumb,
- ::scroll-track,
- ::before {
- color: red;
- }
- `)
- })
-})
-
-it('ignores common non-trailing pseudo-elements in selectors', () => {
- let config = {
- darkMode: 'class',
- plugins: [typographyPlugin()],
- content: [
- {
- raw: html`
`,
- },
- ],
- theme: {
- typography: {
- DEFAULT: {
- css: {
- 'ol li::before::scroll-thumb, ul li::before::scroll-track': {
- color: 'red',
- },
- },
- },
- },
- },
- }
-
- return run(config).then((result) => {
- expect(result.css).toIncludeCss(css`
- .prose
- :where(ol li::before::scroll-thumb, ul
- li::before::scroll-track):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: red;
- }
- `)
-
- // TODO: The output here is a bug in tailwindcss variant selector rewriting
- expect(result.css).toIncludeCss(css`
- .dark
- .dark\:prose
- :where(ol li::scroll-thumb, ul
- li::scroll-track):not(:where([class~='not-prose'], [class~='not-prose'] *))::before,
- ::before {
- color: red;
- }
- `)
- })
-})
-
-test('lead styles are inserted after paragraph styles', async () => {
- let config = {
- content: [{ raw: html`
` }],
- }
-
- return run(config).then((result) => {
- expect(result.css).toIncludeCss(
- css`
- .prose {
- color: var(--tw-prose-body);
- max-width: 65ch;
- }
- .prose :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
- }
- .prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
- color: var(--tw-prose-lead);
- font-size: 1.25em;
- line-height: 1.6;
- margin-top: 1.2em;
- margin-bottom: 1.2em;
- }
- `
- )
- })
-})
diff --git a/website/node_modules/@tailwindcss/typography/src/styles.js b/website/node_modules/@tailwindcss/typography/src/styles.js
deleted file mode 100644
index faa1af8..0000000
--- a/website/node_modules/@tailwindcss/typography/src/styles.js
+++ /dev/null
@@ -1,1629 +0,0 @@
-const colors = require('tailwindcss/colors')
-
-const round = (num) =>
- num
- .toFixed(7)
- .replace(/(\.[0-9]+?)0+$/, '$1')
- .replace(/\.0$/, '')
-const rem = (px) => `${round(px / 16)}rem`
-const em = (px, base) => `${round(px / base)}em`
-const hexToRgb = (hex) => {
- hex = hex.replace('#', '')
- hex = hex.length === 3 ? hex.replace(/./g, '$&$&') : hex
- const r = parseInt(hex.substring(0, 2), 16)
- const g = parseInt(hex.substring(2, 4), 16)
- const b = parseInt(hex.substring(4, 6), 16)
- return `${r} ${g} ${b}`
-}
-
-let defaultModifiers = {
- sm: {
- css: [
- {
- fontSize: rem(14),
- lineHeight: round(24 / 14),
- p: {
- marginTop: em(16, 14),
- marginBottom: em(16, 14),
- },
- '[class~="lead"]': {
- fontSize: em(18, 14),
- lineHeight: round(28 / 18),
- marginTop: em(16, 18),
- marginBottom: em(16, 18),
- },
- blockquote: {
- marginTop: em(24, 18),
- marginBottom: em(24, 18),
- paddingLeft: em(20, 18),
- },
- h1: {
- fontSize: em(30, 14),
- marginTop: '0',
- marginBottom: em(24, 30),
- lineHeight: round(36 / 30),
- },
- h2: {
- fontSize: em(20, 14),
- marginTop: em(32, 20),
- marginBottom: em(16, 20),
- lineHeight: round(28 / 20),
- },
- h3: {
- fontSize: em(18, 14),
- marginTop: em(28, 18),
- marginBottom: em(8, 18),
- lineHeight: round(28 / 18),
- },
- h4: {
- marginTop: em(20, 14),
- marginBottom: em(8, 14),
- lineHeight: round(20 / 14),
- },
- img: {
- marginTop: em(24, 14),
- marginBottom: em(24, 14),
- },
- picture: {
- marginTop: em(24, 14),
- marginBottom: em(24, 14),
- },
- 'picture > img': {
- marginTop: '0',
- marginBottom: '0',
- },
- video: {
- marginTop: em(24, 14),
- marginBottom: em(24, 14),
- },
- kbd: {
- fontSize: em(12, 14),
- borderRadius: rem(5),
- paddingTop: em(2, 14),
- paddingRight: em(5, 14),
- paddingBottom: em(2, 14),
- paddingLeft: em(5, 14),
- },
- code: {
- fontSize: em(12, 14),
- },
- 'h2 code': {
- fontSize: em(18, 20),
- },
- 'h3 code': {
- fontSize: em(16, 18),
- },
- pre: {
- fontSize: em(12, 14),
- lineHeight: round(20 / 12),
- marginTop: em(20, 12),
- marginBottom: em(20, 12),
- borderRadius: rem(4),
- paddingTop: em(8, 12),
- paddingRight: em(12, 12),
- paddingBottom: em(8, 12),
- paddingLeft: em(12, 12),
- },
- ol: {
- marginTop: em(16, 14),
- marginBottom: em(16, 14),
- paddingLeft: em(22, 14),
- },
- ul: {
- marginTop: em(16, 14),
- marginBottom: em(16, 14),
- paddingLeft: em(22, 14),
- },
- li: {
- marginTop: em(4, 14),
- marginBottom: em(4, 14),
- },
- 'ol > li': {
- paddingLeft: em(6, 14),
- },
- 'ul > li': {
- paddingLeft: em(6, 14),
- },
- '> ul > li p': {
- marginTop: em(8, 14),
- marginBottom: em(8, 14),
- },
- '> ul > li > *:first-child': {
- marginTop: em(16, 14),
- },
- '> ul > li > *:last-child': {
- marginBottom: em(16, 14),
- },
- '> ol > li > *:first-child': {
- marginTop: em(16, 14),
- },
- '> ol > li > *:last-child': {
- marginBottom: em(16, 14),
- },
- 'ul ul, ul ol, ol ul, ol ol': {
- marginTop: em(8, 14),
- marginBottom: em(8, 14),
- },
- dl: {
- marginTop: em(16, 14),
- marginBottom: em(16, 14),
- },
- dt: {
- marginTop: em(16, 14),
- },
- dd: {
- marginTop: em(4, 14),
- paddingLeft: em(22, 14),
- },
- hr: {
- marginTop: em(40, 14),
- marginBottom: em(40, 14),
- },
- 'hr + *': {
- marginTop: '0',
- },
- 'h2 + *': {
- marginTop: '0',
- },
- 'h3 + *': {
- marginTop: '0',
- },
- 'h4 + *': {
- marginTop: '0',
- },
- table: {
- fontSize: em(12, 14),
- lineHeight: round(18 / 12),
- },
- 'thead th': {
- paddingRight: em(12, 12),
- paddingBottom: em(8, 12),
- paddingLeft: em(12, 12),
- },
- 'thead th:first-child': {
- paddingLeft: '0',
- },
- 'thead th:last-child': {
- paddingRight: '0',
- },
- 'tbody td, tfoot td': {
- paddingTop: em(8, 12),
- paddingRight: em(12, 12),
- paddingBottom: em(8, 12),
- paddingLeft: em(12, 12),
- },
- 'tbody td:first-child, tfoot td:first-child': {
- paddingLeft: '0',
- },
- 'tbody td:last-child, tfoot td:last-child': {
- paddingRight: '0',
- },
- figure: {
- marginTop: em(24, 14),
- marginBottom: em(24, 14),
- },
- 'figure > *': {
- marginTop: '0',
- marginBottom: '0',
- },
- figcaption: {
- fontSize: em(12, 14),
- lineHeight: round(16 / 12),
- marginTop: em(8, 12),
- },
- },
- {
- '> :first-child': {
- marginTop: '0',
- },
- '> :last-child': {
- marginBottom: '0',
- },
- },
- ],
- },
- base: {
- css: [
- {
- fontSize: rem(16),
- lineHeight: round(28 / 16),
- p: {
- marginTop: em(20, 16),
- marginBottom: em(20, 16),
- },
- '[class~="lead"]': {
- fontSize: em(20, 16),
- lineHeight: round(32 / 20),
- marginTop: em(24, 20),
- marginBottom: em(24, 20),
- },
- blockquote: {
- marginTop: em(32, 20),
- marginBottom: em(32, 20),
- paddingLeft: em(20, 20),
- },
- h1: {
- fontSize: em(36, 16),
- marginTop: '0',
- marginBottom: em(32, 36),
- lineHeight: round(40 / 36),
- },
- h2: {
- fontSize: em(24, 16),
- marginTop: em(48, 24),
- marginBottom: em(24, 24),
- lineHeight: round(32 / 24),
- },
- h3: {
- fontSize: em(20, 16),
- marginTop: em(32, 20),
- marginBottom: em(12, 20),
- lineHeight: round(32 / 20),
- },
- h4: {
- marginTop: em(24, 16),
- marginBottom: em(8, 16),
- lineHeight: round(24 / 16),
- },
- img: {
- marginTop: em(32, 16),
- marginBottom: em(32, 16),
- },
- picture: {
- marginTop: em(32, 16),
- marginBottom: em(32, 16),
- },
- 'picture > img': {
- marginTop: '0',
- marginBottom: '0',
- },
- video: {
- marginTop: em(32, 16),
- marginBottom: em(32, 16),
- },
- kbd: {
- fontSize: em(14, 16),
- borderRadius: rem(5),
- paddingTop: em(3, 16),
- paddingRight: em(6, 16),
- paddingBottom: em(3, 16),
- paddingLeft: em(6, 16),
- },
- code: {
- fontSize: em(14, 16),
- },
- 'h2 code': {
- fontSize: em(21, 24),
- },
- 'h3 code': {
- fontSize: em(18, 20),
- },
- pre: {
- fontSize: em(14, 16),
- lineHeight: round(24 / 14),
- marginTop: em(24, 14),
- marginBottom: em(24, 14),
- borderRadius: rem(6),
- paddingTop: em(12, 14),
- paddingRight: em(16, 14),
- paddingBottom: em(12, 14),
- paddingLeft: em(16, 14),
- },
- ol: {
- marginTop: em(20, 16),
- marginBottom: em(20, 16),
- paddingLeft: em(26, 16),
- },
- ul: {
- marginTop: em(20, 16),
- marginBottom: em(20, 16),
- paddingLeft: em(26, 16),
- },
- li: {
- marginTop: em(8, 16),
- marginBottom: em(8, 16),
- },
- 'ol > li': {
- paddingLeft: em(6, 16),
- },
- 'ul > li': {
- paddingLeft: em(6, 16),
- },
- '> ul > li p': {
- marginTop: em(12, 16),
- marginBottom: em(12, 16),
- },
- '> ul > li > *:first-child': {
- marginTop: em(20, 16),
- },
- '> ul > li > *:last-child': {
- marginBottom: em(20, 16),
- },
- '> ol > li > *:first-child': {
- marginTop: em(20, 16),
- },
- '> ol > li > *:last-child': {
- marginBottom: em(20, 16),
- },
- 'ul ul, ul ol, ol ul, ol ol': {
- marginTop: em(12, 16),
- marginBottom: em(12, 16),
- },
- dl: {
- marginTop: em(20, 16),
- marginBottom: em(20, 16),
- },
- dt: {
- marginTop: em(20, 16),
- },
- dd: {
- marginTop: em(8, 16),
- paddingLeft: em(26, 16),
- },
- hr: {
- marginTop: em(48, 16),
- marginBottom: em(48, 16),
- },
- 'hr + *': {
- marginTop: '0',
- },
- 'h2 + *': {
- marginTop: '0',
- },
- 'h3 + *': {
- marginTop: '0',
- },
- 'h4 + *': {
- marginTop: '0',
- },
- table: {
- fontSize: em(14, 16),
- lineHeight: round(24 / 14),
- },
- 'thead th': {
- paddingRight: em(8, 14),
- paddingBottom: em(8, 14),
- paddingLeft: em(8, 14),
- },
- 'thead th:first-child': {
- paddingLeft: '0',
- },
- 'thead th:last-child': {
- paddingRight: '0',
- },
- 'tbody td, tfoot td': {
- paddingTop: em(8, 14),
- paddingRight: em(8, 14),
- paddingBottom: em(8, 14),
- paddingLeft: em(8, 14),
- },
- 'tbody td:first-child, tfoot td:first-child': {
- paddingLeft: '0',
- },
- 'tbody td:last-child, tfoot td:last-child': {
- paddingRight: '0',
- },
- figure: {
- marginTop: em(32, 16),
- marginBottom: em(32, 16),
- },
- 'figure > *': {
- marginTop: '0',
- marginBottom: '0',
- },
- figcaption: {
- fontSize: em(14, 16),
- lineHeight: round(20 / 14),
- marginTop: em(12, 14),
- },
- },
- {
- '> :first-child': {
- marginTop: '0',
- },
- '> :last-child': {
- marginBottom: '0',
- },
- },
- ],
- },
- lg: {
- css: [
- {
- fontSize: rem(18),
- lineHeight: round(32 / 18),
- p: {
- marginTop: em(24, 18),
- marginBottom: em(24, 18),
- },
- '[class~="lead"]': {
- fontSize: em(22, 18),
- lineHeight: round(32 / 22),
- marginTop: em(24, 22),
- marginBottom: em(24, 22),
- },
- blockquote: {
- marginTop: em(40, 24),
- marginBottom: em(40, 24),
- paddingLeft: em(24, 24),
- },
- h1: {
- fontSize: em(48, 18),
- marginTop: '0',
- marginBottom: em(40, 48),
- lineHeight: round(48 / 48),
- },
- h2: {
- fontSize: em(30, 18),
- marginTop: em(56, 30),
- marginBottom: em(32, 30),
- lineHeight: round(40 / 30),
- },
- h3: {
- fontSize: em(24, 18),
- marginTop: em(40, 24),
- marginBottom: em(16, 24),
- lineHeight: round(36 / 24),
- },
- h4: {
- marginTop: em(32, 18),
- marginBottom: em(8, 18),
- lineHeight: round(28 / 18),
- },
- img: {
- marginTop: em(32, 18),
- marginBottom: em(32, 18),
- },
- picture: {
- marginTop: em(32, 18),
- marginBottom: em(32, 18),
- },
- 'picture > img': {
- marginTop: '0',
- marginBottom: '0',
- },
- video: {
- marginTop: em(32, 18),
- marginBottom: em(32, 18),
- },
- kbd: {
- fontSize: em(16, 18),
- borderRadius: rem(5),
- paddingTop: em(4, 18),
- paddingRight: em(8, 18),
- paddingBottom: em(4, 18),
- paddingLeft: em(8, 18),
- },
- code: {
- fontSize: em(16, 18),
- },
- 'h2 code': {
- fontSize: em(26, 30),
- },
- 'h3 code': {
- fontSize: em(21, 24),
- },
- pre: {
- fontSize: em(16, 18),
- lineHeight: round(28 / 16),
- marginTop: em(32, 16),
- marginBottom: em(32, 16),
- borderRadius: rem(6),
- paddingTop: em(16, 16),
- paddingRight: em(24, 16),
- paddingBottom: em(16, 16),
- paddingLeft: em(24, 16),
- },
- ol: {
- marginTop: em(24, 18),
- marginBottom: em(24, 18),
- paddingLeft: em(28, 18),
- },
- ul: {
- marginTop: em(24, 18),
- marginBottom: em(24, 18),
- paddingLeft: em(28, 18),
- },
- li: {
- marginTop: em(12, 18),
- marginBottom: em(12, 18),
- },
- 'ol > li': {
- paddingLeft: em(8, 18),
- },
- 'ul > li': {
- paddingLeft: em(8, 18),
- },
- '> ul > li p': {
- marginTop: em(16, 18),
- marginBottom: em(16, 18),
- },
- '> ul > li > *:first-child': {
- marginTop: em(24, 18),
- },
- '> ul > li > *:last-child': {
- marginBottom: em(24, 18),
- },
- '> ol > li > *:first-child': {
- marginTop: em(24, 18),
- },
- '> ol > li > *:last-child': {
- marginBottom: em(24, 18),
- },
- 'ul ul, ul ol, ol ul, ol ol': {
- marginTop: em(16, 18),
- marginBottom: em(16, 18),
- },
- dl: {
- marginTop: em(24, 18),
- marginBottom: em(24, 18),
- },
- dt: {
- marginTop: em(24, 18),
- },
- dd: {
- marginTop: em(12, 18),
- paddingLeft: em(28, 18),
- },
- hr: {
- marginTop: em(56, 18),
- marginBottom: em(56, 18),
- },
- 'hr + *': {
- marginTop: '0',
- },
- 'h2 + *': {
- marginTop: '0',
- },
- 'h3 + *': {
- marginTop: '0',
- },
- 'h4 + *': {
- marginTop: '0',
- },
- table: {
- fontSize: em(16, 18),
- lineHeight: round(24 / 16),
- },
- 'thead th': {
- paddingRight: em(12, 16),
- paddingBottom: em(12, 16),
- paddingLeft: em(12, 16),
- },
- 'thead th:first-child': {
- paddingLeft: '0',
- },
- 'thead th:last-child': {
- paddingRight: '0',
- },
- 'tbody td, tfoot td': {
- paddingTop: em(12, 16),
- paddingRight: em(12, 16),
- paddingBottom: em(12, 16),
- paddingLeft: em(12, 16),
- },
- 'tbody td:first-child, tfoot td:first-child': {
- paddingLeft: '0',
- },
- 'tbody td:last-child, tfoot td:last-child': {
- paddingRight: '0',
- },
- figure: {
- marginTop: em(32, 18),
- marginBottom: em(32, 18),
- },
- 'figure > *': {
- marginTop: '0',
- marginBottom: '0',
- },
- figcaption: {
- fontSize: em(16, 18),
- lineHeight: round(24 / 16),
- marginTop: em(16, 16),
- },
- },
- {
- '> :first-child': {
- marginTop: '0',
- },
- '> :last-child': {
- marginBottom: '0',
- },
- },
- ],
- },
- xl: {
- css: [
- {
- fontSize: rem(20),
- lineHeight: round(36 / 20),
- p: {
- marginTop: em(24, 20),
- marginBottom: em(24, 20),
- },
- '[class~="lead"]': {
- fontSize: em(24, 20),
- lineHeight: round(36 / 24),
- marginTop: em(24, 24),
- marginBottom: em(24, 24),
- },
- blockquote: {
- marginTop: em(48, 30),
- marginBottom: em(48, 30),
- paddingLeft: em(32, 30),
- },
- h1: {
- fontSize: em(56, 20),
- marginTop: '0',
- marginBottom: em(48, 56),
- lineHeight: round(56 / 56),
- },
- h2: {
- fontSize: em(36, 20),
- marginTop: em(56, 36),
- marginBottom: em(32, 36),
- lineHeight: round(40 / 36),
- },
- h3: {
- fontSize: em(30, 20),
- marginTop: em(48, 30),
- marginBottom: em(20, 30),
- lineHeight: round(40 / 30),
- },
- h4: {
- marginTop: em(36, 20),
- marginBottom: em(12, 20),
- lineHeight: round(32 / 20),
- },
- img: {
- marginTop: em(40, 20),
- marginBottom: em(40, 20),
- },
- picture: {
- marginTop: em(40, 20),
- marginBottom: em(40, 20),
- },
- 'picture > img': {
- marginTop: '0',
- marginBottom: '0',
- },
- video: {
- marginTop: em(40, 20),
- marginBottom: em(40, 20),
- },
- kbd: {
- fontSize: em(18, 20),
- borderRadius: rem(5),
- paddingTop: em(5, 20),
- paddingRight: em(8, 20),
- paddingBottom: em(5, 20),
- paddingLeft: em(8, 20),
- },
- code: {
- fontSize: em(18, 20),
- },
- 'h2 code': {
- fontSize: em(31, 36),
- },
- 'h3 code': {
- fontSize: em(27, 30),
- },
- pre: {
- fontSize: em(18, 20),
- lineHeight: round(32 / 18),
- marginTop: em(36, 18),
- marginBottom: em(36, 18),
- borderRadius: rem(8),
- paddingTop: em(20, 18),
- paddingRight: em(24, 18),
- paddingBottom: em(20, 18),
- paddingLeft: em(24, 18),
- },
- ol: {
- marginTop: em(24, 20),
- marginBottom: em(24, 20),
- paddingLeft: em(32, 20),
- },
- ul: {
- marginTop: em(24, 20),
- marginBottom: em(24, 20),
- paddingLeft: em(32, 20),
- },
- li: {
- marginTop: em(12, 20),
- marginBottom: em(12, 20),
- },
- 'ol > li': {
- paddingLeft: em(8, 20),
- },
- 'ul > li': {
- paddingLeft: em(8, 20),
- },
- '> ul > li p': {
- marginTop: em(16, 20),
- marginBottom: em(16, 20),
- },
- '> ul > li > *:first-child': {
- marginTop: em(24, 20),
- },
- '> ul > li > *:last-child': {
- marginBottom: em(24, 20),
- },
- '> ol > li > *:first-child': {
- marginTop: em(24, 20),
- },
- '> ol > li > *:last-child': {
- marginBottom: em(24, 20),
- },
- 'ul ul, ul ol, ol ul, ol ol': {
- marginTop: em(16, 20),
- marginBottom: em(16, 20),
- },
- dl: {
- marginTop: em(24, 20),
- marginBottom: em(24, 20),
- },
- dt: {
- marginTop: em(24, 20),
- },
- dd: {
- marginTop: em(12, 20),
- paddingLeft: em(32, 20),
- },
- hr: {
- marginTop: em(56, 20),
- marginBottom: em(56, 20),
- },
- 'hr + *': {
- marginTop: '0',
- },
- 'h2 + *': {
- marginTop: '0',
- },
- 'h3 + *': {
- marginTop: '0',
- },
- 'h4 + *': {
- marginTop: '0',
- },
- table: {
- fontSize: em(18, 20),
- lineHeight: round(28 / 18),
- },
- 'thead th': {
- paddingRight: em(12, 18),
- paddingBottom: em(16, 18),
- paddingLeft: em(12, 18),
- },
- 'thead th:first-child': {
- paddingLeft: '0',
- },
- 'thead th:last-child': {
- paddingRight: '0',
- },
- 'tbody td, tfoot td': {
- paddingTop: em(16, 18),
- paddingRight: em(12, 18),
- paddingBottom: em(16, 18),
- paddingLeft: em(12, 18),
- },
- 'tbody td:first-child, tfoot td:first-child': {
- paddingLeft: '0',
- },
- 'tbody td:last-child, tfoot td:last-child': {
- paddingRight: '0',
- },
- figure: {
- marginTop: em(40, 20),
- marginBottom: em(40, 20),
- },
- 'figure > *': {
- marginTop: '0',
- marginBottom: '0',
- },
- figcaption: {
- fontSize: em(18, 20),
- lineHeight: round(28 / 18),
- marginTop: em(18, 18),
- },
- },
- {
- '> :first-child': {
- marginTop: '0',
- },
- '> :last-child': {
- marginBottom: '0',
- },
- },
- ],
- },
- '2xl': {
- css: [
- {
- fontSize: rem(24),
- lineHeight: round(40 / 24),
- p: {
- marginTop: em(32, 24),
- marginBottom: em(32, 24),
- },
- '[class~="lead"]': {
- fontSize: em(30, 24),
- lineHeight: round(44 / 30),
- marginTop: em(32, 30),
- marginBottom: em(32, 30),
- },
- blockquote: {
- marginTop: em(64, 36),
- marginBottom: em(64, 36),
- paddingLeft: em(40, 36),
- },
- h1: {
- fontSize: em(64, 24),
- marginTop: '0',
- marginBottom: em(56, 64),
- lineHeight: round(64 / 64),
- },
- h2: {
- fontSize: em(48, 24),
- marginTop: em(72, 48),
- marginBottom: em(40, 48),
- lineHeight: round(52 / 48),
- },
- h3: {
- fontSize: em(36, 24),
- marginTop: em(56, 36),
- marginBottom: em(24, 36),
- lineHeight: round(44 / 36),
- },
- h4: {
- marginTop: em(40, 24),
- marginBottom: em(16, 24),
- lineHeight: round(36 / 24),
- },
- img: {
- marginTop: em(48, 24),
- marginBottom: em(48, 24),
- },
- picture: {
- marginTop: em(48, 24),
- marginBottom: em(48, 24),
- },
- 'picture > img': {
- marginTop: '0',
- marginBottom: '0',
- },
- video: {
- marginTop: em(48, 24),
- marginBottom: em(48, 24),
- },
- kbd: {
- fontSize: em(20, 24),
- borderRadius: rem(6),
- paddingTop: em(6, 24),
- paddingRight: em(8, 24),
- paddingBottom: em(6, 24),
- paddingLeft: em(8, 24),
- },
- code: {
- fontSize: em(20, 24),
- },
- 'h2 code': {
- fontSize: em(42, 48),
- },
- 'h3 code': {
- fontSize: em(32, 36),
- },
- pre: {
- fontSize: em(20, 24),
- lineHeight: round(36 / 20),
- marginTop: em(40, 20),
- marginBottom: em(40, 20),
- borderRadius: rem(8),
- paddingTop: em(24, 20),
- paddingRight: em(32, 20),
- paddingBottom: em(24, 20),
- paddingLeft: em(32, 20),
- },
- ol: {
- marginTop: em(32, 24),
- marginBottom: em(32, 24),
- paddingLeft: em(38, 24),
- },
- ul: {
- marginTop: em(32, 24),
- marginBottom: em(32, 24),
- paddingLeft: em(38, 24),
- },
- li: {
- marginTop: em(12, 24),
- marginBottom: em(12, 24),
- },
- 'ol > li': {
- paddingLeft: em(10, 24),
- },
- 'ul > li': {
- paddingLeft: em(10, 24),
- },
- '> ul > li p': {
- marginTop: em(20, 24),
- marginBottom: em(20, 24),
- },
- '> ul > li > *:first-child': {
- marginTop: em(32, 24),
- },
- '> ul > li > *:last-child': {
- marginBottom: em(32, 24),
- },
- '> ol > li > *:first-child': {
- marginTop: em(32, 24),
- },
- '> ol > li > *:last-child': {
- marginBottom: em(32, 24),
- },
- 'ul ul, ul ol, ol ul, ol ol': {
- marginTop: em(16, 24),
- marginBottom: em(16, 24),
- },
- dl: {
- marginTop: em(32, 24),
- marginBottom: em(32, 24),
- },
- dt: {
- marginTop: em(32, 24),
- },
- dd: {
- marginTop: em(12, 24),
- paddingLeft: em(38, 24),
- },
- hr: {
- marginTop: em(72, 24),
- marginBottom: em(72, 24),
- },
- 'hr + *': {
- marginTop: '0',
- },
- 'h2 + *': {
- marginTop: '0',
- },
- 'h3 + *': {
- marginTop: '0',
- },
- 'h4 + *': {
- marginTop: '0',
- },
- table: {
- fontSize: em(20, 24),
- lineHeight: round(28 / 20),
- },
- 'thead th': {
- paddingRight: em(12, 20),
- paddingBottom: em(16, 20),
- paddingLeft: em(12, 20),
- },
- 'thead th:first-child': {
- paddingLeft: '0',
- },
- 'thead th:last-child': {
- paddingRight: '0',
- },
- 'tbody td, tfoot td': {
- paddingTop: em(16, 20),
- paddingRight: em(12, 20),
- paddingBottom: em(16, 20),
- paddingLeft: em(12, 20),
- },
- 'tbody td:first-child, tfoot td:first-child': {
- paddingLeft: '0',
- },
- 'tbody td:last-child, tfoot td:last-child': {
- paddingRight: '0',
- },
- figure: {
- marginTop: em(48, 24),
- marginBottom: em(48, 24),
- },
- 'figure > *': {
- marginTop: '0',
- marginBottom: '0',
- },
- figcaption: {
- fontSize: em(20, 24),
- lineHeight: round(32 / 20),
- marginTop: em(20, 20),
- },
- },
- {
- '> :first-child': {
- marginTop: '0',
- },
- '> :last-child': {
- marginBottom: '0',
- },
- },
- ],
- },
-
- // Gray color themes
-
- slate: {
- css: {
- '--tw-prose-body': colors.slate[700],
- '--tw-prose-headings': colors.slate[900],
- '--tw-prose-lead': colors.slate[600],
- '--tw-prose-links': colors.slate[900],
- '--tw-prose-bold': colors.slate[900],
- '--tw-prose-counters': colors.slate[500],
- '--tw-prose-bullets': colors.slate[300],
- '--tw-prose-hr': colors.slate[200],
- '--tw-prose-quotes': colors.slate[900],
- '--tw-prose-quote-borders': colors.slate[200],
- '--tw-prose-captions': colors.slate[500],
- '--tw-prose-kbd': colors.slate[900],
- '--tw-prose-kbd-shadows': hexToRgb(colors.slate[900]),
- '--tw-prose-code': colors.slate[900],
- '--tw-prose-pre-code': colors.slate[200],
- '--tw-prose-pre-bg': colors.slate[800],
- '--tw-prose-th-borders': colors.slate[300],
- '--tw-prose-td-borders': colors.slate[200],
- '--tw-prose-invert-body': colors.slate[300],
- '--tw-prose-invert-headings': colors.white,
- '--tw-prose-invert-lead': colors.slate[400],
- '--tw-prose-invert-links': colors.white,
- '--tw-prose-invert-bold': colors.white,
- '--tw-prose-invert-counters': colors.slate[400],
- '--tw-prose-invert-bullets': colors.slate[600],
- '--tw-prose-invert-hr': colors.slate[700],
- '--tw-prose-invert-quotes': colors.slate[100],
- '--tw-prose-invert-quote-borders': colors.slate[700],
- '--tw-prose-invert-captions': colors.slate[400],
- '--tw-prose-invert-kbd': colors.white,
- '--tw-prose-invert-kbd-shadows': hexToRgb(colors.white),
- '--tw-prose-invert-code': colors.white,
- '--tw-prose-invert-pre-code': colors.slate[300],
- '--tw-prose-invert-pre-bg': 'rgb(0 0 0 / 50%)',
- '--tw-prose-invert-th-borders': colors.slate[600],
- '--tw-prose-invert-td-borders': colors.slate[700],
- },
- },
-
- gray: {
- css: {
- '--tw-prose-body': colors.gray[700],
- '--tw-prose-headings': colors.gray[900],
- '--tw-prose-lead': colors.gray[600],
- '--tw-prose-links': colors.gray[900],
- '--tw-prose-bold': colors.gray[900],
- '--tw-prose-counters': colors.gray[500],
- '--tw-prose-bullets': colors.gray[300],
- '--tw-prose-hr': colors.gray[200],
- '--tw-prose-quotes': colors.gray[900],
- '--tw-prose-quote-borders': colors.gray[200],
- '--tw-prose-captions': colors.gray[500],
- '--tw-prose-kbd': colors.gray[900],
- '--tw-prose-kbd-shadows': hexToRgb(colors.gray[900]),
- '--tw-prose-code': colors.gray[900],
- '--tw-prose-pre-code': colors.gray[200],
- '--tw-prose-pre-bg': colors.gray[800],
- '--tw-prose-th-borders': colors.gray[300],
- '--tw-prose-td-borders': colors.gray[200],
- '--tw-prose-invert-body': colors.gray[300],
- '--tw-prose-invert-headings': colors.white,
- '--tw-prose-invert-lead': colors.gray[400],
- '--tw-prose-invert-links': colors.white,
- '--tw-prose-invert-bold': colors.white,
- '--tw-prose-invert-counters': colors.gray[400],
- '--tw-prose-invert-bullets': colors.gray[600],
- '--tw-prose-invert-hr': colors.gray[700],
- '--tw-prose-invert-quotes': colors.gray[100],
- '--tw-prose-invert-quote-borders': colors.gray[700],
- '--tw-prose-invert-captions': colors.gray[400],
- '--tw-prose-invert-kbd': colors.white,
- '--tw-prose-invert-kbd-shadows': hexToRgb(colors.white),
- '--tw-prose-invert-code': colors.white,
- '--tw-prose-invert-pre-code': colors.gray[300],
- '--tw-prose-invert-pre-bg': 'rgb(0 0 0 / 50%)',
- '--tw-prose-invert-th-borders': colors.gray[600],
- '--tw-prose-invert-td-borders': colors.gray[700],
- },
- },
-
- zinc: {
- css: {
- '--tw-prose-body': colors.zinc[700],
- '--tw-prose-headings': colors.zinc[900],
- '--tw-prose-lead': colors.zinc[600],
- '--tw-prose-links': colors.zinc[900],
- '--tw-prose-bold': colors.zinc[900],
- '--tw-prose-counters': colors.zinc[500],
- '--tw-prose-bullets': colors.zinc[300],
- '--tw-prose-hr': colors.zinc[200],
- '--tw-prose-quotes': colors.zinc[900],
- '--tw-prose-quote-borders': colors.zinc[200],
- '--tw-prose-captions': colors.zinc[500],
- '--tw-prose-kbd': colors.zinc[900],
- '--tw-prose-kbd-shadows': hexToRgb(colors.zinc[900]),
- '--tw-prose-code': colors.zinc[900],
- '--tw-prose-pre-code': colors.zinc[200],
- '--tw-prose-pre-bg': colors.zinc[800],
- '--tw-prose-th-borders': colors.zinc[300],
- '--tw-prose-td-borders': colors.zinc[200],
- '--tw-prose-invert-body': colors.zinc[300],
- '--tw-prose-invert-headings': colors.white,
- '--tw-prose-invert-lead': colors.zinc[400],
- '--tw-prose-invert-links': colors.white,
- '--tw-prose-invert-bold': colors.white,
- '--tw-prose-invert-counters': colors.zinc[400],
- '--tw-prose-invert-bullets': colors.zinc[600],
- '--tw-prose-invert-hr': colors.zinc[700],
- '--tw-prose-invert-quotes': colors.zinc[100],
- '--tw-prose-invert-quote-borders': colors.zinc[700],
- '--tw-prose-invert-captions': colors.zinc[400],
- '--tw-prose-invert-kbd': colors.white,
- '--tw-prose-invert-kbd-shadows': hexToRgb(colors.white),
- '--tw-prose-invert-code': colors.white,
- '--tw-prose-invert-pre-code': colors.zinc[300],
- '--tw-prose-invert-pre-bg': 'rgb(0 0 0 / 50%)',
- '--tw-prose-invert-th-borders': colors.zinc[600],
- '--tw-prose-invert-td-borders': colors.zinc[700],
- },
- },
-
- neutral: {
- css: {
- '--tw-prose-body': colors.neutral[700],
- '--tw-prose-headings': colors.neutral[900],
- '--tw-prose-lead': colors.neutral[600],
- '--tw-prose-links': colors.neutral[900],
- '--tw-prose-bold': colors.neutral[900],
- '--tw-prose-counters': colors.neutral[500],
- '--tw-prose-bullets': colors.neutral[300],
- '--tw-prose-hr': colors.neutral[200],
- '--tw-prose-quotes': colors.neutral[900],
- '--tw-prose-quote-borders': colors.neutral[200],
- '--tw-prose-captions': colors.neutral[500],
- '--tw-prose-kbd': colors.neutral[900],
- '--tw-prose-kbd-shadows': hexToRgb(colors.neutral[900]),
- '--tw-prose-code': colors.neutral[900],
- '--tw-prose-pre-code': colors.neutral[200],
- '--tw-prose-pre-bg': colors.neutral[800],
- '--tw-prose-th-borders': colors.neutral[300],
- '--tw-prose-td-borders': colors.neutral[200],
- '--tw-prose-invert-body': colors.neutral[300],
- '--tw-prose-invert-headings': colors.white,
- '--tw-prose-invert-lead': colors.neutral[400],
- '--tw-prose-invert-links': colors.white,
- '--tw-prose-invert-bold': colors.white,
- '--tw-prose-invert-counters': colors.neutral[400],
- '--tw-prose-invert-bullets': colors.neutral[600],
- '--tw-prose-invert-hr': colors.neutral[700],
- '--tw-prose-invert-quotes': colors.neutral[100],
- '--tw-prose-invert-quote-borders': colors.neutral[700],
- '--tw-prose-invert-captions': colors.neutral[400],
- '--tw-prose-invert-kbd': colors.white,
- '--tw-prose-invert-kbd-shadows': hexToRgb(colors.white),
- '--tw-prose-invert-code': colors.white,
- '--tw-prose-invert-pre-code': colors.neutral[300],
- '--tw-prose-invert-pre-bg': 'rgb(0 0 0 / 50%)',
- '--tw-prose-invert-th-borders': colors.neutral[600],
- '--tw-prose-invert-td-borders': colors.neutral[700],
- },
- },
-
- stone: {
- css: {
- '--tw-prose-body': colors.stone[700],
- '--tw-prose-headings': colors.stone[900],
- '--tw-prose-lead': colors.stone[600],
- '--tw-prose-links': colors.stone[900],
- '--tw-prose-bold': colors.stone[900],
- '--tw-prose-counters': colors.stone[500],
- '--tw-prose-bullets': colors.stone[300],
- '--tw-prose-hr': colors.stone[200],
- '--tw-prose-quotes': colors.stone[900],
- '--tw-prose-quote-borders': colors.stone[200],
- '--tw-prose-captions': colors.stone[500],
- '--tw-prose-kbd': colors.stone[900],
- '--tw-prose-kbd-shadows': hexToRgb(colors.stone[900]),
- '--tw-prose-code': colors.stone[900],
- '--tw-prose-pre-code': colors.stone[200],
- '--tw-prose-pre-bg': colors.stone[800],
- '--tw-prose-th-borders': colors.stone[300],
- '--tw-prose-td-borders': colors.stone[200],
- '--tw-prose-invert-body': colors.stone[300],
- '--tw-prose-invert-headings': colors.white,
- '--tw-prose-invert-lead': colors.stone[400],
- '--tw-prose-invert-links': colors.white,
- '--tw-prose-invert-bold': colors.white,
- '--tw-prose-invert-counters': colors.stone[400],
- '--tw-prose-invert-bullets': colors.stone[600],
- '--tw-prose-invert-hr': colors.stone[700],
- '--tw-prose-invert-quotes': colors.stone[100],
- '--tw-prose-invert-quote-borders': colors.stone[700],
- '--tw-prose-invert-captions': colors.stone[400],
- '--tw-prose-invert-kbd': colors.white,
- '--tw-prose-invert-kbd-shadows': hexToRgb(colors.white),
- '--tw-prose-invert-code': colors.white,
- '--tw-prose-invert-pre-code': colors.stone[300],
- '--tw-prose-invert-pre-bg': 'rgb(0 0 0 / 50%)',
- '--tw-prose-invert-th-borders': colors.stone[600],
- '--tw-prose-invert-td-borders': colors.stone[700],
- },
- },
-
- // Link-only themes (for backward compatibility)
-
- red: {
- css: {
- '--tw-prose-links': colors.red[600],
- '--tw-prose-invert-links': colors.red[500],
- },
- },
-
- orange: {
- css: {
- '--tw-prose-links': colors.orange[600],
- '--tw-prose-invert-links': colors.orange[500],
- },
- },
-
- amber: {
- css: {
- '--tw-prose-links': colors.amber[600],
- '--tw-prose-invert-links': colors.amber[500],
- },
- },
-
- yellow: {
- css: {
- '--tw-prose-links': colors.yellow[600],
- '--tw-prose-invert-links': colors.yellow[500],
- },
- },
-
- lime: {
- css: {
- '--tw-prose-links': colors.lime[600],
- '--tw-prose-invert-links': colors.lime[500],
- },
- },
-
- green: {
- css: {
- '--tw-prose-links': colors.green[600],
- '--tw-prose-invert-links': colors.green[500],
- },
- },
-
- emerald: {
- css: {
- '--tw-prose-links': colors.emerald[600],
- '--tw-prose-invert-links': colors.emerald[500],
- },
- },
-
- teal: {
- css: {
- '--tw-prose-links': colors.teal[600],
- '--tw-prose-invert-links': colors.teal[500],
- },
- },
-
- cyan: {
- css: {
- '--tw-prose-links': colors.cyan[600],
- '--tw-prose-invert-links': colors.cyan[500],
- },
- },
-
- sky: {
- css: {
- '--tw-prose-links': colors.sky[600],
- '--tw-prose-invert-links': colors.sky[500],
- },
- },
-
- blue: {
- css: {
- '--tw-prose-links': colors.blue[600],
- '--tw-prose-invert-links': colors.blue[500],
- },
- },
-
- indigo: {
- css: {
- '--tw-prose-links': colors.indigo[600],
- '--tw-prose-invert-links': colors.indigo[500],
- },
- },
-
- violet: {
- css: {
- '--tw-prose-links': colors.violet[600],
- '--tw-prose-invert-links': colors.violet[500],
- },
- },
-
- purple: {
- css: {
- '--tw-prose-links': colors.purple[600],
- '--tw-prose-invert-links': colors.purple[500],
- },
- },
-
- fuchsia: {
- css: {
- '--tw-prose-links': colors.fuchsia[600],
- '--tw-prose-invert-links': colors.fuchsia[500],
- },
- },
-
- pink: {
- css: {
- '--tw-prose-links': colors.pink[600],
- '--tw-prose-invert-links': colors.pink[500],
- },
- },
-
- rose: {
- css: {
- '--tw-prose-links': colors.rose[600],
- '--tw-prose-invert-links': colors.rose[500],
- },
- },
-
- // Invert (for dark mode)
- invert: {
- css: {
- '--tw-prose-body': 'var(--tw-prose-invert-body)',
- '--tw-prose-headings': 'var(--tw-prose-invert-headings)',
- '--tw-prose-lead': 'var(--tw-prose-invert-lead)',
- '--tw-prose-links': 'var(--tw-prose-invert-links)',
- '--tw-prose-bold': 'var(--tw-prose-invert-bold)',
- '--tw-prose-counters': 'var(--tw-prose-invert-counters)',
- '--tw-prose-bullets': 'var(--tw-prose-invert-bullets)',
- '--tw-prose-hr': 'var(--tw-prose-invert-hr)',
- '--tw-prose-quotes': 'var(--tw-prose-invert-quotes)',
- '--tw-prose-quote-borders': 'var(--tw-prose-invert-quote-borders)',
- '--tw-prose-captions': 'var(--tw-prose-invert-captions)',
- '--tw-prose-kbd': 'var(--tw-prose-invert-kbd)',
- '--tw-prose-kbd-shadows': 'var(--tw-prose-invert-kbd-shadows)',
- '--tw-prose-code': 'var(--tw-prose-invert-code)',
- '--tw-prose-pre-code': 'var(--tw-prose-invert-pre-code)',
- '--tw-prose-pre-bg': 'var(--tw-prose-invert-pre-bg)',
- '--tw-prose-th-borders': 'var(--tw-prose-invert-th-borders)',
- '--tw-prose-td-borders': 'var(--tw-prose-invert-td-borders)',
- },
- },
-}
-
-module.exports = {
- DEFAULT: {
- css: [
- {
- color: 'var(--tw-prose-body)',
- maxWidth: '65ch',
- p: {}, // Required to maintain correct order when merging
- '[class~="lead"]': {
- color: 'var(--tw-prose-lead)',
- },
- a: {
- color: 'var(--tw-prose-links)',
- textDecoration: 'underline',
- fontWeight: '500',
- },
- strong: {
- color: 'var(--tw-prose-bold)',
- fontWeight: '600',
- },
- 'a strong': {
- color: 'inherit',
- },
- 'blockquote strong': {
- color: 'inherit',
- },
- 'thead th strong': {
- color: 'inherit',
- },
- ol: {
- listStyleType: 'decimal',
- },
- 'ol[type="A"]': {
- listStyleType: 'upper-alpha',
- },
- 'ol[type="a"]': {
- listStyleType: 'lower-alpha',
- },
- 'ol[type="A" s]': {
- listStyleType: 'upper-alpha',
- },
- 'ol[type="a" s]': {
- listStyleType: 'lower-alpha',
- },
- 'ol[type="I"]': {
- listStyleType: 'upper-roman',
- },
- 'ol[type="i"]': {
- listStyleType: 'lower-roman',
- },
- 'ol[type="I" s]': {
- listStyleType: 'upper-roman',
- },
- 'ol[type="i" s]': {
- listStyleType: 'lower-roman',
- },
- 'ol[type="1"]': {
- listStyleType: 'decimal',
- },
- ul: {
- listStyleType: 'disc',
- },
- 'ol > li::marker': {
- fontWeight: '400',
- color: 'var(--tw-prose-counters)',
- },
- 'ul > li::marker': {
- color: 'var(--tw-prose-bullets)',
- },
- dt: {
- color: 'var(--tw-prose-headings)',
- fontWeight: '600',
- },
- hr: {
- borderColor: 'var(--tw-prose-hr)',
- borderTopWidth: 1,
- },
- blockquote: {
- fontWeight: '500',
- fontStyle: 'italic',
- color: 'var(--tw-prose-quotes)',
- borderLeftWidth: '0.25rem',
- borderLeftColor: 'var(--tw-prose-quote-borders)',
- quotes: '"\\201C""\\201D""\\2018""\\2019"',
- },
- 'blockquote p:first-of-type::before': {
- content: 'open-quote',
- },
- 'blockquote p:last-of-type::after': {
- content: 'close-quote',
- },
- h1: {
- color: 'var(--tw-prose-headings)',
- fontWeight: '800',
- },
- 'h1 strong': {
- fontWeight: '900',
- color: 'inherit',
- },
- h2: {
- color: 'var(--tw-prose-headings)',
- fontWeight: '700',
- },
- 'h2 strong': {
- fontWeight: '800',
- color: 'inherit',
- },
- h3: {
- color: 'var(--tw-prose-headings)',
- fontWeight: '600',
- },
- 'h3 strong': {
- fontWeight: '700',
- color: 'inherit',
- },
- h4: {
- color: 'var(--tw-prose-headings)',
- fontWeight: '600',
- },
- 'h4 strong': {
- fontWeight: '700',
- color: 'inherit',
- },
- img: {}, // Required to maintain correct order when merging
- picture: {
- display: 'block',
- },
- kbd: {
- fontWeight: '500',
- fontFamily: 'inherit',
- color: 'var(--tw-prose-kbd)',
- boxShadow:
- '0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%)',
- },
- code: {
- color: 'var(--tw-prose-code)',
- fontWeight: '600',
- },
- 'code::before': {
- content: '"`"',
- },
- 'code::after': {
- content: '"`"',
- },
- 'a code': {
- color: 'inherit',
- },
- 'h1 code': {
- color: 'inherit',
- },
- 'h2 code': {
- color: 'inherit',
- },
- 'h3 code': {
- color: 'inherit',
- },
- 'h4 code': {
- color: 'inherit',
- },
- 'blockquote code': {
- color: 'inherit',
- },
- 'thead th code': {
- color: 'inherit',
- },
- pre: {
- color: 'var(--tw-prose-pre-code)',
- backgroundColor: 'var(--tw-prose-pre-bg)',
- overflowX: 'auto',
- fontWeight: '400',
- },
- 'pre code': {
- backgroundColor: 'transparent',
- borderWidth: '0',
- borderRadius: '0',
- padding: '0',
- fontWeight: 'inherit',
- color: 'inherit',
- fontSize: 'inherit',
- fontFamily: 'inherit',
- lineHeight: 'inherit',
- },
- 'pre code::before': {
- content: 'none',
- },
- 'pre code::after': {
- content: 'none',
- },
- table: {
- width: '100%',
- tableLayout: 'auto',
- textAlign: 'left',
- marginTop: em(32, 16),
- marginBottom: em(32, 16),
- },
- thead: {
- borderBottomWidth: '1px',
- borderBottomColor: 'var(--tw-prose-th-borders)',
- },
- 'thead th': {
- color: 'var(--tw-prose-headings)',
- fontWeight: '600',
- verticalAlign: 'bottom',
- },
- 'tbody tr': {
- borderBottomWidth: '1px',
- borderBottomColor: 'var(--tw-prose-td-borders)',
- },
- 'tbody tr:last-child': {
- borderBottomWidth: '0',
- },
- 'tbody td': {
- verticalAlign: 'baseline',
- },
- tfoot: {
- borderTopWidth: '1px',
- borderTopColor: 'var(--tw-prose-th-borders)',
- },
- 'tfoot td': {
- verticalAlign: 'top',
- },
- 'figure > *': {}, // Required to maintain correct order when merging
- figcaption: {
- color: 'var(--tw-prose-captions)',
- },
- },
- defaultModifiers.gray.css,
- ...defaultModifiers.base.css,
- ],
- },
- ...defaultModifiers,
-}
diff --git a/website/node_modules/@tailwindcss/typography/src/utils.js b/website/node_modules/@tailwindcss/typography/src/utils.js
deleted file mode 100644
index 085f72e..0000000
--- a/website/node_modules/@tailwindcss/typography/src/utils.js
+++ /dev/null
@@ -1,62 +0,0 @@
-const isPlainObject = require('lodash.isplainobject')
-
-const parser = require('postcss-selector-parser')
-const parseSelector = parser()
-
-module.exports = {
- isUsableColor(color, values) {
- return isPlainObject(values) && color !== 'gray' && values[600]
- },
-
- /**
- * @param {string} selector
- */
- commonTrailingPseudos(selector) {
- let ast = parseSelector.astSync(selector)
-
- /** @type {import('postcss-selector-parser').Pseudo[][]} */
- let matrix = []
-
- // Put the pseudo elements in reverse order in a sparse, column-major 2D array
- for (let [i, sel] of ast.nodes.entries()) {
- for (const [j, child] of [...sel.nodes].reverse().entries()) {
- // We only care about pseudo elements
- if (child.type !== 'pseudo' || !child.value.startsWith('::')) {
- break
- }
-
- matrix[j] = matrix[j] || []
- matrix[j][i] = child
- }
- }
-
- let trailingPseudos = parser.selector()
-
- // At this point the pseudo elements are in a column-major 2D array
- // This means each row contains one "column" of pseudo elements from each selector
- // We can compare all the pseudo elements in a row to see if they are the same
- for (const pseudos of matrix) {
- // It's a sparse 2D array so there are going to be holes in the rows
- // We skip those
- if (!pseudos) {
- continue
- }
-
- let values = new Set([...pseudos.map((p) => p.value)])
-
- // The pseudo elements are not the same
- if (values.size > 1) {
- break
- }
-
- pseudos.forEach((pseudo) => pseudo.remove())
- trailingPseudos.prepend(pseudos[0])
- }
-
- if (trailingPseudos.nodes.length) {
- return [trailingPseudos.toString(), ast.toString()]
- }
-
- return [null, selector]
- },
-}
diff --git a/website/node_modules/ansi-regex/index.d.ts b/website/node_modules/ansi-regex/index.d.ts
deleted file mode 100644
index 2dbf6af..0000000
--- a/website/node_modules/ansi-regex/index.d.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-declare namespace ansiRegex {
- interface Options {
- /**
- Match only the first ANSI escape.
-
- @default false
- */
- onlyFirst: boolean;
- }
-}
-
-/**
-Regular expression for matching ANSI escape codes.
-
-@example
-```
-import ansiRegex = require('ansi-regex');
-
-ansiRegex().test('\u001B[4mcake\u001B[0m');
-//=> true
-
-ansiRegex().test('cake');
-//=> false
-
-'\u001B[4mcake\u001B[0m'.match(ansiRegex());
-//=> ['\u001B[4m', '\u001B[0m']
-
-'\u001B[4mcake\u001B[0m'.match(ansiRegex({onlyFirst: true}));
-//=> ['\u001B[4m']
-
-'\u001B]8;;https://github.com\u0007click\u001B]8;;\u0007'.match(ansiRegex());
-//=> ['\u001B]8;;https://github.com\u0007', '\u001B]8;;\u0007']
-```
-*/
-declare function ansiRegex(options?: ansiRegex.Options): RegExp;
-
-export = ansiRegex;
diff --git a/website/node_modules/ansi-regex/index.js b/website/node_modules/ansi-regex/index.js
deleted file mode 100644
index 616ff83..0000000
--- a/website/node_modules/ansi-regex/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-'use strict';
-
-module.exports = ({onlyFirst = false} = {}) => {
- const pattern = [
- '[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)',
- '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))'
- ].join('|');
-
- return new RegExp(pattern, onlyFirst ? undefined : 'g');
-};
diff --git a/website/node_modules/ansi-regex/license b/website/node_modules/ansi-regex/license
deleted file mode 100644
index e7af2f7..0000000
--- a/website/node_modules/ansi-regex/license
+++ /dev/null
@@ -1,9 +0,0 @@
-MIT License
-
-Copyright (c) Sindre Sorhus (sindresorhus.com)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/website/node_modules/ansi-regex/package.json b/website/node_modules/ansi-regex/package.json
deleted file mode 100644
index 017f531..0000000
--- a/website/node_modules/ansi-regex/package.json
+++ /dev/null
@@ -1,55 +0,0 @@
-{
- "name": "ansi-regex",
- "version": "5.0.1",
- "description": "Regular expression for matching ANSI escape codes",
- "license": "MIT",
- "repository": "chalk/ansi-regex",
- "author": {
- "name": "Sindre Sorhus",
- "email": "sindresorhus@gmail.com",
- "url": "sindresorhus.com"
- },
- "engines": {
- "node": ">=8"
- },
- "scripts": {
- "test": "xo && ava && tsd",
- "view-supported": "node fixtures/view-codes.js"
- },
- "files": [
- "index.js",
- "index.d.ts"
- ],
- "keywords": [
- "ansi",
- "styles",
- "color",
- "colour",
- "colors",
- "terminal",
- "console",
- "cli",
- "string",
- "tty",
- "escape",
- "formatting",
- "rgb",
- "256",
- "shell",
- "xterm",
- "command-line",
- "text",
- "regex",
- "regexp",
- "re",
- "match",
- "test",
- "find",
- "pattern"
- ],
- "devDependencies": {
- "ava": "^2.4.0",
- "tsd": "^0.9.0",
- "xo": "^0.25.3"
- }
-}
diff --git a/website/node_modules/ansi-regex/readme.md b/website/node_modules/ansi-regex/readme.md
deleted file mode 100644
index 4d848bc..0000000
--- a/website/node_modules/ansi-regex/readme.md
+++ /dev/null
@@ -1,78 +0,0 @@
-# ansi-regex
-
-> Regular expression for matching [ANSI escape codes](https://en.wikipedia.org/wiki/ANSI_escape_code)
-
-
-## Install
-
-```
-$ npm install ansi-regex
-```
-
-
-## Usage
-
-```js
-const ansiRegex = require('ansi-regex');
-
-ansiRegex().test('\u001B[4mcake\u001B[0m');
-//=> true
-
-ansiRegex().test('cake');
-//=> false
-
-'\u001B[4mcake\u001B[0m'.match(ansiRegex());
-//=> ['\u001B[4m', '\u001B[0m']
-
-'\u001B[4mcake\u001B[0m'.match(ansiRegex({onlyFirst: true}));
-//=> ['\u001B[4m']
-
-'\u001B]8;;https://github.com\u0007click\u001B]8;;\u0007'.match(ansiRegex());
-//=> ['\u001B]8;;https://github.com\u0007', '\u001B]8;;\u0007']
-```
-
-
-## API
-
-### ansiRegex(options?)
-
-Returns a regex for matching ANSI escape codes.
-
-#### options
-
-Type: `object`
-
-##### onlyFirst
-
-Type: `boolean`;
-} & ansiStyles.BackgroundColor & ansiStyles.ForegroundColor & ansiStyles.Modifier;
-
-export = ansiStyles;
diff --git a/website/node_modules/ansi-styles/index.js b/website/node_modules/ansi-styles/index.js
deleted file mode 100644
index 5d82581..0000000
--- a/website/node_modules/ansi-styles/index.js
+++ /dev/null
@@ -1,163 +0,0 @@
-'use strict';
-
-const wrapAnsi16 = (fn, offset) => (...args) => {
- const code = fn(...args);
- return `\u001B[${code + offset}m`;
-};
-
-const wrapAnsi256 = (fn, offset) => (...args) => {
- const code = fn(...args);
- return `\u001B[${38 + offset};5;${code}m`;
-};
-
-const wrapAnsi16m = (fn, offset) => (...args) => {
- const rgb = fn(...args);
- return `\u001B[${38 + offset};2;${rgb[0]};${rgb[1]};${rgb[2]}m`;
-};
-
-const ansi2ansi = n => n;
-const rgb2rgb = (r, g, b) => [r, g, b];
-
-const setLazyProperty = (object, property, get) => {
- Object.defineProperty(object, property, {
- get: () => {
- const value = get();
-
- Object.defineProperty(object, property, {
- value,
- enumerable: true,
- configurable: true
- });
-
- return value;
- },
- enumerable: true,
- configurable: true
- });
-};
-
-/** @type {typeof import('color-convert')} */
-let colorConvert;
-const makeDynamicStyles = (wrap, targetSpace, identity, isBackground) => {
- if (colorConvert === undefined) {
- colorConvert = require('color-convert');
- }
-
- const offset = isBackground ? 10 : 0;
- const styles = {};
-
- for (const [sourceSpace, suite] of Object.entries(colorConvert)) {
- const name = sourceSpace === 'ansi16' ? 'ansi' : sourceSpace;
- if (sourceSpace === targetSpace) {
- styles[name] = wrap(identity, offset);
- } else if (typeof suite === 'object') {
- styles[name] = wrap(suite[targetSpace], offset);
- }
- }
-
- return styles;
-};
-
-function assembleStyles() {
- const codes = new Map();
- const styles = {
- modifier: {
- reset: [0, 0],
- // 21 isn't widely supported and 22 does the same thing
- bold: [1, 22],
- dim: [2, 22],
- italic: [3, 23],
- underline: [4, 24],
- inverse: [7, 27],
- hidden: [8, 28],
- strikethrough: [9, 29]
- },
- color: {
- black: [30, 39],
- red: [31, 39],
- green: [32, 39],
- yellow: [33, 39],
- blue: [34, 39],
- magenta: [35, 39],
- cyan: [36, 39],
- white: [37, 39],
-
- // Bright color
- blackBright: [90, 39],
- redBright: [91, 39],
- greenBright: [92, 39],
- yellowBright: [93, 39],
- blueBright: [94, 39],
- magentaBright: [95, 39],
- cyanBright: [96, 39],
- whiteBright: [97, 39]
- },
- bgColor: {
- bgBlack: [40, 49],
- bgRed: [41, 49],
- bgGreen: [42, 49],
- bgYellow: [43, 49],
- bgBlue: [44, 49],
- bgMagenta: [45, 49],
- bgCyan: [46, 49],
- bgWhite: [47, 49],
-
- // Bright color
- bgBlackBright: [100, 49],
- bgRedBright: [101, 49],
- bgGreenBright: [102, 49],
- bgYellowBright: [103, 49],
- bgBlueBright: [104, 49],
- bgMagentaBright: [105, 49],
- bgCyanBright: [106, 49],
- bgWhiteBright: [107, 49]
- }
- };
-
- // Alias bright black as gray (and grey)
- styles.color.gray = styles.color.blackBright;
- styles.bgColor.bgGray = styles.bgColor.bgBlackBright;
- styles.color.grey = styles.color.blackBright;
- styles.bgColor.bgGrey = styles.bgColor.bgBlackBright;
-
- for (const [groupName, group] of Object.entries(styles)) {
- for (const [styleName, style] of Object.entries(group)) {
- styles[styleName] = {
- open: `\u001B[${style[0]}m`,
- close: `\u001B[${style[1]}m`
- };
-
- group[styleName] = styles[styleName];
-
- codes.set(style[0], style[1]);
- }
-
- Object.defineProperty(styles, groupName, {
- value: group,
- enumerable: false
- });
- }
-
- Object.defineProperty(styles, 'codes', {
- value: codes,
- enumerable: false
- });
-
- styles.color.close = '\u001B[39m';
- styles.bgColor.close = '\u001B[49m';
-
- setLazyProperty(styles.color, 'ansi', () => makeDynamicStyles(wrapAnsi16, 'ansi16', ansi2ansi, false));
- setLazyProperty(styles.color, 'ansi256', () => makeDynamicStyles(wrapAnsi256, 'ansi256', ansi2ansi, false));
- setLazyProperty(styles.color, 'ansi16m', () => makeDynamicStyles(wrapAnsi16m, 'rgb', rgb2rgb, false));
- setLazyProperty(styles.bgColor, 'ansi', () => makeDynamicStyles(wrapAnsi16, 'ansi16', ansi2ansi, true));
- setLazyProperty(styles.bgColor, 'ansi256', () => makeDynamicStyles(wrapAnsi256, 'ansi256', ansi2ansi, true));
- setLazyProperty(styles.bgColor, 'ansi16m', () => makeDynamicStyles(wrapAnsi16m, 'rgb', rgb2rgb, true));
-
- return styles;
-}
-
-// Make the export immutable
-Object.defineProperty(module, 'exports', {
- enumerable: true,
- get: assembleStyles
-});
diff --git a/website/node_modules/ansi-styles/license b/website/node_modules/ansi-styles/license
deleted file mode 100644
index e7af2f7..0000000
--- a/website/node_modules/ansi-styles/license
+++ /dev/null
@@ -1,9 +0,0 @@
-MIT License
-
-Copyright (c) Sindre Sorhus (sindresorhus.com)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/website/node_modules/ansi-styles/package.json b/website/node_modules/ansi-styles/package.json
deleted file mode 100644
index 7539328..0000000
--- a/website/node_modules/ansi-styles/package.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
- "name": "ansi-styles",
- "version": "4.3.0",
- "description": "ANSI escape codes for styling strings in the terminal",
- "license": "MIT",
- "repository": "chalk/ansi-styles",
- "funding": "https://github.com/chalk/ansi-styles?sponsor=1",
- "author": {
- "name": "Sindre Sorhus",
- "email": "sindresorhus@gmail.com",
- "url": "sindresorhus.com"
- },
- "engines": {
- "node": ">=8"
- },
- "scripts": {
- "test": "xo && ava && tsd",
- "screenshot": "svg-term --command='node screenshot' --out=screenshot.svg --padding=3 --width=55 --height=3 --at=1000 --no-cursor"
- },
- "files": [
- "index.js",
- "index.d.ts"
- ],
- "keywords": [
- "ansi",
- "styles",
- "color",
- "colour",
- "colors",
- "terminal",
- "console",
- "cli",
- "string",
- "tty",
- "escape",
- "formatting",
- "rgb",
- "256",
- "shell",
- "xterm",
- "log",
- "logging",
- "command-line",
- "text"
- ],
- "dependencies": {
- "color-convert": "^2.0.1"
- },
- "devDependencies": {
- "@types/color-convert": "^1.9.0",
- "ava": "^2.3.0",
- "svg-term-cli": "^2.1.1",
- "tsd": "^0.11.0",
- "xo": "^0.25.3"
- }
-}
diff --git a/website/node_modules/ansi-styles/readme.md b/website/node_modules/ansi-styles/readme.md
deleted file mode 100644
index 24883de..0000000
--- a/website/node_modules/ansi-styles/readme.md
+++ /dev/null
@@ -1,152 +0,0 @@
-# ansi-styles [](https://travis-ci.org/chalk/ansi-styles)
-
-> [ANSI escape codes](https://en.wikipedia.org/wiki/ANSI_escape_code#Colors_and_Styles) for styling strings in the terminal
-
-You probably want the higher-level [chalk](https://github.com/chalk/chalk) module for styling your strings.
-
- implements Promise.Thenable {
- /**
- * If you call resolve in the body of the callback passed to the constructor,
- * your promise is fulfilled with result object passed to resolve.
- * If you call reject your promise is rejected with the object passed to resolve.
- * For consistency and debugging (eg stack traces), obj should be an instanceof Error.
- * Any errors thrown in the constructor callback will be implicitly passed to reject().
- */
- constructor (callback: (resolve : (value?: R | Promise.Thenable) => void, reject: (error?: any) => void) => void);
-
- /**
- * onFulfilled is called when/if "promise" resolves. onRejected is called when/if "promise" rejects.
- * Both are optional, if either/both are omitted the next onFulfilled/onRejected in the chain is called.
- * Both callbacks have a single parameter , the fulfillment value or rejection reason.
- * "then" returns a new promise equivalent to the value you return from onFulfilled/onRejected after being passed through Promise.resolve.
- * If an error is thrown in the callback, the returned promise rejects with that error.
- *
- * @param onFulfilled called when/if "promise" resolves
- * @param onRejected called when/if "promise" rejects
- */
- then (onFulfilled?: (value: R) => U | Promise.Thenable, onRejected?: (error: any) => U | Promise.Thenable): Promise;
- then (onFulfilled?: (value: R) => U | Promise.Thenable, onRejected?: (error: any) => void): Promise;
-
- /**
- * Sugar for promise.then(undefined, onRejected)
- *
- * @param onRejected called when/if "promise" rejects
- */
- catch (onRejected?: (error: any) => U | Promise.Thenable): Promise;
-
- /**
- * Make a new promise from the thenable.
- * A thenable is promise-like in as far as it has a "then" method.
- */
- static resolve (): Promise;
- static resolve (value: R | Promise.Thenable): Promise;
-
- /**
- * Make a promise that rejects to obj. For consistency and debugging (eg stack traces), obj should be an instanceof Error
- */
- static reject (error: any): Promise;
-
- /**
- * Make a promise that fulfills when every item in the array fulfills, and rejects if (and when) any item rejects.
- * the array passed to all can be a mixture of promise-like objects and other objects.
- * The fulfillment value is an array (in order) of fulfillment values. The rejection value is the first rejection value.
- */
- static all (values: [T1 | Promise.Thenable, T2 | Promise.Thenable, T3 | Promise.Thenable, T4 | Promise.Thenable , T5 | Promise.Thenable, T6 | Promise.Thenable, T7 | Promise.Thenable, T8 | Promise.Thenable, T9 | Promise.Thenable, T10 | Promise.Thenable]): Promise<[T1, T2, T3, T4, T5, T6, T7, T8, T9, T10]>;
- static all (values: [T1 | Promise.Thenable, T2 | Promise.Thenable, T3 | Promise.Thenable, T4 | Promise.Thenable , T5 | Promise.Thenable, T6 | Promise.Thenable, T7 | Promise.Thenable, T8 | Promise.Thenable, T9 | Promise.Thenable]): Promise<[T1, T2, T3, T4, T5, T6, T7, T8, T9]>;
- static all (values: [T1 | Promise.Thenable, T2 | Promise.Thenable, T3 | Promise.Thenable, T4 | Promise.Thenable