@blockbite/tailwind 3.4.13 → 3.4.15

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'),
-  ],
-};

package/theme-example.json

@@ -1,329 +0,0 @@
-{
-    "$schema": "https://schemas.wp.org/wp/6.2/theme.json",
-    "settings": {
-        "appearanceTools": true,
-		 "layout": {
-            "contentSize": "960px",
-            "wideSize": "1440px"
-        },
-        "color": {
-			"palette": [
-				{
-					"slug": "primary-light",
-					"color": "#E9F4FF",
-					"name": "primary-light"
-				},
-				{
-					"slug": "primary",
-					"color": "#7152EC",
-					"name": "primary"
-				},
-                {
-					"slug": "primary-medium",
-					"color": "#559ADF",
-					"name": "primary-medium"
-				},
-				{
-					"slug": "primary-dark",
-					"color": "#1B389F",
-					"name": "primary-dark"
-				},
-				{
-					"slug": "secondary",
-					"color": "#FF0000",
-					"name": "secondary"
-				},
-                {
-					"slug": "secondary-dark",
-					"color": "#5C1E1E",
-					"name": "secondary-dark"
-				},
-                {
-					"slug": "black",
-					"color": "#1E2E36",
-					"name": "black"
-				},
-                {
-					"slug": "white",
-					"color": "#FFF",
-					"name": "white"
-				}
-			]
-		},
-        "spacing": {
-		
-            "spacingScale": {
-				"steps": 0
-			},
-			"spacingSizes": [
-				{
-					"size": "0px",
-					"slug": "0",
-					"name": "0"
-				},
-				{
-					"size": "clamp(16px, 1vw, 32px);",
-					"slug": "1",
-					"name": "1"
-				},
-				{
-					"size": "clamp(32px, 1vw, 48px);",
-					"slug": "2",
-					"name": "2"
-				},
-				{
-					"size": "clamp(40px, 1vw, 50px);",
-					"slug": "3",
-					"name": "3"
-				},
-				{
-					"size": "clamp(64px, 1vw, 80px);",
-					"slug": "4",
-					"name": "4"
-				},
-				{
-					"size": "clamp(128px, 1vw, 144px);",
-					"slug": "5",
-					"name": "5"
-				},
-				{
-					"size": "clamp(144px, 1vw, 164px);",
-					"slug": "6",
-					"name": "6"
-				}
-			],
-            "blockGap": true,
-            "margin": true,
-			"padding": true,
-            "units": [
-                "%",
-                "px",
-                "em",
-                "rem",
-                "vh",
-                "vw"
-            ]
-        },
-        "typography": {
-            "fluid": true,
-			"lineHeight": true,
-			"fontWeight": true,
-			"fontStyle": false,
-            "fontFamilies": [
-				{
-					"fontFamily": "\"TitilliumWeb\", sans",
-					"name": "TitilliumWeb",
-					"slug": "expressive",
-					"fontFace": [
-						{
-							"fontFamily": "TitilliumWeb",
-							"fontWeight": "700",
-							"fontStyle": "normal",
-							"fontStretch": "normal",
-							"src": [ "file:./resources/fonts/TitilliumWeb-Bold.woff2" ]
-						},
-                        {
-							"fontFamily": "TitilliumWeb",
-							"fontWeight": "600",
-							"fontStyle": "medium",
-							"fontStretch": "normal",
-							"src": [ "file:./resources/fonts/TitilliumWeb-SemiBold.woff2" ]
-						},
-						{
-							"fontFamily": "TitilliumWeb",
-							"fontWeight": "400",
-							"fontStyle": "normal",
-							"fontStretch": "normal",
-							"src": [ "file:./resources/fonts/TitilliumWeb-Regular.woff2" ]
-						}
-					]
-				},
-				{
-					"fontFamily": "\"Inter\", sans",
-					"name": "Inter",
-					"slug": "productive",
-					"fontFace": [
-						{
-							"fontFamily": "Inter",
-							"fontWeight": "400",
-							"fontStyle": "normal",
-							"fontStretch": "normal",
-							"src": [ "file:./resources/fonts/Inter-Regular.woff2" ]
-						},
-                        {
-							"fontFamily": "Inter",
-							"fontWeight": "600",
-							"fontStyle": "bold",
-							"fontStretch": "normal",
-							"src": [ "file:./resources/fonts/Inter-Medium.woff2" ]
-						}
-					]
-				}
-			],
-            "fontSizes": [
-                {
-                    "name": "Tiny",
-                    "slug": "tiny",
-                    "size": "0.9rem",
-					"fluid": {
-						"min": "0.8rem",
-						"max": "1rem"
-					}
-                },
-				{
-                    "name": "Small",
-                    "slug": "small",
-                    "size": "1rem",
-					"fluid": {
-						"min": "1rem",
-						"max": "1.1rem"
-					}
-                },
-                {
-                    "name": "Standard",
-                    "slug": "standard",
-                    "size": "1.2rem",
-					"fluid": {
-						"min": "1.2rem",
-						"max": "1.3rem"
-					}
-                },
-                {
-                    "name": "Standard XL",
-                    "slug": "standard-xl",
-                    "size": "1.5rem",
-					"fluid": {
-						"min": "1.5rem",
-						"max": "1.6rem"
-					}
-                },
-                {
-                    "name": "Medium",
-                    "slug": "medium",
-                    "size": "1.8rem",
-					"fluid": {
-						"min": "1.4rem",
-						"max": "2.2rem"
-					}
-                },
-                {
-                    "name": "Large",
-                    "slug": "large",
-                    "size": "2.2rem",
-					"fluid": {
-						"min": "1.6rem",
-						"max": "2.6rem"
-					}
-                },
-				{
-					"size": "2.6rem",
-					"fluid": {
-						"min": "1.8rem",
-						"max": "3.4rem"
-					},
-					"slug": "huge",
-					"name": "Huge"
-				},
-             
-                {
-                    "name": "Gigantic",
-                    "slug": "gigantic",
-                    "size": "3.8rem",
-					"fluid": {
-						"min": "2.8rem",
-						"max": "4.5rem"
-					}
-                }
-            ]
-        }
-    },
-    "templateParts": [
-        {
-            "area": "header",
-            "name": "header"
-        },
-        {
-            "area": "footer",
-            "name": "footer"
-        }
-    ],
-    "version": 2,
-    "styles": {
-		"typography": {
-			"fontFamily": "Inter",
-			"fontWeight": "300",
-			"lineHeight": "1.5",
-			"fontSize": "20px"
-		},
-		"elements": {
-			"link":{ 
-				"typography":{ 
-					"textDecoration":"false" 
-				}
-			}
-		},
-        "spacing": {
-			"blockGap": "0.5rem"
-		},
-        "blocks": {
-			"core/heading": {
-				"typography": {
-					"fontSize":"var(--wp--preset--font-size--standard-xl)",
-					"fontFamily": "var(--wp--preset--font-family--expressive)",
-					"fontWeight": "600",
-					"lineHeight": "1.25"
-				},
-				"spacing": {
-                    "margin": {
-                        "top": "var(--wp--preset--spacing--1)",
-                        "bottom": "var(--wp--preset--spacing--1)"
-                    }
-                }
-			},
-            "blockbite/section": {
-                "spacing": {
-                    "padding": {
-                        "top": "var(--wp--preset--spacing--2)",
-                        "bottom": "var(--wp--preset--spacing--2)"
-                    },
-					"margin": {
-                        "top": "var(--wp--preset--spacing--0)",
-                        "bottom": "var(--wp--preset--spacing--0)"
-                    }
-                }
-            },
-            "blockbite/advanced-button": {
-                "spacing": {
-                    "margin": {
-                        "top": "var(--wp--preset--spacing--1)",
-                        "bottom": "var(--wp--preset--spacing--1)"
-                    }
-                }
-            },
-			"core/columns": {
-                "spacing": {
-                    "margin": {
-                        "top": "var(--wp--preset--spacing--0 )",
-                        "bottom": "var(--wp--preset--spacing--0 )"
-                    }
-                }
-            },
-            "core/column": {
-                "spacing": {
-                    "padding": {
-                        "top": "var(--wp--preset--spacing--1 )",
-                        "bottom": "var(--wp--preset--spacing--1 )"
-                    }
-                }
-            },
-			"core/paragraph": {
-                "spacing": {
-                    "margin": {
-                        "top": "0.5rem",
-                        "bottom": "0.5rem"
-                    }
-                }
-            }
-        }
-    }
-}