@memori.ai/memori-react 8.38.4 → 9.0.0-alpha.0

package/src/components/ui/__snapshots__/Spin.test.tsx.snap

@@ -1,193 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders Spin spinning primary unchanged 1`] = `
-<div>
-  <div
-    class="memori-spin memori-spin--spinning memori-spin--primary"
-  >
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-    </p>
-    <h2>
-      Suspendisse a sodales nulla, sed semper nisi.
-    </h2>
-    <p>
-      Proin tincidunt enim in felis aliquet, a ultricies purus bibendum.
-    </p>
-    <ul>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-    </ul>
-    <p>
-      Nulla at urna diam.
-    </p>
-    <div
-      class="memori-spin--spinner"
-    >
-      <svg
-        aria-hidden="true"
-        class="memori-loading-icon"
-        focusable="false"
-        role="img"
-        viewBox="0 0 1024 1024"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-        />
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Spin spinning unchanged 1`] = `
-<div>
-  <div
-    class="memori-spin memori-spin--spinning"
-  >
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-    </p>
-    <h2>
-      Suspendisse a sodales nulla, sed semper nisi.
-    </h2>
-    <p>
-      Proin tincidunt enim in felis aliquet, a ultricies purus bibendum.
-    </p>
-    <ul>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-    </ul>
-    <p>
-      Nulla at urna diam.
-    </p>
-    <div
-      class="memori-spin--spinner"
-    >
-      <svg
-        aria-hidden="true"
-        class="memori-loading-icon"
-        focusable="false"
-        role="img"
-        viewBox="0 0 1024 1024"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-        />
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Spin unchanged 1`] = `
-<div>
-  <div
-    class="memori-spin"
-  >
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-    </p>
-    <h2>
-      Suspendisse a sodales nulla, sed semper nisi.
-    </h2>
-    <p>
-      Proin tincidunt enim in felis aliquet, a ultricies purus bibendum.
-    </p>
-    <ul>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-    </ul>
-    <p>
-      Nulla at urna diam.
-    </p>
-    <div
-      class="memori-spin--spinner"
-    >
-      <svg
-        aria-hidden="true"
-        class="memori-loading-icon"
-        focusable="false"
-        role="img"
-        viewBox="0 0 1024 1024"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-        />
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Spin with custom className unchanged 1`] = `
-<div>
-  <div
-    class="memori-spin lorem-ipsum"
-  >
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-    </p>
-    <h2>
-      Suspendisse a sodales nulla, sed semper nisi.
-    </h2>
-    <p>
-      Proin tincidunt enim in felis aliquet, a ultricies purus bibendum.
-    </p>
-    <ul>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-      <li>
-        Quisque in ultrices lectus.
-      </li>
-    </ul>
-    <p>
-      Nulla at urna diam.
-    </p>
-    <div
-      class="memori-spin--spinner"
-    >
-      <svg
-        aria-hidden="true"
-        class="memori-loading-icon"
-        focusable="false"
-        role="img"
-        viewBox="0 0 1024 1024"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-        />
-      </svg>
-    </div>
-  </div>
-</div>
-`;

package/src/components/ui/__snapshots__/Tooltip.test.tsx.snap

@@ -1,113 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders Tooltip aligned left unchanged 1`] = `
-<div>
-  <div
-    class="memori-tooltip memori-tooltip--align-left memori-tooltip--visible memori-tooltip--portal-open"
-  >
-    <div
-      class="memori-tooltip--trigger"
-    >
-      Hover me
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Tooltip aligned right unchanged 1`] = `
-<div>
-  <div
-    class="memori-tooltip memori-tooltip--align-right memori-tooltip--visible memori-tooltip--portal-open"
-  >
-    <div
-      class="memori-tooltip--trigger"
-    >
-      Hover me
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Tooltip aligned top left unchanged 1`] = `
-<div>
-  <div
-    class="memori-tooltip memori-tooltip--align-topLeft memori-tooltip--visible memori-tooltip--portal-open"
-  >
-    <div
-      class="memori-tooltip--trigger"
-    >
-      Hover me
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Tooltip aligned top right unchanged 1`] = `
-<div>
-  <div
-    class="memori-tooltip memori-tooltip--align-topRight memori-tooltip--visible memori-tooltip--portal-open"
-  >
-    <div
-      class="memori-tooltip--trigger"
-    >
-      Hover me
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Tooltip disabled unchanged 1`] = `
-<div>
-  <div
-    class="memori-tooltip memori-tooltip--align-right memori-tooltip--disabled"
-  >
-    <div
-      class="memori-tooltip--trigger"
-    >
-      Hover me
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Tooltip unchanged 1`] = `
-<div>
-  <div
-    class="memori-tooltip memori-tooltip--align-right"
-  >
-    <div
-      class="memori-tooltip--trigger"
-    >
-      Hover me
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Tooltip visible unchanged 1`] = `
-<div>
-  <div
-    class="memori-tooltip memori-tooltip--align-right memori-tooltip--visible memori-tooltip--portal-open"
-  >
-    <div
-      class="memori-tooltip--trigger"
-    >
-      Hover me
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders Tooltip with jsx content unchanged 1`] = `
-<div>
-  <div
-    class="memori-tooltip memori-tooltip--align-right"
-  >
-    <div
-      class="memori-tooltip--trigger"
-    >
-      Hover me
-    </div>
-  </div>
-</div>
-`;

package/src/components/ui/definitions.stories.tsx

@@ -1,139 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import '../../styles.css';
-
-const ColorDisplay = ({ color }: { color: string }) => (
-  <div
-    style={{
-      marginTop: '1rem',
-    }}
-  >
-    <dt style={{ minWidth: 250, fontSize: '12px', marginBottom: '0.5rem' }}>
-      --{color}
-    </dt>
-    <dd>
-      <div
-        className={`color-${color}`}
-        style={{
-          width: '100px',
-          height: '100px',
-          boxShadow: '0 0 0.5rem rgba(0, 0, 0, 0.1)',
-          borderRadius: '10px',
-          background: `var(--${color})`,
-        }}
-        title={color}
-      />
-    </dd>
-  </div>
-);
-
-const colors = [
-  'memori-primary',
-  'memori-primary-text',
-  'memori-inner-bg',
-  'memori-chat-bubble-bg',
-  'memori-text-color',
-  'memori-button-bg',
-  'memori-button-text',
-  'memori-button-border-color',
-];
-
-const variables = [
-  'memori-inner-content-pad',
-  'memori-button-padding',
-  'memori-drawer--width',
-  'memori-drawer--width--md',
-  'memori-drawer--width--lg',
-  'memori-modal--width',
-  'memori-modal--width--md',
-];
-
-const Definitions = () => (
-  <div>
-    <h2>Colors</h2>
-    <dl>
-      {colors.map(color => (
-        <ColorDisplay key={color} color={color} />
-      ))}
-    </dl>
-    <h2>Others</h2>
-    <dl>
-      <div
-        style={{
-          marginTop: '1rem',
-        }}
-      >
-        <dt style={{ minWidth: 250, fontSize: '12px', marginBottom: '0.5rem' }}>
-          <p>--memori-button-box-shadow +</p>
-          <p>--memori-button-radius</p>
-        </dt>
-        <dd>
-          <div
-            style={{
-              boxShadow: 'var(--memori-button-box-shadow)',
-              border: '1px solid #f3f3f3',
-              width: '100px',
-              height: '100px',
-              borderRadius: 'var(--memori-button-radius)',
-            }}
-          />
-        </dd>
-      </div>
-      <div
-        style={{
-          marginTop: '1rem',
-        }}
-      >
-        <dt style={{ minWidth: 250, fontSize: '12px', marginBottom: '0.5rem' }}>
-          --memori-blur-background
-        </dt>
-        <dd>
-          <div
-            style={{
-              backgroundColor: '#eee',
-              backgroundPosition: 'center center',
-              backgroundRepeat: 'no-repeat',
-              backgroundSize: 'cover',
-              backgroundImage:
-                'url(https://aisuru.com/images/aisuru/og-image.png)',
-              filter: 'blur(var(--memori-blur-background, 0))',
-              width: '200px',
-              height: '100px',
-              borderRadius: '10px',
-            }}
-          />
-        </dd>
-      </div>
-    </dl>
-    <ul
-      style={{
-        padding: 0,
-        margin: 0,
-        listStyle: 'none',
-      }}
-    >
-      {variables.map(v => (
-        <li
-          key={v}
-          style={{
-            marginTop: '1rem',
-          }}
-        >
-          <p
-            style={{ minWidth: 250, fontSize: '12px', marginBottom: '0.5rem' }}
-          >
-            --{v}
-          </p>
-        </li>
-      ))}
-    </ul>
-  </div>
-);
-
-export default {
-  title: 'Definitions/CSS Variables',
-  component: Definitions,
-} as ComponentMeta<typeof Definitions>;
-
-const Template: ComponentStory<typeof Definitions> = () => <Definitions />;
-export const Default = Template.bind({});