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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/organisms/Tiles/Tile.js +1 -1
  2. package/dist/components/organisms/Tiles/Tile.js.map +1 -1
  3. package/dist/components/organisms/Tiles/Tiles.js +1 -1
  4. package/dist/components/organisms/Tiles/Tiles.js.map +1 -1
  5. package/package.json +2 -2
  6. package/src/components/molecules/Accordion/styles.scss +23 -1
  7. package/src/components/organisms/Tiles/Tile.tsx +7 -1
  8. package/src/components/organisms/Tiles/Tiles.tsx +1 -0
package/dist/components/organisms/Tiles/Tile.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  const Tile = forwardRef(function Tile({ testId = 'store-tile', children, ...otherProps }, ref) {
3
- return (React.createElement("li", { ref: ref, "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
3
+ return (React.createElement("li", { ref: ref, role: "listitem", "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
4
4
  });
5
5
  export default Tile;
6
6
  //# sourceMappingURL=Tile.js.map
package/dist/components/organisms/Tiles/Tile.js.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -24,7 +24,7 @@ const Tiles = forwardRef(function Tiles({ testId = 'store-tiles', children, ...o
24
24
  : childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO
25
25
  ? 'expanded-first-two'
26
26
  : '';
27
- return (React.createElement("ul", { ref: ref, "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-testid": testId, ...otherProps }, children));
27
+ return (React.createElement("ul", { ref: ref, role: "list", "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-testid": testId, ...otherProps }, children));
28
28
  });
29
29
  export default Tiles;
30
30
  //# sourceMappingURL=Tiles.js.map
package/dist/components/organisms/Tiles/Tiles.js.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@faststore/ui",
3
- "version": "2.0.154-alpha.0",
3
+ "version": "2.0.160-alpha.0",
4
4
  "description": "A lightweight, framework agnostic component library for React",
5
5
  "author": "emersonlaurentino",
6
6
  "license": "MIT",
@@ -58,5 +58,5 @@
58
58
  "node": "16.18.0",
59
59
  "yarn": "1.19.1"
60
60
  },
61
- "gitHead": "f2f4fe80c11a4523ef1dd6827e6c1cf998908c24"
61
+ "gitHead": "d42bb6e77de062523931bfb3095807d5a0ecc3eb"
62
62
  }
package/src/components/molecules/Accordion/styles.scss CHANGED
@@ -37,7 +37,29 @@
37
37
  }
38
38
  }
39
39
 
40
- [data-fs-accordion-button] { width: 100%; }
40
+ [data-fs-accordion-button] {
41
+ width: 100%;
42
+
43
+ &:active [data-fs-button-wrapper] {
44
+ color: var(--fs-accordion-button-color);
45
+ background-color: var(--fs-accordion-button-bkg-color);
46
+ }
47
+
48
+ &:hover [data-fs-button-wrapper] {
49
+ color: var(--fs-accordion-button-color);
50
+ background-color: var(--fs-accordion-button-bkg-color);
51
+ }
52
+
53
+ &:focus [data-fs-button-wrapper] {
54
+ color: var(--fs-accordion-button-color);
55
+ background-color: var(--fs-accordion-button-bkg-color);
56
+ }
57
+
58
+ &:focus-visible [data-fs-button-wrapper] {
59
+ color: var(--fs-accordion-button-color);
60
+ background-color: var(--fs-accordion-button-bkg-color);
61
+ }
62
+ }
41
63
 
42
64
  [data-fs-accordion-button] [data-fs-button-wrapper] {
43
65
  display: inline-flex;
package/src/components/organisms/Tiles/Tile.tsx CHANGED
@@ -14,7 +14,13 @@ const Tile = forwardRef<HTMLLIElement, TileProps>(function Tile(
14
14
  ref
15
15
  ) {
16
16
  return (
17
- <li ref={ref} data-fs-tile data-testid={testId} {...otherProps}>
17
+ <li
18
+ ref={ref}
19
+ role="listitem"
20
+ data-fs-tile
21
+ data-testid={testId}
22
+ {...otherProps}
23
+ >
18
24
  {children}
19
25
  </li>
20
26
  )
package/src/components/organisms/Tiles/Tiles.tsx CHANGED
@@ -51,6 +51,7 @@ const Tiles = forwardRef<HTMLUListElement, TilesProps>(function Tiles(
51
51
  return (
52
52
  <ul
53
53
  ref={ref}
54
+ role="list"
54
55
  data-fs-tiles
55
56
  data-fs-tiles-variant={expandedClass}
56
57
  data-testid={testId}