@hanzo/ui 5.3.36 → 5.3.39

package/dist/tailwind/typo-plugin/get-plugin-styles.js

@@ -1,661 +0,0 @@
-import { round, pxToRem, pxToEm, } from '../../util';
-const typographyColorTheme = {
-    // vars are defined in global.css
-    // and dark mode is handled at that level.
-    '--tw-typo-plugin-body': "var(--hz-ui-fg-body)",
-    '--tw-typo-plugin-headings': "var(--hz-ui-fg-0)",
-    '--tw-typo-plugin-links': "var(--hz-ui-fg-0)",
-    '--tw-typo-plugin-links-hover': "var(--hz-ui-fg-2)",
-    '--tw-typo-plugin-bold': "var(--hz-ui-fg-0)",
-    '--tw-typo-plugin-counters': "var(--hz-ui-fg-4)",
-    '--tw-typo-plugin-bullets': "var(--hz-ui-fg-2)",
-    '--tw-typo-plugin-hr': "var(--hz-ui-fg-2)",
-    '--tw-typo-plugin-quotes': "var(--hz-ui-fg-body)",
-    '--tw-typo-plugin-quote-borders': "var(--hz-ui-fg-3)",
-    '--tw-typo-plugin-captions': "var(--hz-ui-fg-2)",
-    '--tw-typo-plugin-kbd': "var(--hz-ui-fg-0)",
-    '--tw-typo-plugin-kbd-shadows': "var(--hz-ui-fg-1)",
-    '--tw-typo-plugin-code': "var(--hz-ui-fg-0)",
-    '--tw-typo-plugin-pre-code': "var(--hz-ui-fg-1)",
-    '--tw-typo-plugin-pre-bg': "var(--hz-ui-bg-1)",
-    '--tw-typo-plugin-th-borders': "var(--hz-ui-fg-2)",
-    '--tw-typo-plugin-td-borders': "var(--hz-ui-fg-3)",
-};
-const defaultCSS = {
-    color: 'var(--tw-typo-plugin-body)',
-    // YUCK  maxWidth: '65ch',
-    p: {
-        textAlign: 'inherit'
-    }, // Required to maintain correct order when merging
-    'p:first-child': {},
-    'p:last-child': {},
-    a: {
-        color: 'var(--tw-typo-plugin-links)',
-        textDecoration: 'underline',
-        fontWeight: '400',
-    },
-    'a:hover': {
-        color: 'var(--tw-typo-plugin-links-hover)',
-    },
-    blockquote: {
-        fontWeight: '400',
-        fontStyle: 'italic',
-        color: 'var(--tw-typo-plugin-quotes)',
-        quotes: '"\\201C""\\201D""\\2018""\\2019"',
-    },
-    //'blockquote::before': {},
-    //'blockquote::after': {},
-    'blockquote p:first-of-type::before': {
-        content: 'open-quote',
-    },
-    'blockquote p:last-of-type::after': {
-        content: 'close-quote',
-    },
-    'blockquote strong': {
-        color: 'inherit',
-    },
-    cite: {
-        display: 'block',
-        fontStyle: 'normal',
-        textAlign: 'right',
-        color: 'var(--tw-typo-plugin-quotes)',
-    },
-    ol: {
-        listStyleType: 'decimal',
-    },
-    ul: {
-    //listStyleType: 'disc',
-    },
-    'ol > li::marker': {
-        fontWeight: '400',
-        color: 'var(--tw-typo-plugin-counters)',
-    },
-    'ul > li::marker': {
-        color: 'var(--tw-typo-plugin-bullets)',
-    },
-    'ul > li::before': {},
-    hr: {
-        borderColor: 'var(--tw-typo-plugin-hr)',
-        borderTopWidth: 1,
-    },
-    h1: {
-        color: 'var(--tw-typo-plugin-headings)',
-        fontWeight: '800',
-        textAlign: 'inherit',
-        textTransform: 'uppercase'
-    },
-    h2: {
-        color: 'var(--tw-typo-plugin-headings)',
-        fontWeight: '700',
-        textAlign: 'inherit',
-        textTransform: 'uppercase'
-    },
-    h3: {
-        color: 'var(--tw-typo-plugin-headings)',
-        fontWeight: '600',
-        textAlign: 'inherit',
-        textTransform: 'uppercase'
-    },
-    h4: {
-        color: 'var(--tw-typo-plugin-headings)',
-        fontWeight: '600',
-        textAlign: 'inherit'
-    },
-    h5: {
-        color: 'var(--tw-typo-plugin-headings)',
-        fontWeight: '600',
-        textAlign: 'inherit'
-    },
-    h6: {
-        color: 'var(--tw-typo-plugin-headings)',
-        textAlign: 'inherit'
-    },
-    img: {},
-    'img:first-child': {},
-    'img:last-child': {},
-    picture: {
-        display: 'block',
-    },
-    strong: {
-        color: 'var(--tw-typo-plugin-bold)',
-        fontWeight: '600',
-    },
-    video: {},
-    kbd: {
-        fontWeight: '500',
-        fontFamily: 'inherit',
-        color: 'var(--tw-typo-plugin-kbd)',
-        boxShadow: '0 0 0 1px rgb(var(--tw-typo-plugin-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-typo-plugin-kbd-shadows) / 10%)',
-    },
-    code: {
-        color: 'var(--tw-typo-plugin-code)',
-        fontWeight: '500',
-    },
-    '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',
-    },
-    'h5 code': {
-        color: 'inherit',
-    },
-    'h6 code': {
-        color: 'inherit',
-    },
-    'blockquote code': {
-        color: 'inherit',
-    },
-    'thead th code': {
-        color: 'inherit',
-    },
-    pre: {
-        color: 'var(--tw-typo-plugin-pre-code)',
-        backgroundColor: 'var(--tw-typo-plugin-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',
-    },
-    thead: {
-        borderBottomWidth: '1px',
-        borderBottomColor: 'var(--tw-typo-plugin-th-borders)',
-    },
-    'thead th': {
-        color: 'var(--tw-typo-plugin-headings)',
-        fontWeight: '600',
-        verticalAlign: 'bottom',
-    },
-    'tbody tr': {},
-    'tbody tr:last-child': {},
-    'tbody td': {
-        verticalAlign: 'baseline',
-    },
-    tfoot: {
-        borderTopWidth: '1px',
-        borderTopColor: 'var(--tw-typo-plugin-th-borders)',
-    },
-    'tfoot td': {
-        verticalAlign: 'top',
-    },
-};
-const defaultModifiers = (base) => ({
-    base: {
-        css: [
-            {
-                fontSize: '1rem',
-                lineHeight: 1.4,
-                p: {
-                    marginTop: '0.33rem',
-                    marginBottom: '0.33rem',
-                },
-                'p:first-child': {
-                    marginTop: 0,
-                },
-                'p:last-child': {
-                    marginBottom: 0,
-                },
-                a: {},
-                'a:hover': {},
-                blockquote: {
-                //color: 'blue', //var(--tw-typo-plugin-quotes)',
-                //marginTop: pxToEm(32, 20),
-                //marginBottom: pxToEm(32, 20),
-                //paddingLeft: pxToEm(20, 20),
-                },
-                //'blockquote::before': {},
-                //'blockquote::after': {},
-                'blockquote p:first-of-type::before': {},
-                'blockquote p:last-of-type::after': {},
-                cite: {},
-                ol: {
-                    fontSize: '1rem',
-                    paddingLeft: '1.5rem',
-                    margin: 0,
-                    marginLeft: '-5px',
-                },
-                ul: {
-                    fontSize: '1rem',
-                    paddingLeft: '1.5rem',
-                    margin: 0,
-                    marginLeft: '-0.6rem',
-                    listStylePosition: 'outside',
-                    listStyleType: "'\u25BC'"
-                },
-                li: {},
-                'ol > li': {
-                    paddingLeft: '0.4rem',
-                },
-                'ul > li': {
-                    paddingLeft: '0.75rem',
-                    marginBottom: '0.75rem',
-                },
-                'ul > li:last-child': {
-                    marginBottom: 0,
-                },
-                '> ul > li p': {
-                    margin: 0,
-                    display: 'inline'
-                },
-                hr: {},
-                h1: {
-                    fontSize: pxToRem(40, base),
-                    lineHeight: 1.2,
-                },
-                h2: {
-                    fontSize: pxToRem(36, base),
-                    lineHeight: 1.2,
-                },
-                h3: {
-                    fontSize: '1.4rem',
-                    lineHeight: 1.2,
-                },
-                h4: {
-                    marginTop: '0.5rem',
-                    marginBottom: '0.5rem',
-                    fontSize: '1.3rem',
-                    lineHeight: 1.2,
-                },
-                h5: {
-                    marginTop: '0.5rem',
-                    marginBottom: '0.5rem',
-                    fontSize: '1.2rem',
-                    lineHeight: 1.4,
-                },
-                h6: {
-                    marginTop: '0.5rem',
-                    marginBottom: '0.5rem',
-                    fontSize: '1.15rem',
-                    lineHeight: 1.3,
-                },
-                'hr + *': {
-                    marginTop: '0',
-                },
-                'h2 + *': {
-                    marginTop: '0',
-                },
-                'h3 + *': {
-                    marginTop: '0',
-                },
-                'h4 + *': {
-                    marginTop: '0',
-                },
-                img: {
-                    marginTop: '0.5rem',
-                    marginBottom: '0.5rem',
-                },
-                'img:first-child': {
-                    marginTop: 0,
-                },
-                'img:last-child': {
-                    marginBottom: 0,
-                },
-                picture: {
-                    marginTop: pxToRem(20, base),
-                    marginBottom: pxToRem(20, base),
-                },
-                'picture > img': {
-                    marginTop: '0',
-                    marginBottom: '0',
-                },
-                video: {
-                    marginTop: pxToRem(20, base),
-                    marginBottom: pxToRem(20, base),
-                },
-                kbd: {
-                    fontSize: pxToEm(14, 16),
-                    borderRadius: pxToRem(5, base),
-                    paddingTop: pxToEm(3, 16),
-                    paddingRight: pxToEm(6, 16),
-                    paddingBottom: pxToEm(3, 16),
-                    paddingLeft: pxToEm(6, 16),
-                },
-                code: {
-                    fontSize: pxToEm(14, 16),
-                },
-                'h2 code': {
-                    fontSize: pxToEm(21, 24),
-                },
-                'h3 code': {
-                    fontSize: pxToEm(18, 20),
-                },
-                pre: {
-                    fontSize: pxToRem(14, 16),
-                    lineHeight: round(24 / 14),
-                    marginTop: pxToEm(24, 14),
-                    marginBottom: pxToEm(24, 14),
-                    borderRadius: pxToRem(6, base),
-                    paddingTop: pxToEm(12, 14),
-                    paddingRight: pxToEm(16, 14),
-                    paddingBottom: pxToEm(12, 14),
-                    paddingLeft: pxToEm(16, 14),
-                },
-                /*
-                '> ul > li > *:first-child': {},
-                '> ul > li > *:last-child': {},
-                '> ol > li > *:first-child': {},
-                '> ol > li > *:last-child': {},
-                */
-                'ul ul, ul ol, ol ul, ol ol': {
-                    marginTop: pxToRem(12, base),
-                    marginBottom: pxToRem(12, base),
-                },
-                dl: {
-                    marginTop: pxToEm(20, 16),
-                    marginBottom: pxToEm(20, base),
-                },
-                dt: {
-                    marginTop: pxToEm(20, base),
-                },
-                dd: {
-                    marginTop: pxToEm(8, base),
-                    paddingLeft: pxToEm(26, base),
-                },
-                table: {
-                    fontSize: pxToEm(14, base),
-                    lineHeight: round(24 / 14),
-                },
-                'thead th': {
-                    paddingRight: pxToEm(8, 14),
-                    paddingBottom: pxToEm(8, 14),
-                    paddingLeft: pxToEm(8, 14),
-                },
-                'thead th:first-child': {
-                    paddingLeft: '0',
-                },
-                'thead th:last-child': {
-                    paddingRight: '0',
-                },
-                'tbody td, tfoot td': {
-                    paddingTop: pxToEm(8, 14),
-                    paddingRight: pxToEm(8, 14),
-                    paddingBottom: pxToEm(8, 14),
-                    paddingLeft: pxToEm(8, 14),
-                },
-                'tbody td:first-child, tfoot td:first-child': {
-                    paddingLeft: '0',
-                },
-                'tbody td:last-child, tfoot td:last-child': {
-                    paddingRight: '0',
-                },
-            }
-        ],
-    },
-    sm: {
-        css: [
-            {
-                p: {},
-                'p:first-child': {},
-                'p:last-child': {},
-                a: {},
-                'a:hover': {},
-                blockquote: {},
-                //'blockquote::before': {},
-                //'blockquote::after': {},
-                'blockquote p:first-of-type::before': {},
-                'blockquote p:last-of-type::after': {},
-                cite: {},
-                ol: {},
-                ul: {},
-                li: {},
-                'ol > li': {},
-                'ul > li': {},
-                'ul > li:last-child': {},
-                '> ul > li p': {},
-                hr: {},
-                h1: {
-                    fontSize: pxToRem(24, base),
-                },
-                h2: {
-                    fontSize: pxToRem(20, base),
-                },
-                h3: {
-                    fontSize: pxToEm(18, base),
-                },
-                h4: {},
-                h5: {},
-                h6: {},
-                'hr + *': {},
-                'h2 + *': {},
-                'h3 + *': {},
-                'h4 + *': {},
-                img: {},
-                'img:first-child': {},
-                'img:last-child': {},
-                picture: {},
-                'picture > img': {},
-                video: {},
-                kbd: {},
-                code: {},
-                'h2 code': {},
-                'h3 code': {},
-                pre: {},
-                /*
-        '> ul > li > *:first-child': {},
-        '> ul > li > *:last-child': {},
-        '> ol > li > *:first-child': {},
-        '> ol > li > *:last-child': {},
-        */
-                'ul ul, ul ol, ol ul, ol ol': {},
-                dl: {},
-                dt: {},
-                dd: {},
-                table: {},
-                'thead th': {},
-                'thead th:first-child': {},
-                'thead th:last-child': {},
-                'tbody td, tfoot td': {},
-                'tbody td:first-child, tfoot td:first-child': {},
-                'tbody td:last-child, tfoot td:last-child': {},
-            }
-        ],
-    },
-    lg: {
-        css: [
-            {
-                p: {},
-                'p:first-child': {},
-                'p:last-child': {},
-                a: {},
-                'a:hover': {},
-                blockquote: {},
-                //'blockquote::before': {},
-                //'blockquote::after': {},
-                'blockquote p:first-of-type::before': {},
-                'blockquote p:last-of-type::after': {},
-                cite: {},
-                ol: {},
-                ul: {},
-                li: {},
-                'ol > li': {},
-                'ul > li': {},
-                'ul > li:last-child': {},
-                '> ul > li p': {},
-                hr: {},
-                h1: {
-                    fontSize: pxToRem(45, base),
-                    lineHeight: 1.1,
-                },
-                h2: {
-                    fontSize: pxToRem(40, base),
-                    lineHeight: 1.1,
-                },
-                h3: {
-                    fontSize: pxToRem(32, base),
-                    lineHeight: 1.1,
-                },
-                h4: {
-                    fontSize: pxToRem(26, base),
-                    marginTop: pxToRem(13, base),
-                    marginBottom: pxToRem(13, base),
-                },
-                h5: {
-                    fontSize: pxToRem(22, base),
-                    marginTop: pxToRem(11, base),
-                    marginBottom: pxToRem(11, base),
-                },
-                h6: {},
-                'hr + *': {},
-                'h2 + *': {},
-                'h3 + *': {},
-                'h4 + *': {},
-                img: {},
-                'img:first-child': {},
-                'img:last-child': {},
-                picture: {},
-                'picture > img': {},
-                video: {},
-                kbd: {},
-                code: {},
-                'h2 code': {},
-                'h3 code': {},
-                pre: {},
-                /*
-        '> ul > li > *:first-child': {},
-        '> ul > li > *:last-child': {},
-        '> ol > li > *:first-child': {},
-        '> ol > li > *:last-child': {},
-        */
-                'ul ul, ul ol, ol ul, ol ol': {},
-                dl: {},
-                dt: {},
-                dd: {},
-                table: {},
-                'thead th': {},
-                'thead th:first-child': {},
-                'thead th:last-child': {},
-                'tbody td, tfoot td': {},
-                'tbody td:first-child, tfoot td:first-child': {},
-                'tbody td:last-child, tfoot td:last-child': {},
-            }
-        ],
-    },
-    xl: {
-        css: [
-            {
-                p: {},
-                'p:first-child': {},
-                'p:last-child': {},
-                a: {},
-                'a:hover': {},
-                blockquote: {},
-                //'blockquote::before': {},
-                //'blockquote::after': {},
-                'blockquote p:first-of-type::before': {},
-                'blockquote p:last-of-type::after': {},
-                cite: {},
-                ol: {},
-                ul: {},
-                li: {},
-                'ol > li': {},
-                'ul > li': {},
-                'ul > li:last-child': {},
-                '> ul > li p': {},
-                hr: {},
-                h1: {
-                    fontSize: pxToRem(52, base),
-                    lineHeight: 1.1,
-                },
-                h2: {
-                    fontSize: pxToRem(45, base),
-                    lineHeight: 1.1,
-                },
-                h3: {
-                    fontSize: pxToRem(40, base),
-                    lineHeight: 1.1,
-                },
-                h4: {
-                    fontSize: pxToRem(28, base),
-                    marginTop: pxToRem(13, base),
-                    marginBottom: pxToRem(13, base),
-                },
-                h5: {
-                    fontSize: pxToRem(22, base),
-                    marginTop: pxToRem(11, base),
-                    marginBottom: pxToRem(11, base),
-                },
-                h6: {},
-                'hr + *': {},
-                'h2 + *': {},
-                'h3 + *': {},
-                'h4 + *': {},
-                img: {},
-                'img:first-child': {},
-                'img:last-child': {},
-                picture: {},
-                'picture > img': {},
-                video: {},
-                kbd: {},
-                code: {},
-                'h2 code': {},
-                'h3 code': {},
-                pre: {},
-                /*
-        '> ul > li > *:first-child': {},
-        '> ul > li > *:last-child': {},
-        '> ol > li > *:first-child': {},
-        '> ol > li > *:last-child': {},
-        */
-                'ul ul, ul ol, ol ul, ol ol': {},
-                dl: {},
-                dt: {},
-                dd: {},
-                table: {},
-                'thead th': {},
-                'thead th:first-child': {},
-                'thead th:last-child': {},
-                'tbody td, tfoot td': {},
-                'tbody td:first-child, tfoot td:first-child': {},
-                'tbody td:last-child, tfoot td:last-child': {},
-            }
-        ],
-    },
-});
-const getStyles = (baseFontSize) => ({
-    DEFAULT: {
-        css: [
-            defaultCSS,
-            typographyColorTheme,
-            ...defaultModifiers(baseFontSize).base.css,
-        ],
-    },
-    sm: defaultModifiers(baseFontSize).sm,
-    lg: defaultModifiers(baseFontSize).lg,
-    xl: defaultModifiers(baseFontSize).xl,
-});
-export default getStyles;

package/dist/tailwind/typo-plugin/index.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("../../node_modules/tailwindcss/dist/types-CJYAW1ql.mjs").c<any>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/tailwind/typo-plugin/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tailwind/typo-plugin/index.js"],"names":[],"mappings":""}