@atom-learning/components 6.17.0-beta.0 → 6.17.0-beta.1

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 (5) hide show
  1. package/dist/components/carousel/CarouselSlide.js +1 -1
  2. package/dist/components/carousel/CarouselSlide.js.map +1 -1
  3. package/dist/index.cjs.js +1 -1
  4. package/dist/index.cjs.js.map +1 -1
  5. package/package.json +1 -1
package/dist/components/carousel/CarouselSlide.js CHANGED
@@ -10,7 +10,7 @@ var CarouselSlide = ({ children, className, index, ...rest }) => {
10
10
  "aria-selected": isSelected,
11
11
  className: cn("basis-full", "shrink-0", className),
12
12
  ...rest
13
- }, /* @__PURE__ */ React$1.createElement("div", { className: "grid place-items-center px-3" }, children));
13
+ }, /* @__PURE__ */ React$1.createElement("div", { className: "flex items-center justify-center px-3" }, children));
14
14
  };
15
15
  //#endregion
16
16
  export { CarouselSlide };
package/dist/components/carousel/CarouselSlide.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselSlide.js","names":[],"sources":["../../../src/components/carousel/CarouselSlide.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { useCarousel } from './Carousel'\n\nexport const CarouselSlide = ({\n children,\n className,\n index,\n ...rest\n}: React.PropsWithChildren<\n { index: number } & React.HTMLAttributes<HTMLDivElement>\n>) => {\n const { selectedIndex } = useCarousel()\n const isSelected = selectedIndex === index\n\n return (\n <div\n role=\"option\"\n aria-selected={isSelected}\n className={cn('basis-full', 'shrink-0', className)}\n {...rest}\n >\n {/* padding to create the gap between slides */}\n <div className=\"grid place-items-center px-3\">{children}</div>\n </div>\n )\n}\n"],"mappings":";;;;AAMA,IAAa,iBAAiB,EAC5B,UACA,WACA,OACA,GAAG,WAGC;CACJ,MAAM,EAAE,kBAAkB,aAAa;CACvC,MAAM,aAAa,kBAAkB;AAErC,QACE,wBAAA,cAAC,OAAD;EACE,MAAK;EACL,iBAAe;EACf,WAAW,GAAG,cAAc,YAAY,UAAU;EAClD,GAAI;EAIA,EADJ,wBAAA,cAAC,OAAD,EAAK,WAAU,gCAA+C,EAAf,SAAe,CAC1D"}
1
+ {"version":3,"file":"CarouselSlide.js","names":[],"sources":["../../../src/components/carousel/CarouselSlide.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { useCarousel } from './Carousel'\n\nexport const CarouselSlide = ({\n children,\n className,\n index,\n ...rest\n}: React.PropsWithChildren<\n { index: number } & React.HTMLAttributes<HTMLDivElement>\n>) => {\n const { selectedIndex } = useCarousel()\n const isSelected = selectedIndex === index\n\n return (\n <div\n role=\"option\"\n aria-selected={isSelected}\n className={cn('basis-full', 'shrink-0', className)}\n {...rest}\n >\n {/* padding to create the gap between slides */}\n <div className=\"flex items-center justify-center px-3\">{children}</div>\n </div>\n )\n}\n"],"mappings":";;;;AAMA,IAAa,iBAAiB,EAC5B,UACA,WACA,OACA,GAAG,WAGC;CACJ,MAAM,EAAE,kBAAkB,aAAa;CACvC,MAAM,aAAa,kBAAkB;AAErC,QACE,wBAAA,cAAC,OAAD;EACE,MAAK;EACL,iBAAe;EACf,WAAW,GAAG,cAAc,YAAY,UAAU;EAClD,GAAI;EAIA,EADJ,wBAAA,cAAC,OAAD,EAAK,WAAU,yCAAwD,EAAf,SAAe,CACnE"}
package/dist/index.cjs.js CHANGED
@@ -2204,7 +2204,7 @@ var CarouselSlide = ({ children, className, index, ...rest }) => {
2204
2204
  "aria-selected": isSelected,
2205
2205
  className: cn("basis-full", "shrink-0", className),
2206
2206
  ...rest
2207
- }, /* @__PURE__ */ react.createElement("div", { className: "grid place-items-center px-3" }, children));
2207
+ }, /* @__PURE__ */ react.createElement("div", { className: "flex items-center justify-center px-3" }, children));
2208
2208
  };
2209
2209
  //#endregion
2210
2210
  //#region src/components/carousel/CarouselSlider.tsx