design-system-silkhaus 0.0.12 → 0.0.13

package/dist/index.cjs

@@ -3681,7 +3681,7 @@ const CardFooter = React__namespace.forwardRef(
 );
 CardFooter.displayName = "Footer";
 const gridVariants = cva(
-  "grid mobile:grid-cols-4 mobile:gap-space150 tablet:grid-cols-6 tablet:gap-space200 desktop:grid-cols-12 desktop:gap-space300 wide_desktop:grid-cols-12 wide_desktop:gap-space300 max-w-[1920px] w-full",
+  "grid grid-cols-4 gap-6 mobile:grid-cols-4 mobile:gap-6 tablet:grid-cols-6 tablet:gap-8 desktop:grid-cols-12 desktop:gap-10 wide_desktop:grid-cols-12 wide_desktop:gap-10 w-full",
   {
     variants: {
       display: {
@@ -3689,6 +3689,7 @@ const gridVariants = cva(
         inlineGrid: "inline-grid"
       },
       gap: {
+        gap0: "gap0",
         gap100: "gap-100",
         gap150: "gap-150",
         gap200: "gap-200",
@@ -3702,6 +3703,7 @@ const gridVariants = cva(
         gap2000: "gap-2000"
       },
       gapX: {
+        gap0: "gap-x-0",
         gap100: "gap-x-100",
         gap150: "gap-x-150",
         gap200: "gap-x-200",
@@ -3715,17 +3717,18 @@ const gridVariants = cva(
         gap2000: "gap-x-2000"
       },
       gapY: {
-        gap100: "gap-x-100",
-        gap150: "gap-x-150",
-        gap200: "gap-x-200",
-        gap300: "gap-x-300",
-        gap400: "gap-x-400",
-        gap600: "gap-x-600",
-        gap800: "gap-x-800",
-        gap1000: "gap-x-1000",
-        gap1200: "gap-x-1200",
-        gap1600: "gap-x-1600",
-        gap2000: "gap-x-2000"
+        gap0: "gap-y-0",
+        gap100: "gap-y-100",
+        gap150: "gap-y-150",
+        gap200: "gap-y-200",
+        gap300: "gap-y-300",
+        gap400: "gap-y-400",
+        gap600: "gap-y-600",
+        gap800: "gap-y-800",
+        gap1000: "gap-y-1000",
+        gap1200: "gap-y-1200",
+        gap1600: "gap-y-1600",
+        gap2000: "gap-y-2000"
       },
       justifyContent: {
         normal: "justify-normal",

package/dist/index.d.ts

@@ -44,9 +44,9 @@ export declare type GridVariantProps = VariantProps<typeof gridVariants>;
 
 declare const gridVariants: (props?: ({
     display?: "grid" | "inlineGrid" | null | undefined;
-    gap?: "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
-    gapX?: "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
-    gapY?: "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
+    gap?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
+    gapX?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
+    gapY?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
     justifyContent?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | null | undefined;
     justifyItems?: "start" | "end" | "center" | "stretch" | null | undefined;
     alignContent?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;

package/dist/index.js

@@ -3663,7 +3663,7 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "Footer";
 const gridVariants = cva(
-  "grid mobile:grid-cols-4 mobile:gap-space150 tablet:grid-cols-6 tablet:gap-space200 desktop:grid-cols-12 desktop:gap-space300 wide_desktop:grid-cols-12 wide_desktop:gap-space300 max-w-[1920px] w-full",
+  "grid grid-cols-4 gap-6 mobile:grid-cols-4 mobile:gap-6 tablet:grid-cols-6 tablet:gap-8 desktop:grid-cols-12 desktop:gap-10 wide_desktop:grid-cols-12 wide_desktop:gap-10 w-full",
   {
     variants: {
       display: {
@@ -3671,6 +3671,7 @@ const gridVariants = cva(
         inlineGrid: "inline-grid"
       },
       gap: {
+        gap0: "gap0",
         gap100: "gap-100",
         gap150: "gap-150",
         gap200: "gap-200",
@@ -3684,6 +3685,7 @@ const gridVariants = cva(
         gap2000: "gap-2000"
       },
       gapX: {
+        gap0: "gap-x-0",
         gap100: "gap-x-100",
         gap150: "gap-x-150",
         gap200: "gap-x-200",
@@ -3697,17 +3699,18 @@ const gridVariants = cva(
         gap2000: "gap-x-2000"
       },
       gapY: {
-        gap100: "gap-x-100",
-        gap150: "gap-x-150",
-        gap200: "gap-x-200",
-        gap300: "gap-x-300",
-        gap400: "gap-x-400",
-        gap600: "gap-x-600",
-        gap800: "gap-x-800",
-        gap1000: "gap-x-1000",
-        gap1200: "gap-x-1200",
-        gap1600: "gap-x-1600",
-        gap2000: "gap-x-2000"
+        gap0: "gap-y-0",
+        gap100: "gap-y-100",
+        gap150: "gap-y-150",
+        gap200: "gap-y-200",
+        gap300: "gap-y-300",
+        gap400: "gap-y-400",
+        gap600: "gap-y-600",
+        gap800: "gap-y-800",
+        gap1000: "gap-y-1000",
+        gap1200: "gap-y-1200",
+        gap1600: "gap-y-1600",
+        gap2000: "gap-y-2000"
       },
       justifyContent: {
         normal: "justify-normal",

package/dist/style.css

@@ -4711,9 +4711,6 @@ video {
 .max-w-96 {
   max-width: 24rem;
 }
-.max-w-\[1920px\] {
-  max-width: 1920px;
-}
 .max-w-fit {
   max-width: -moz-fit-content;
   max-width: fit-content;
@@ -268086,8 +268083,8 @@ video {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
-  .mobile\:gap-space150 {
-    gap: 0.75rem;
+  .mobile\:gap-6 {
+    gap: 1.5rem;
   }
 }
 @media (min-width: 768px) {
@@ -268096,8 +268093,8 @@ video {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
 
-  .tablet\:gap-space200 {
-    gap: 1rem;
+  .tablet\:gap-8 {
+    gap: 2rem;
   }
 }
 @media (min-width: 1280px) {
@@ -268106,8 +268103,8 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
 
-  .desktop\:gap-space300 {
-    gap: 1.5rem;
+  .desktop\:gap-10 {
+    gap: 2.5rem;
   }
 }
 @media (min-width: 1440px) {
@@ -268116,7 +268113,7 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
 
-  .wide_desktop\:gap-space300 {
-    gap: 1.5rem;
+  .wide_desktop\:gap-10 {
+    gap: 2.5rem;
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-system-silkhaus",
   "private": false,
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "A template for creating React component libraries with Vite, Tailwind, and Storybook.",
   "author": "meet-codevyasa",
   "license": "MIT",