@hanzo/ui 4.6.0 → 4.7.0

package/tailwind/tw-font-desc.ts

@@ -1,15 +0,0 @@
-/*
-  NextFontDesc and TwFontDesc have to be seperate because they are needed 
-  at different times during the next compile / build.  Otherwise a nasty 
-  race condition happens! That's why they are in different files.
-*/
-
-interface TwFontDesc {
-  twName: string
-  cssVar?: string
-  fontFamily: string[]
-}
-
-export {
-  type TwFontDesc as default
-}

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

@@ -1,679 +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/tailwind/typo-plugin/index.d.ts

@@ -1,9 +0,0 @@
-declare function plugin(options?: Partial<{ className: string; target: 'modern' | 'legacy', base: number }>): {
-  handler: () => void
-}
-
-declare namespace plugin {
-  const __isOptionsFunction: true
-}
-
-export = plugin