@blockbite/tailwind 3.4.4 → 3.4.8

package/lib/colors.js

@@ -1,24 +1,24 @@
 const colors = [
-  "b_theme",
-  "black",
-  "white",
-  "transparent",
-  "inherit",
-  "current",
-  "gray",
-  "red",
-  "yellow",
-  "green",
-  "blue",
-  "indigo",
-  "purple",
-  "pink",
+  'b_theme',
+  'black',
+  'white',
+  'transparent',
+  'inherit',
+  'current',
+  'gray',
+  'red',
+  'yellow',
+  'green',
+  'blue',
+  'indigo',
+  'purple',
+  'pink',
 ];
 
 const shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
 
 export const isSpecialColor = (color) =>
-  ["black", "white", "transparent", "inherit", "current", "b_theme"].includes(
+  ['black', 'white', 'transparent', 'inherit', 'current', 'b_theme'].includes(
     color
   );
 
@@ -45,12 +45,11 @@ export const getColorObject = () => {
         label: `${color.charAt(0).toUpperCase() + color.slice(1)}`,
         id: color,
       };
-    } else {
-      return shades.map((shade) => ({
-        label: `${color.charAt(0).toUpperCase() + color.slice(1)} ${shade}`,
-        id: `${color}-${shade}`,
-      }));
     }
+    return shades.map((shade) => ({
+      label: `${color.charAt(0).toUpperCase() + color.slice(1)} ${shade}`,
+      id: `${color}-${shade}`,
+    }));
   });
 
   return colorObjects;

package/lib/container.js

@@ -2,9 +2,9 @@ export const getContainer = () => {
   return {
     center: true,
     padding: {
-      DEFAULT: "var(--b_padding, 1rem)",
-      sm: "var(--b_padding, 1rem)",
-      lg: "var(--b_padding, 1rem)",
+      DEFAULT: 'var(--b_padding, 1rem)',
+      sm: 'var(--b_padding, 1rem)',
+      lg: 'var(--b_padding, 1rem)',
     },
   };
 };

package/lib/screens.js

@@ -1,13 +1,13 @@
 export const getScreens = (
-  prefix = "b_",
-  minxmax = { min: "768px", max: "1100px", max2xl: "1440px" }
+  prefix = 'b_',
+  minxmax = { min: '768px', max: '1100px', max2xl: '1440px' }
 ) => {
   // max 320px
   const screens = {};
-  screens[prefix + "xs"] = { max: minxmax.min };
-  screens[prefix + "md"] = { min: minxmax.min, max: minxmax.max };
-  screens[prefix + "xl"] = { min: minxmax.max };
-  screens[prefix + "sm"] = { max: minxmax.max };
-  screens[prefix + "2xl"] = { min: minxmax.max2xl };
+  screens[prefix + 'xs'] = { max: minxmax.min };
+  screens[prefix + 'md'] = { min: minxmax.min, max: minxmax.max };
+  screens[prefix + 'xl'] = { min: minxmax.max };
+  screens[prefix + 'sm'] = { max: minxmax.max };
+  screens[prefix + '2xl'] = { min: minxmax.max2xl };
   return screens;
 };

package/lib/spacing.js

@@ -1,60 +1,60 @@
 function createFluidSpacing(prefix) {
   const fluid = [
     {
-      size: "0px",
-      slug: "0",
-      name: "0",
+      size: '0px',
+      slug: '0',
+      name: '0',
     },
     {
-      size: "clamp(16px, 1vw, 32px)",
-      slug: "1",
-      name: "1",
+      size: 'clamp(16px, 1vw, 32px)',
+      slug: '1',
+      name: '1',
     },
     {
-      size: "clamp(32px, 1vw, 48px)",
-      slug: "2",
-      name: "2",
+      size: 'clamp(32px, 1vw, 48px)',
+      slug: '2',
+      name: '2',
     },
     {
-      size: "clamp(40px, 1vw, 50px)",
-      slug: "3",
-      name: "3",
+      size: 'clamp(40px, 1vw, 50px)',
+      slug: '3',
+      name: '3',
     },
     {
-      size: "clamp(64px, 1vw, 80px)",
-      slug: "4",
-      name: "4",
+      size: 'clamp(64px, 1vw, 80px)',
+      slug: '4',
+      name: '4',
     },
     {
-      size: "clamp(128px, 1vw, 144px)",
-      slug: "5",
-      name: "5",
+      size: 'clamp(128px, 1vw, 144px)',
+      slug: '5',
+      name: '5',
     },
     {
-      size: "clamp(144px, 1vw, 164px)",
-      slug: "6",
-      name: "6",
+      size: 'clamp(144px, 1vw, 164px)',
+      slug: '6',
+      name: '6',
     },
     {
-      slug: "8",
-      size: "clamp(16px, 1vw, 32px)",
-      name: "8",
+      slug: '8',
+      size: 'clamp(16px, 1vw, 32px)',
+      name: '8',
     },
     {
-      slug: "9",
-      size: "clamp(16px, 1vw, 32px)",
-      name: "9",
+      slug: '9',
+      size: 'clamp(16px, 1vw, 32px)',
+      name: '9',
     },
     {
-      slug: "10",
-      size: "clamp(16px, 1vw, 32px)",
-      name: "10",
+      slug: '10',
+      size: 'clamp(16px, 1vw, 32px)',
+      name: '10',
     },
     // can be used to push contain inside grid-container
     {
-      slug: "1fr",
-      size: "var(--b_fr-size, 1rem)",
-      name: "1FR",
+      slug: '1fr',
+      size: 'var(--b_fr-size, 1rem)',
+      name: '1FR',
     },
   ];
 
@@ -62,56 +62,56 @@ function createFluidSpacing(prefix) {
   // add clamp spacing for gaps
   fluid.forEach((size) => {
     // add to spacing
-    FluidSizes[prefix + "fluid-" + size.slug] = size.size;
+    FluidSizes[prefix + 'fluid-' + size.slug] = size.size;
   });
 
   return FluidSizes;
 }
 
-function createPercentSpacing(prefix) {
+function createPercentSpacing() {
   const percentUnits = [
-    "1/2",
-    "1/3",
-    "2/3",
-    "1/4",
-    "2/4",
-    "3/4",
-    "1/5",
-    "2/5",
-    "3/5",
-    "4/5",
-    "1/6",
-    "2/6",
-    "3/6",
-    "4/6",
-    "5/6",
-    "1/12",
-    "2/12",
-    "3/12",
-    "4/12",
-    "5/12",
-    "6/12",
-    "7/12",
-    "8/12",
-    "9/12",
-    "10/12",
-    "11/12",
-    "full",
+    '1/2',
+    '1/3',
+    '2/3',
+    '1/4',
+    '2/4',
+    '3/4',
+    '1/5',
+    '2/5',
+    '3/5',
+    '4/5',
+    '1/6',
+    '2/6',
+    '3/6',
+    '4/6',
+    '5/6',
+    '1/12',
+    '2/12',
+    '3/12',
+    '4/12',
+    '5/12',
+    '6/12',
+    '7/12',
+    '8/12',
+    '9/12',
+    '10/12',
+    '11/12',
+    'full',
   ];
   return percentUnits;
 }
 function createScreenSpacing() {
   const screenSpacing = [
-    "b_screen-10",
-    "b_screen-20",
-    "b_screen-30",
-    "b_screen-40",
-    "b_screen-50",
-    "b_screen-60",
-    "b_screen-70",
-    "b_screen-80",
-    "b_screen-90",
-    "b_screen-100",
+    'b_screen-10',
+    'b_screen-20',
+    'b_screen-30',
+    'b_screen-40',
+    'b_screen-50',
+    'b_screen-60',
+    'b_screen-70',
+    'b_screen-80',
+    'b_screen-90',
+    'b_screen-100',
   ];
 
   const screenSpacingValues = {};
@@ -127,12 +127,12 @@ function createGridSpacing(prefix) {
 
   const minimalValues = [0, 1, 2, 4, 6, 8, 10, 12, 14, 18, 20, 22, 24, 32];
   for (let i = 0; i < minimalValues.length; i++) {
-    let minimalValue = minimalValues[i];
-    gridSpacing[`${prefix}${minimalValue}`] = minimalValue / 16 + "rem";
+    const minimalValue = minimalValues[i];
+    gridSpacing[`${prefix}${minimalValue}`] = minimalValue / 16 + 'rem';
   }
   for (let i = 1; i < 1280 / 16; i++) {
     const gridsize = i * 16;
-    gridSpacing[`${prefix}${gridsize}`] = i + "rem";
+    gridSpacing[`${prefix}${gridsize}`] = i + 'rem';
   }
   return gridSpacing;
 }
@@ -140,7 +140,7 @@ function createGridSpacing(prefix) {
 function createNativeSpacing() {
   const nativeSpacing = [
     0,
-    "px",
+    'px',
     0.5,
     1,
     1.5,
@@ -183,13 +183,13 @@ function createSpanSpacing() {
   return colSpanValues;
 }
 
-export const gridSpacing = (prefix = "") => {
+export const gridSpacing = (prefix = '') => {
   // create grid based on 16px
   const spacingRem = createGridSpacing(prefix);
   return spacingRem;
 };
 
-export const fluidSpacing = (prefix = "") => {
+export const fluidSpacing = (prefix = '') => {
   const spacingFluid = createFluidSpacing(prefix);
   return spacingFluid;
 };

package/lib/theme-parser.js

@@ -1,17 +1,17 @@
 /*
  * This file is used to parse the theme.json file from the theme to generate the tailwind config
  */
-import { fluidSpacing, gridSpacing, nativeSpacing } from "./spacing";
-import { getScreens } from "./screens";
-import { getAspectRatio } from "./aspect-ratio";
-import { getContainer } from "./container";
+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_",
+    prefixScreens: 'b_',
+    prefixAspectRatio: 'b_',
+    prefixSpacing: 'b_',
   },
   gridFluidSpacing = true
 ) {
@@ -25,7 +25,7 @@ export function themeParser(
   }
 
   // add colors
-  let colors = {};
+  const colors = {};
   if (theme.settings.color && theme.settings.color.palette !== undefined) {
     theme.settings.color.palette.forEach((color) => {
       colors[color.slug] = color.color;
@@ -33,14 +33,14 @@ export function themeParser(
   }
 
   // add fonts and fontWeights
-  let fonts = {};
-  let 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(",");
+      fonts[fam.slug] = fam.fontFamily.split(',');
       if (fam.fontFace) {
         // generate fontWeights
         fam.fontFace.forEach((face) => {
@@ -51,7 +51,7 @@ export function themeParser(
   }
 
   // fontsizes
-  let fontSizes = {};
+  const fontSizes = {};
   if (
     theme.settings.typography &&
     theme.settings.typography.fontSizes !== undefined
@@ -71,13 +71,13 @@ export function themeParser(
 
   // export object
   return {
-    fonts: fonts,
-    fontWeights: fontWeights,
-    colors: colors,
-    spacing: spacing,
-    fontSizes: fontSizes,
-    screens: screens,
-    aspectRatio: aspectRatio,
-    container: container,
+    fonts,
+    fontWeights,
+    colors,
+    spacing,
+    fontSizes,
+    screens,
+    aspectRatio,
+    container,
   };
 }

package/motion/index.js

@@ -1,6 +1,7 @@
 const plugin = require('tailwindcss/plugin');
 
-module.exports = plugin(api => {
+module.exports = plugin(
+  (api) => {
     require('./utilities/delay')(api);
     require('./utilities/direction')(api);
     require('./utilities/duration')(api);
@@ -9,6 +10,8 @@ module.exports = plugin(api => {
     require('./utilities/playState')(api);
     require('./utilities/timingFunction')(api);
     require('./utilities/offset')(api);
-}, {
+  },
+  {
     theme: require('./theme'),
-});
+  }
+);