@superbuilders/incept-renderer 0.1.7 → 0.1.8

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 (7) hide show
  1. package/dist/components/index.js +5 -5
  2. package/dist/components/index.js.map +1 -1
  3. package/dist/index.js +5 -5
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles/themes.css +67 -0
  6. package/dist/styles/themes.css.map +1 -1
  7. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -750,18 +750,18 @@ function ChoiceInteractionRenderer({
750
750
  if (!isImagesOnly) return "space-y-2";
751
751
  switch (choiceCount) {
752
752
  case 4:
753
- return "grid grid-cols-2 gap-4";
753
+ return "qti-image-grid-4";
754
754
  case 3:
755
- return "grid grid-cols-3 gap-4";
755
+ return "qti-image-grid-3";
756
756
  case 2:
757
- return "max-w-3xl mx-auto grid grid-cols-2 gap-6";
757
+ return "qti-image-grid-2";
758
758
  default:
759
- return "grid grid-cols-2 md:grid-cols-3 gap-4";
759
+ return "qti-image-grid-many";
760
760
  }
761
761
  }, [isImagesOnly, choiceCount]);
762
762
  const imageCardClass = React3.useMemo(() => {
763
763
  if (!isImagesOnly) return "";
764
- return choiceCount === 2 ? "justify-center text-center [&_img]:max-h-52 md:[&_img]:max-h-60 ![&_img]:w-auto ![&_img]:h-auto ![&_img]:max-w-full ![&_img]:block [&_img]:mx-auto min-h-[220px] px-8 py-8" : "justify-center text-center [&_img]:max-h-40 md:[&_img]:max-h-48 ![&_img]:w-auto ![&_img]:h-auto ![&_img]:max-w-full ![&_img]:block [&_img]:mx-auto min-h-[180px]";
764
+ return choiceCount === 2 ? "qti-image-card qti-image-card-large" : "qti-image-card";
765
765
  }, [isImagesOnly, choiceCount]);
766
766
  const handleSingleChoice = (value) => {
767
767
  if (!disabled && onAnswerSelect) {