@faststore/ui 2.0.154-alpha.0 → 2.0.169-alpha.0

package/dist/components/organisms/Tiles/Tile.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 const Tile = forwardRef(function Tile({ testId = 'store-tile', children, ...otherProps }, ref) {
-    return (React.createElement("li", { ref: ref, "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
+    return (React.createElement("li", { ref: ref, role: "listitem", "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
 });
 export default Tile;
 //# sourceMappingURL=Tile.js.map

package/dist/components/organisms/Tiles/Tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/organisms/Tiles/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,IAAI,GAAG,UAAU,CAA2B,SAAS,IAAI,CAC7D,EAAE,MAAM,GAAG,YAAY,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAClD,GAAG;IAEH,OAAO,CACL,4BAAI,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU,IAC3D,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/organisms/Tiles/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,IAAI,GAAG,UAAU,CAA2B,SAAS,IAAI,CAC7D,EAAE,MAAM,GAAG,YAAY,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAClD,GAAG;IAEH,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,uCAEF,MAAM,KACf,UAAU,IAEb,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/components/organisms/Tiles/Tiles.js

@@ -24,7 +24,7 @@ const Tiles = forwardRef(function Tiles({ testId = 'store-tiles', children, ...o
         : childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO
             ? 'expanded-first-two'
             : '';
-    return (React.createElement("ul", { ref: ref, "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-testid": testId, ...otherProps }, children));
+    return (React.createElement("ul", { ref: ref, role: "list", "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-testid": testId, ...otherProps }, children));
 });
 export default Tiles;
 //# sourceMappingURL=Tiles.js.map

package/dist/components/organisms/Tiles/Tiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tiles.js","sourceRoot":"","sources":["../../../../src/components/organisms/Tiles/Tiles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAA;AAUxB,MAAM,YAAY,GAAG,CAAC,CAAA;AACtB,MAAM,YAAY,GAAG,CAAC,CAAA;AACtB,MAAM,gCAAgC,GAAG,CAAC,CAAA;AAC1C,MAAM,4BAA4B,GAAG,CAAC,CAAA;AAEtC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CACnE,EAAE,MAAM,GAAG,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACnD,GAAG;IAEH,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAE9C,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,MAAM,aAAa,GACjB,aAAa,GAAG,YAAY,IAAI,aAAa,GAAG,YAAY,CAAA;QAE9D,IAAI,aAAa,EAAE;YACjB,MAAM,IAAI,KAAK,CACb,kCAAkC,YAAY,iBAAiB,YAAY,YAAY,CACxF,CAAA;SACF;KACF;IAED,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,QAAQ,CAAC,OAAO,CAAC,QAAwB,EAAE,CAAC,KAAK,EAAE,EAAE;YACnD,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE;gBACvB,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;aAC7D;QACH,CAAC,CAAC,CAAA;KACH;IAED,MAAM,aAAa,GACjB,aAAa,KAAK,4BAA4B;QAC5C,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,aAAa,KAAK,gCAAgC;YACpD,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,kDAEe,aAAa,iBACvB,MAAM,KACf,UAAU,IAEb,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Tiles.js","sourceRoot":"","sources":["../../../../src/components/organisms/Tiles/Tiles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAA;AAUxB,MAAM,YAAY,GAAG,CAAC,CAAA;AACtB,MAAM,YAAY,GAAG,CAAC,CAAA;AACtB,MAAM,gCAAgC,GAAG,CAAC,CAAA;AAC1C,MAAM,4BAA4B,GAAG,CAAC,CAAA;AAEtC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CACnE,EAAE,MAAM,GAAG,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACnD,GAAG;IAEH,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAE9C,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,MAAM,aAAa,GACjB,aAAa,GAAG,YAAY,IAAI,aAAa,GAAG,YAAY,CAAA;QAE9D,IAAI,aAAa,EAAE;YACjB,MAAM,IAAI,KAAK,CACb,kCAAkC,YAAY,iBAAiB,YAAY,YAAY,CACxF,CAAA;SACF;KACF;IAED,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,QAAQ,CAAC,OAAO,CAAC,QAAwB,EAAE,CAAC,KAAK,EAAE,EAAE;YACnD,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE;gBACvB,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;aAC7D;QACH,CAAC,CAAC,CAAA;KACH;IAED,MAAM,aAAa,GACjB,aAAa,KAAK,4BAA4B;QAC5C,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,aAAa,KAAK,gCAAgC;YACpD,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,kDAEY,aAAa,iBACvB,MAAM,KACf,UAAU,IAEb,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "2.0.154-alpha.0",
+  "version": "2.0.169-alpha.0",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -58,5 +58,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "f2f4fe80c11a4523ef1dd6827e6c1cf998908c24"
+  "gitHead": "243d208d99b39628236e7e86491b22621d54127e"
 }

package/src/components/molecules/Accordion/styles.scss

@@ -37,7 +37,29 @@
     }
   }
 
-  [data-fs-accordion-button] { width: 100%; }
+  [data-fs-accordion-button] {
+    width: 100%;
+
+    &:active [data-fs-button-wrapper] {
+      color: var(--fs-accordion-button-color);
+      background-color: var(--fs-accordion-button-bkg-color);
+    }
+
+    &:hover [data-fs-button-wrapper] {
+      color: var(--fs-accordion-button-color);
+      background-color: var(--fs-accordion-button-bkg-color);
+    }
+
+    &:focus [data-fs-button-wrapper] {
+      color: var(--fs-accordion-button-color);
+      background-color: var(--fs-accordion-button-bkg-color);
+    }
+
+    &:focus-visible [data-fs-button-wrapper] {
+      color: var(--fs-accordion-button-color);
+      background-color: var(--fs-accordion-button-bkg-color);
+    }
+  }
 
   [data-fs-accordion-button] [data-fs-button-wrapper] {
     display: inline-flex;

package/src/components/organisms/Tiles/Tile.tsx

@@ -14,7 +14,13 @@ const Tile = forwardRef<HTMLLIElement, TileProps>(function Tile(
   ref
 ) {
   return (
-    <li ref={ref} data-fs-tile data-testid={testId} {...otherProps}>
+    <li
+      ref={ref}
+      role="listitem"
+      data-fs-tile
+      data-testid={testId}
+      {...otherProps}
+    >
       {children}
     </li>
   )

package/src/components/organisms/Tiles/Tiles.tsx

@@ -51,6 +51,7 @@ const Tiles = forwardRef<HTMLUListElement, TilesProps>(function Tiles(
   return (
     <ul
       ref={ref}
+      role="list"
       data-fs-tiles
       data-fs-tiles-variant={expandedClass}
       data-testid={testId}

package/src/styles/base.scss

@@ -1,5 +1,5 @@
+@import "./base/reset";
 @import "./base/utilities";
 @import "./base/typography";
-@import "./base/reset";
 @import "./base/tokens";
 @import "./base/layout";