@blockbite/tailwind 3.5.0 → 3.5.1

package/dist/index.d.ts

@@ -1,6 +1,2 @@
-import { getColorObject, getColors } from './colors.js';
-import { getContainer } from './container.js';
-import { percentSpacing, spanSpacing } from './spacing.js';
 declare const blockbiteTailwindPlugin: any;
 export default blockbiteTailwindPlugin;
-export { getColorObject, getColors, getContainer, percentSpacing, spanSpacing };

package/dist/index.js

@@ -1,26 +1,14 @@
 import plugin from 'tailwindcss/plugin';
-// Utilities and helpers
-import { getColorObject, getColors } from './colors.js';
-import { getContainer } from './container.js';
-import { percentSpacing, spanSpacing } from './spacing.js';
-// Components
-// import anchorPosition from './components/anchor-position.js';
-// import gridContainer from './components/grid-container.js';
-// import swiper from './components/swiper.js';
 // Plugins
 import fluidContainer from './plugins/fluid-container.js';
 import gridArea from './plugins/grid-area.js';
 import mask from './plugins/mask.js';
+import children from './variants/children.js';
 const blockbiteTailwindPlugin = plugin(function (api) {
-    // Register all components
-    // gridContainer(api);
-    // anchorPosition(api);
-    // swiper(api);
-    // Register all plugins/utilities
+    // Register all plugins/utilities and variants
     gridArea.handler(api);
     fluidContainer.handler(api);
     mask.handler(api);
+    children.handler(api);
 });
 export default blockbiteTailwindPlugin;
-// Export functions and constants
-export { getColorObject, getColors, getContainer, percentSpacing, spanSpacing };

package/dist/plugins/fluid-container.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("node_modules/tailwindcss/dist/types-WlZgYgM8.mjs").b;
+declare const _default: import("node_modules/tailwindcss/dist/types-CJYAW1ql.mjs").b;
 export default _default;

package/dist/plugins/fluid-container.js

@@ -1,39 +1,28 @@
 import plugin from 'tailwindcss/plugin';
-export default plugin(function ({ addBase, theme, addComponents }) {
-    const maxWidth2xl = theme('screens.2xl', '1536px');
-    addBase({
-        ':root': {
-            '--b_padding': '4vw',
-            '--b_maxWidth': '100%',
-            [`@media (min-width: ${maxWidth2xl})`]: {
-                '--b_padding': '1rem',
-                '--b_maxWidth': maxWidth2xl,
-            },
-        },
-    });
+export default plugin(function ({ addComponents }) {
     const components = {
         '.container-fluid': {
             'box-sizing': 'border-box',
             marginLeft: 'auto',
             marginRight: 'auto',
-            paddingLeft: 'var(--b_padding, 4vw)',
-            paddingRight: 'var(--b_padding, 4vw)',
-            maxWidth: 'var(--b_maxWidth, 100%)',
+            paddingLeft: 'var(--bb-container-padding, 4vw)',
+            paddingRight: 'var(--bb-container-padding, 4vw)',
+            maxWidth: 'var(--bb-container-width, 100%)',
         },
         '.container-inner': {
             'box-sizing': 'border-box',
-            paddingLeft: 'calc( (100vw - var(--b_maxWidth, 100%)) / 2 + calc( var(--b_padding, 4vw) / 2 ) )',
-            paddingRight: 'calc( (100vw - var(--b_maxWidth, 100%)) / 2 + calc( var(--b_padding, 4vw) / 2 ) )',
+            paddingLeft: 'calc( (100vw - var(--bb-container-width, 100%)) / 2 + calc( var(--bb-container-padding, 4vw) / 2 ) )',
+            paddingRight: 'calc( (100vw - var(--bb-container-width, 100%)) / 2 + calc( var(--bb-container-padding, 4vw) / 2 ) )',
         },
         '.container-inner-left': {
             'box-sizing': 'border-box',
-            paddingLeft: 'calc( (100vw - var(--b_maxWidth, 100%)) / 2 + calc( var(--b_padding, 4vw) / 2 ) )',
-            paddingRight: 'var(--b_padding, 4vw)',
+            paddingLeft: 'calc( (100vw - var(--bb-container-width, 100%)) / 2 + calc( var(--bb-container-padding, 4vw) / 2 ) )',
+            paddingRight: 'var(--bb-container-padding, 4vw)',
         },
         '.container-inner-right': {
             'box-sizing': 'border-box',
-            paddingLeft: 'var(--b_padding, 4vw)',
-            paddingRight: 'calc( (100vw - var(--b_maxWidth, 100%)) / 2 + calc( var(--b_padding, 4vw) / 2 ) )',
+            paddingLeft: 'var(--bb-container-padding, 4vw)',
+            paddingRight: 'calc( (100vw - var(--bb-container-width, 100%)) / 2 + calc( var(--bb-container-padding, 4vw) / 2 ) )',
         },
     };
     addComponents(components, { variants: ['responsive'] });

package/dist/plugins/grid-area.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("node_modules/tailwindcss/dist/types-WlZgYgM8.mjs").b;
+declare const _default: import("node_modules/tailwindcss/dist/types-CJYAW1ql.mjs").b;
 export default _default;

package/dist/plugins/mask.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("node_modules/tailwindcss/dist/types-WlZgYgM8.mjs").b;
+declare const _default: import("node_modules/tailwindcss/dist/types-CJYAW1ql.mjs").b;
 export default _default;

package/dist/variants/children.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("node_modules/tailwindcss/dist/types-CJYAW1ql.mjs").b;
+export default _default;

package/dist/variants/children.js

@@ -0,0 +1,4 @@
+import plugin from 'tailwindcss/plugin';
+export default plugin(function ({ addVariant }) {
+    addVariant('children', '& > *');
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockbite/tailwind",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "helper for blockbite plugin and blockbite theme",
   "type": "module",
   "main": "dist/index.js",
@@ -26,7 +26,7 @@
     "npm": "^11.3.0",
     "tailwind-scrollbar": "^4.0.2",
     "user": "^0.0.0",
-    "@blockbite/libraries": "0.12.0"
+    "@blockbite/libraries": "0.12.1"
   },
   "publishConfig": {
     "access": "public"