@adobe-commerce/elsie 1.6.0 → 1.7.0-beta1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe-commerce/elsie",
-  "version": "1.6.0",
+  "version": "1.7.0-beta1",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "Domain Package SDK",
   "engines": {
@@ -58,7 +58,6 @@
     "@storybook/preact": "^8.2.3",
     "@storybook/preact-vite": "^8.2.3",
     "@storybook/preact-webpack5": "^8.2.3",
-    "@storybook/storybook-deployer": "^2.8.16",
     "@storybook/test": "^8.2.3",
     "@storybook/test-runner": "^0.19.1",
     "@storybook/theming": "^8.2.3",

package/src/components/CartItem/CartItem.css

@@ -45,6 +45,16 @@
   height: auto;
 }
 
+.dropin-cart-item__image:is(a),
+.dropin-cart-item__image a {
+  display: inline-block;
+}
+
+.dropin-cart-item__image:is(a) img,
+.dropin-cart-item__image a img {
+  display: block;
+}
+
 .dropin-cart-item__title {
   font: var(--type-body-1-default-font);
   letter-spacing: var(--type-body-1-default-letter-spacing);
@@ -283,7 +293,8 @@
 }
 
 /*  Smallish / Medium */
-@container cart-item (width >= 400px) and (width < 737px) {
+@container cart-item (width >=400px) and (width < 737px) {
+
   .dropin-cart-item__title,
   .dropin-cart-item__sku,
   .dropin-cart-item__attributes,
@@ -313,7 +324,8 @@
 }
 
 /* Large */
-@container cart-item (width >= 737px) and (width < 1192px) {
+@container cart-item (width >=737px) and (width < 1192px) {
+
   /* Grid */
   .dropin-cart-item__wrapper {
     grid-template-columns: repeat(12, 1fr);
@@ -391,7 +403,7 @@
 }
 
 /* Extra Large */
-@container cart-item (width >= 1192px) {
+@container cart-item (width >=1192px) {
   .dropin-cart-item {
     --item-group-spacing: var(--spacing-xxsmall);
     --group-spacing: var(--spacing-small);

package/src/components/UIProvider/normalize.css

@@ -2,14 +2,15 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 .dropin-design a {
   --textColor: var(--color-brand-500);
   color: var(--textColor);
+  border: var(--shape-border-width-1) solid transparent;
   text-decoration: none;
 }
 

package/src/lib/debounce.ts

@@ -9,8 +9,12 @@
 
 export const debounce = (fn: Function, ms: number) => {
   let timeoutId: ReturnType<typeof setTimeout>;
-  return function (this: any, ...args: any[]) {
+  const debouncedFn = function (this: any, ...args: any[]) {
     clearTimeout(timeoutId);
     timeoutId = setTimeout(() => fn.apply(this, args), ms);
   };
+  debouncedFn.cancel = () => {
+    clearTimeout(timeoutId);
+  };
+  return debouncedFn;
 };