@charcoal-ui/react-sandbox 4.0.1 → 4.2.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 (40) hide show
  1. package/dist/_lib/ComponentAbstraction.d.ts +4 -3
  2. package/dist/_lib/ComponentAbstraction.d.ts.map +1 -1
  3. package/dist/components/Carousel/index.d.ts +1 -1
  4. package/dist/components/Carousel/index.d.ts.map +1 -1
  5. package/dist/components/CarouselButton/index.d.ts +2 -2
  6. package/dist/components/CarouselButton/index.d.ts.map +1 -1
  7. package/dist/components/Filter/index.d.ts +1 -1
  8. package/dist/components/Filter/index.d.ts.map +1 -1
  9. package/dist/components/HintText/index.d.ts +1 -1
  10. package/dist/components/HintText/index.d.ts.map +1 -1
  11. package/dist/components/Layout/index.d.ts +4 -4
  12. package/dist/components/Layout/index.d.ts.map +1 -1
  13. package/dist/components/LeftMenu/index.d.ts +2 -2
  14. package/dist/components/LeftMenu/index.d.ts.map +1 -1
  15. package/dist/components/MenuListItem/index.d.ts +4 -4
  16. package/dist/components/MenuListItem/index.d.ts.map +1 -1
  17. package/dist/components/Pager/index.d.ts +1 -1
  18. package/dist/components/Pager/index.d.ts.map +1 -1
  19. package/dist/components/icons/Base.d.ts +2 -2
  20. package/dist/components/icons/Base.d.ts.map +1 -1
  21. package/dist/components/icons/DotsIcon.d.ts +1 -1
  22. package/dist/components/icons/DotsIcon.d.ts.map +1 -1
  23. package/dist/components/icons/InfoIcon.d.ts +1 -1
  24. package/dist/components/icons/InfoIcon.d.ts.map +1 -1
  25. package/dist/components/icons/NextIcon.d.ts +1 -1
  26. package/dist/components/icons/NextIcon.d.ts.map +1 -1
  27. package/dist/components/icons/WedgeIcon.d.ts +1 -1
  28. package/dist/components/icons/WedgeIcon.d.ts.map +1 -1
  29. package/dist/index.cjs.js +7 -11
  30. package/dist/index.cjs.js.map +1 -1
  31. package/dist/index.esm.js +7 -11
  32. package/dist/index.esm.js.map +1 -1
  33. package/package.json +13 -17
  34. package/src/_lib/ComponentAbstraction.tsx +2 -1
  35. package/src/components/Carousel/index.tsx +4 -4
  36. package/src/components/Filter/index.tsx +8 -7
  37. package/src/components/HintText/index.tsx +5 -4
  38. package/src/components/Pager/index.tsx +2 -2
  39. package/src/components/WithIcon/index.tsx +8 -3
  40. package/src/type.d.ts +1 -1
package/dist/index.esm.js CHANGED
@@ -175,12 +175,16 @@ function HintText({
175
175
  context,
176
176
  className
177
177
  }) {
178
- return /* @__PURE__ */ jsxs2(Container, { className, context, children: [
178
+ return /* @__PURE__ */ jsxs2(Container, { className, ...styledProps({
179
+ children,
180
+ context,
181
+ className
182
+ }), children: [
179
183
  /* @__PURE__ */ jsx5(IconWrap, { children: /* @__PURE__ */ jsx5(InfoIcon, {}) }),
180
184
  /* @__PURE__ */ jsx5(Text, { children })
181
185
  ] });
182
186
  }
183
- var Container = styled5.div.attrs(styledProps).withConfig({
187
+ var Container = styled5.div.withConfig({
184
188
  componentId: "ccl__sc-nb0aj3-0"
185
189
  })(["", " @media ", "{", "}display:flex;align-items:flex-start;", ""], (p) => theme((o) => [o.bg.surface3, o.borderRadius(8), o.padding.vertical(p.default.vertical), o.padding.horizontal(p.default.horizontal)]), ({
186
190
  theme: t
@@ -1096,15 +1100,7 @@ function Carousel({
1096
1100
  ] });
1097
1101
  }
1098
1102
  return /* @__PURE__ */ jsxs7(Container3, { ref: visibleAreaRef, children: [
1099
- /* @__PURE__ */ jsx13(
1100
- ScrollArea,
1101
- {
1102
- ref,
1103
- scrollLeft: styles.scroll,
1104
- onScroll: handleScrollMove,
1105
- children: /* @__PURE__ */ jsx13(CarouselContainer, { ref: innerRef, centerItems, children })
1106
- }
1107
- ),
1103
+ /* @__PURE__ */ jsx13(ScrollArea, { ref, scrollLeft: styles.scroll, onScroll: handleScrollMove, children: /* @__PURE__ */ jsx13(CarouselContainer, { ref: innerRef, centerItems, children }) }),
1108
1104
  /* @__PURE__ */ jsxs7(ButtonsContainer, { children: [
1109
1105
  /* @__PURE__ */ jsx13(CarouselButton, { direction: "left" /* Left */, show: leftShow, offset: buttonOffset, bottomOffset, padding: buttonPadding, onClick: handleLeft }),
1110
1106
  /* @__PURE__ */ jsx13(CarouselButton, { direction: "right" /* Right */, show: rightShow, offset: buttonOffset, bottomOffset, padding: buttonPadding, onClick: handleRight })