@blockbite/tailwind 3.4.13 → 3.4.14

package/lib/theme-parser.js

@@ -1,83 +0,0 @@
-/*
- * This file is used to parse the theme.json file from the theme to generate the tailwind config
- */
-import { getAspectRatio } from './aspect-ratio';
-import { getContainer } from './container';
-import { getScreens } from './screens';
-import { fluidSpacing, gridSpacing } from './spacing';
-
-export function themeParser(
-  theme,
-  prefixObject = {
-    prefixScreens: 'b_',
-    prefixAspectRatio: 'b_',
-    prefixSpacing: 'b_',
-  },
-  gridFluidSpacing = true
-) {
-  // get prefixes
-  const { prefixScreens, prefixAspectRatio, prefixSpacing } = prefixObject;
-
-  // import 16-grid and clamp spacing
-  let spacing = {};
-  if (gridFluidSpacing) {
-    spacing = [...fluidSpacing(prefixSpacing), ...gridSpacing(prefixSpacing)];
-  }
-
-  // add colors
-  const colors = {};
-  if (theme.settings.color && theme.settings.color.palette !== undefined) {
-    theme.settings.color.palette.forEach((color) => {
-      colors[color.slug] = color.color;
-    });
-  }
-
-  // add fonts and fontWeights
-  const fonts = {};
-  const fontWeights = {};
-  if (
-    theme.settings.typography &&
-    theme.settings.typography.fontFamilies !== undefined
-  ) {
-    theme.settings.typography.fontFamilies.forEach((fam) => {
-      fonts[fam.slug] = fam.fontFamily.split(',');
-      if (fam.fontFace) {
-        // generate fontWeights
-        fam.fontFace.forEach((face) => {
-          fontWeights[face.fontWeight] = face.fontWeight;
-        });
-      }
-    });
-  }
-
-  // fontsizes
-  const fontSizes = {};
-  if (
-    theme.settings.typography &&
-    theme.settings.typography.fontSizes !== undefined
-  ) {
-    theme.settings.typography.fontSizes.forEach((size) => {
-      // add font variables
-      fontSizes[size.slug] = `var(--wp--preset--font-size--${size.slug})`;
-    });
-  }
-
-  // responsive
-  const screens = getScreens(prefixScreens);
-  // aspect ratio
-  const aspectRatio = getAspectRatio(prefixAspectRatio);
-  // container
-  const container = getContainer();
-
-  // export object
-  return {
-    fonts,
-    fontWeights,
-    colors,
-    spacing,
-    fontSizes,
-    screens,
-    aspectRatio,
-    container,
-  };
-}

package/motion/index.js

@@ -1,17 +0,0 @@
-const plugin = require('tailwindcss/plugin');
-
-module.exports = plugin(
-  (api) => {
-    require('./utilities/delay')(api);
-    require('./utilities/direction')(api);
-    require('./utilities/duration')(api);
-    require('./utilities/fillMode')(api);
-    require('./utilities/iterationCount')(api);
-    require('./utilities/playState')(api);
-    require('./utilities/timingFunction')(api);
-    require('./utilities/offset')(api);
-  },
-  {
-    theme: require('./theme'),
-  }
-);

package/motion/theme.js

@@ -1,174 +0,0 @@
-module.exports = {
-  extend: {
-    keyframes: {
-      wiggle: {
-        '0%, 100%': {
-          transform: 'rotate(-3deg)',
-        },
-        '50%': {
-          transform: 'rotate(3deg)',
-        },
-      },
-      'wiggle-more': {
-        '0%, 100%': {
-          transform: 'rotate(-12deg)',
-        },
-        '50%': {
-          transform: 'rotate(12deg)',
-        },
-      },
-      'rotate-y': {
-        '0%': {
-          transform: 'rotateY(360deg)',
-        },
-        '100%': {
-          transform: 'rotateY(0)',
-        },
-      },
-      'rotate-x': {
-        '0%': {
-          transform: 'rotateX(360deg)',
-        },
-        '100%': {
-          transform: 'rotateX(0)',
-        },
-      },
-      jump: {
-        '0%, 100%': {
-          transform: 'scale(100%)',
-        },
-        '10%': {
-          transform: 'scale(80%)',
-        },
-        '50%': {
-          transform: 'scale(120%)',
-        },
-      },
-      'jump-in': {
-        '0%': {
-          transform: 'scale(0%)',
-        },
-        '80%': {
-          transform: 'scale(120%)',
-        },
-        '100%': {
-          transform: 'scale(100%)',
-        },
-      },
-      'jump-out': {
-        '0%': {
-          transform: 'scale(100%)',
-        },
-        '20%': {
-          transform: 'scale(120%)',
-        },
-        '100%': {
-          transform: 'scale(0%)',
-        },
-      },
-      shake: {
-        '0%': {
-          transform: 'translateX(0rem)',
-        },
-        '25%': {
-          transform: 'translateX(-1rem)',
-        },
-        '75%': {
-          transform: 'translateX(1rem)',
-        },
-        '100%': {
-          transform: 'translateX(0rem)',
-        },
-      },
-      fade: {
-        '0%': {
-          opacity: '0',
-          transform: 'translate(var(--an-ani-x), var(--an-ani-y))',
-        },
-        '100%': {
-          opacity: '1',
-          transform: 'translateY(var(--tw-translate-y))',
-        },
-      },
-      'fade-left': {
-        '0%': {
-          opacity: '0',
-          transform: 'translateY(var(--an-translate-y))',
-        },
-        '100%': {
-          opacity: '1',
-          transform: 'translateY(var(--tw-translate-y))',
-        },
-      },
-      'fade-right': {
-        '0%': {
-          opacity: '0',
-          transform: 'translateY(var(--an-translate-y))',
-        },
-        '100%': {
-          opacity: '1',
-          transform: 'translateY(var(--tw-translate-y))',
-        },
-      },
-      'flip-up': {
-        '0%': {
-          transform: 'rotateX(90deg)',
-          transformOrigin: 'bottom',
-        },
-        '100%': {
-          transform: 'rotateX(0)',
-          transformOrigin: 'bottom',
-        },
-      },
-      'flip-down': {
-        '0%': {
-          transform: 'rotateX(-90deg)',
-          transformOrigin: 'top',
-        },
-        '100%': {
-          transform: 'rotateX(0)',
-          transformOrigin: 'top',
-        },
-      },
-    },
-    animation: {
-      wiggle: 'wiggle 1s both',
-      'wiggle-more': 'wiggle-more 1s both',
-      'rotate-y': 'rotate-y 1s both',
-      'rotate-x': 'rotate-x 1s both',
-      jump: 'jump .5s both',
-      'jump-in': 'jump-in .5s both',
-      'jump-out': 'jump-out .5s both',
-      shake: 'shake .5s both',
-      fade: 'fade 1s both',
-      'fade-down': 'fade-down 1s both',
-      'fade-up': 'fade-up 1s both',
-      'fade-left': 'fade-left 1s both',
-      'fade-right': 'fade-right 1s both',
-      'flip-up': 'flip-up 1s both',
-      'flip-down': 'flip-down 1s both',
-    },
-    animationDelay: {
-      none: '0ms',
-      0: '0ms',
-      75: '75ms',
-      100: '100ms',
-      150: '150ms',
-      200: '200ms',
-      300: '300ms',
-      500: '500ms',
-      700: '700ms',
-      1000: '1000ms',
-    },
-    animationDuration: {
-      75: '75ms',
-      100: '100ms',
-      150: '150ms',
-      200: '200ms',
-      300: '300ms',
-      500: '500ms',
-      700: '700ms',
-      1000: '1000ms',
-    },
-  },
-};

package/motion/utilities/delay.js

@@ -1,11 +0,0 @@
-module.exports = ({ matchUtilities, theme }) =>
-  matchUtilities(
-    {
-      'animate-delay': (value) => ({
-        'animation-delay': value,
-      }),
-    },
-    {
-      values: theme('animationDelay'),
-    }
-  );

package/motion/utilities/direction.js

@@ -1,15 +0,0 @@
-module.exports = ({ addUtilities }) =>
-  addUtilities({
-    '.animate-normal': {
-      'animation-direction': 'normal',
-    },
-    '.animate-reverse': {
-      'animation-direction': 'reverse',
-    },
-    '.animate-alternate': {
-      'animation-direction': 'alternate',
-    },
-    '.animate-alternate-reverse': {
-      'animation-direction': 'alternate-reverse',
-    },
-  });

package/motion/utilities/duration.js

@@ -1,11 +0,0 @@
-module.exports = ({ matchUtilities, theme }) =>
-  matchUtilities(
-    {
-      'animate-duration': (value) => ({
-        'animation-duration': value,
-      }),
-    },
-    {
-      values: theme('animationDuration'),
-    }
-  );

package/motion/utilities/fillMode.js

@@ -1,15 +0,0 @@
-module.exports = ({ addUtilities }) =>
-  addUtilities({
-    '.animate-fill-none': {
-      'animation-fill-mode': 'normal',
-    },
-    '.animate-fill-forwards': {
-      'animation-fill-mode': 'forwards',
-    },
-    '.animate-fill-backwards': {
-      'animation-fill-mode': 'backwards',
-    },
-    '.animate-fill-both': {
-      'animation-fill-mode': 'both',
-    },
-  });

package/motion/utilities/iterationCount.js

@@ -1,15 +0,0 @@
-module.exports = ({ addUtilities }) =>
-  addUtilities({
-    '.animate-infinite': {
-      'animation-iteration-count': 'infinite',
-    },
-    '.animate-once': {
-      'animation-iteration-count': '1',
-    },
-    '.animate-twice': {
-      'animation-iteration-count': '2',
-    },
-    '.animate-thrice': {
-      'animation-iteration-count': '3',
-    },
-  });

package/motion/utilities/offset.js

@@ -1,11 +0,0 @@
-module.exports = function ({ addUtilities, theme, e }) {
-  const spacing = theme('spacing');
-  const newUtilities = {};
-
-  Object.entries(spacing).forEach(([key, value]) => {
-    newUtilities[`.${e(`b_ani-x-${key}`)}`] = { '--an-ani-x': `${value}` };
-    newUtilities[`.${e(`b_ani-y-${key}`)}`] = { '--an-ani-y': `${value}` };
-  });
-
-  addUtilities(newUtilities, ['responsive']);
-};

package/motion/utilities/playState.js

@@ -1,15 +0,0 @@
-module.exports = ({ addUtilities }) =>
-  addUtilities({
-    '.animate-run': {
-      'animation-play-state': 'running',
-    },
-    '.animate-play': {
-      'animation-play-state': 'running',
-    },
-    '.animate-stop': {
-      'animation-play-state': 'paused',
-    },
-    '.animate-pause': {
-      'animation-play-state': 'paused',
-    },
-  });

package/motion/utilities/timingFunction.js

@@ -1,15 +0,0 @@
-module.exports = ({ addUtilities }) =>
-  addUtilities({
-    '.animate-ease-linear': {
-      'animation-timing-function': 'linear',
-    },
-    '.animate-ease-in': {
-      'animation-timing-function': 'cubic-bezier(0.4, 0, 1, 1)',
-    },
-    '.animate-ease-out': {
-      'animation-timing-function': 'cubic-bezier(0, 0, 0.2, 1)',
-    },
-    '.animate-ease-in-out': {
-      'animation-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
-    },
-  });

package/plugins/viewport-dimensions.js

@@ -1,33 +0,0 @@
-const plugin = require('tailwindcss/plugin');
-
-module.exports = plugin(function ({ addUtilities }) {
-  const utilities = {};
-
-  for (let i = 10; i <= 100; i += 10) {
-    utilities[`.w-b_screen-${i}`] = {
-      width: `${i}vw`,
-    };
-
-    utilities[`.h-b_screen-${i}`] = {
-      height: `${i}vh`,
-    };
-
-    utilities[`.min-h-b_screen-${i}`] = {
-      minHeight: `${i}vh`,
-    };
-
-    utilities[`.max-h-b_screen-${i}`] = {
-      maxHeight: `${i}vh`,
-    };
-
-    utilities[`.min-w-b_screen-${i}`] = {
-      minWidth: `${i}vw`,
-    };
-
-    utilities[`.max-w-b_screen-${i}`] = {
-      maxWidth: `${i}vw`,
-    };
-  }
-
-  addUtilities(utilities);
-});

package/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/tailwind.config.js

@@ -1,18 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-
-import { getContainer } from './lib/container.js';
-
-module.exports = {
-  content: ['./vite.html', './vite.js'],
-  theme: {
-    extend: {
-      container: getContainer(),
-    },
-  },
-  plugins: [
-    require('./gridarea'),
-    require('./components/fluid-container.js'),
-    require('./components/grid-container.js'),
-    require('./themecolors'),
-  ],
-};