@godaddy/gd-commerce-storefront 0.3.0 → 0.5.0

package/dist/styles.css

@@ -1,6 +1,9 @@
 /*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
 @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     .commerce-storefront *, .commerce-storefront ::before, .commerce-storefront ::after, .commerce-storefront ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
       --tw-space-y-reverse: 0;
       --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
@@ -121,6 +124,12 @@
     white-space: nowrap;
     border-width: 0;
   }
+.commerce-storefront .pointer-events-auto {
+    pointer-events: auto;
+  }
+.commerce-storefront .pointer-events-none {
+    pointer-events: none;
+  }
 .commerce-storefront .sr-only {
     position: absolute;
     width: 1px;
@@ -132,20 +141,29 @@
     white-space: nowrap;
     border-width: 0;
   }
+.commerce-storefront .absolute {
+    position: absolute;
+  }
 .commerce-storefront .fixed {
     position: fixed;
   }
+.commerce-storefront .relative {
+    position: relative;
+  }
+.commerce-storefront .static {
+    position: static;
+  }
 .commerce-storefront .sticky {
     position: sticky;
   }
 .commerce-storefront .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
-.commerce-storefront .inset-y-0 {
-    inset-block: calc(var(--spacing) * 0);
+.commerce-storefront .top-1\/2 {
+    top: calc(1/2 * 100%);
   }
-.commerce-storefront .right-0 {
-    right: calc(var(--spacing) * 0);
+.commerce-storefront .right-3 {
+    right: calc(var(--spacing) * 3);
   }
 .commerce-storefront .z-40 {
     z-index: 40;
@@ -153,12 +171,36 @@
 .commerce-storefront .z-50 {
     z-index: 50;
   }
+.commerce-storefront .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+.commerce-storefront .container {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
 .commerce-storefront .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
 .commerce-storefront .my-8 {
     margin-block: calc(var(--spacing) * 8);
   }
+.commerce-storefront .-mt-4 {
+    margin-top: calc(var(--spacing) * -4);
+  }
 .commerce-storefront .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
@@ -180,8 +222,8 @@
 .commerce-storefront .mt-auto {
     margin-top: auto;
   }
-.commerce-storefront .mb-0 {
-    margin-bottom: calc(var(--spacing) * 0);
+.commerce-storefront .mr-auto {
+    margin-right: auto;
   }
 .commerce-storefront .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
@@ -207,6 +249,9 @@
 .commerce-storefront .grid {
     display: grid;
   }
+.commerce-storefront .hidden {
+    display: none;
+  }
 .commerce-storefront .inline-flex {
     display: inline-flex;
   }
@@ -237,6 +282,9 @@
 .commerce-storefront .w-2\/3 {
     width: calc(2/3 * 100%);
   }
+.commerce-storefront .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
 .commerce-storefront .w-20 {
     width: calc(var(--spacing) * 20);
   }
@@ -273,6 +321,13 @@
 .commerce-storefront .shrink-0 {
     flex-shrink: 0;
   }
+.commerce-storefront .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+.commerce-storefront .appearance-none {
+    appearance: none;
+  }
 .commerce-storefront .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -300,6 +355,9 @@
 .commerce-storefront .justify-center {
     justify-content: center;
   }
+.commerce-storefront .justify-end {
+    justify-content: flex-end;
+  }
 .commerce-storefront .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -501,6 +559,9 @@
 .commerce-storefront .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }
+.commerce-storefront .pr-10 {
+    padding-right: calc(var(--spacing) * 10);
+  }
 .commerce-storefront .pb-10 {
     padding-bottom: calc(var(--spacing) * 10);
   }
@@ -632,6 +693,11 @@
       outline-width: 2px;
     }
   }
+.commerce-storefront .focus-visible\:-outline-offset-4 {
+    &:focus-visible {
+      outline-offset: calc(4px * -1);
+    }
+  }
 .commerce-storefront .focus-visible\:outline-offset-2 {
     &:focus-visible {
       outline-offset: 2px;
@@ -814,6 +880,21 @@
       line-height: var(--tw-leading, var(--text-6xl--line-height));
     }
   }
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godaddy/gd-commerce-storefront",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Opinionated React storefront templates for GoDaddy Commerce",
   "type": "module",
   "license": "MIT",