@adriansteffan/reactive 0.0.31 → 0.0.33

package/dist/{web-D0E0X8r4.js → web-CPiYvLVz.js}

@@ -1,4 +1,4 @@
-import { W as e } from "./mod-OYK5S6rI.js";
+import { W as e } from "./mod-E7J43-ME.js";
 class s extends e {
   async enable() {
     console.log("Immersive mode is only available on Android");

package/dist/{web-GcUUyn5k.js → web-a2dmy96o.js}

@@ -1,4 +1,4 @@
-import { W as P, b as x, E } from "./mod-OYK5S6rI.js";
+import { W as P, b as x, E } from "./mod-E7J43-ME.js";
 function m(w) {
   const e = w.split("/").filter((t) => t !== "."), r = [];
   return e.forEach((t) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adriansteffan/reactive",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -23,7 +23,6 @@
       "types": "./dist/mod.d.ts"
     },
     "./style.css": "./dist/style.css",
-    "./preset.css": "./dist/preset.css",
     "./array": {
       "import": "./dist/reactive.es.js",
       "require": "./dist/reactive.umd.js",

package/src/components/experimentrunner.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+import '../index.css';
 import { ExperimentConfig, Store, Param, now } from '../utils/common';
 import { useCallback, useEffect, useMemo, useRef, useState, ComponentType } from 'react';
 import {

package/src/mod.tsx

@@ -4,4 +4,6 @@ export type { BaseComponentProps, ExperimentConfig };
 
 export * from './utils/array';
 export * from './utils/common';
-export * from './components';
+export * from './components';
+
+export { toast } from 'react-toastify';

package/template/src/index.css

@@ -1,3 +1,3 @@
-@import '@adriansteffan/reactive/preset.css';
+@import '@adriansteffan/reactive/style.css';
 @import 'tailwindcss';
 @plugin '@tailwindcss/typography';

package/vite.config.ts

@@ -2,9 +2,7 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import { resolve } from 'path';
 import dts from 'vite-plugin-dts';
-import { viteStaticCopy } from 'vite-plugin-static-copy';
 import tailwindcssPostcss from '@tailwindcss/postcss';
-import tailwindcss from 'tailwindcss';
 import autoprefixer from 'autoprefixer';
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -14,15 +12,6 @@ export default defineConfig(() => {
     plugins: [
       react(),
       dts({ include: ['src'] , rollupTypes: true}),
-      viteStaticCopy({
-        targets: [
-          {
-            src: 'src/index.css',
-            dest: '.',
-            rename: 'preset.css',
-          },
-        ],
-      }),
     ],
     css: {
       postcss: {

package/dist/preset.css

@@ -1,134 +0,0 @@
-@import 'tailwindcss';
-
-@source '../dist/**/*.{js,ts,jsx,tsx}';
-
-@theme {
-  --font-*: initial;
-  --font-sans: Atkinson Hyperlegible, sans-serif;
-  --font-atkinson: Atkinson Hyperlegible, sans-serif;
-
-  --animate-slide-down: slideDown 0.8s ease-out forwards;
-  --animate-fade-in: fadeIn 0.5s ease-out forwards;
-
-  @keyframes slideDown {
-    0% {
-      transform: translateY(-10px);
-      opacity: 0;
-    }
-    100% {
-      transform: translateY(0);
-      opacity: 1;
-    }
-  }
-  @keyframes fadeIn {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-}
-
-
-@keyframes slideDown {
-  0% {
-    transform: translateY(-10px);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-/*
-  The default border color has changed to `currentColor` in Tailwind CSS v4,
-  so we've added these compatibility styles to make sure everything still
-  looks the same as it did with Tailwind CSS v3.
-
-  If we ever want to remove these styles, we need to add an explicit border
-  color utility to any element that depends on these defaults.
-*/
-@layer base {
-  *,
-  ::after,
-  ::before,
-  ::backdrop,
-  ::file-selector-button {
-    border-color: var(--color-gray-200, currentColor);
-  }
-}
-
-:root {
-  --font-atkinson: 'Atkinson Hyperlegible', system-ui, sans-serif;
-}
-
-* {
-  -webkit-touch-callout: none;
-}
-
-@font-face {
-  font-family: 'Atkinson Hyperlegible';
-  src: url('/Atkinson_Hyperlegible/AtkinsonHyperlegible-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Atkinson Hyperlegible';
-  src: url('/Atkinson_Hyperlegible/AtkinsonHyperlegible-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Atkinson Hyperlegible';
-  src: url('/Atkinson_Hyperlegible/AtkinsonHyperlegible-Italic.ttf') format('truetype');
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Atkinson Hyperlegible';
-  src: url('/Atkinson_Hyperlegible/AtkinsonHyperlegible-BoldItalic.ttf') format('truetype');
-  font-weight: 700;
-  font-style: italic;
-}
-
-/* customization for the surveyjs elements - a bit hacky and broken*/
-.sd-root-modern {
-  background-color: white !important;
-  background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
-  background-size: 16px 16px;
-  position: relative; /* Make sure position is set for proper rendering */
-  font-family: 'Atkinson Hyperlegible', sans-serif; /* Added this line */
-}
-
-.sd-root-modern * {
-  font-family: 'Atkinson Hyperlegible', sans-serif;
-}
-
-/* for the rating group panel, maybe we can move that into the component at some point*/
-.sd-row,
-.sd-clearfix {
-  padding-bottom: 20px !important;
-}
-
-/* fix pet peeve in surveyjs */
-@media (max-width: 639px) {
-  .sd-imagepicker__item--inline {
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 10px;
-  }
-}