@godaddy/gd-commerce-storefront 0.2.0 → 0.4.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;
@@ -68,12 +71,14 @@
     font-family: inherit;
     line-height: 1.5;
   }
-.commerce-storefront :where(*) {
+.commerce-storefront :where(*:not(.commerce-part)) {
     color: inherit;
     font-family: inherit;
   }
 .commerce-storefront *, .commerce-storefront *::before, .commerce-storefront *::after {
     box-sizing: border-box;
+  }
+.commerce-storefront :where(*:not(.commerce-part)), .commerce-storefront *::before, .commerce-storefront *::after {
     border-width: 0;
     border-style: solid;
   }
@@ -119,6 +124,9 @@
     white-space: nowrap;
     border-width: 0;
   }
+.commerce-storefront .pointer-events-none {
+    pointer-events: none;
+  }
 .commerce-storefront .sr-only {
     position: absolute;
     width: 1px;
@@ -130,30 +138,54 @@
     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;
   }
 .commerce-storefront .z-50 {
     z-index: 50;
   }
+.commerce-storefront .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
 .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);
   }
@@ -199,6 +231,9 @@
 .commerce-storefront .grid {
     display: grid;
   }
+.commerce-storefront .hidden {
+    display: none;
+  }
 .commerce-storefront .inline-flex {
     display: inline-flex;
   }
@@ -229,6 +264,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);
   }
@@ -265,6 +303,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));
   }
@@ -493,6 +538,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);
   }
@@ -624,6 +672,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;
@@ -806,6 +859,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.2.0",
+  "version": "0.4.0",
   "description": "Opinionated React storefront templates for GoDaddy Commerce",
   "type": "module",
   "license": "MIT",