@descope/web-components-ui 3.5.0 → 3.6.0

package/stories/descope-upload-file.stories.js

@@ -0,0 +1,113 @@
+import { componentName } from '../src/components/descope-upload-file';
+import { withForm } from './helpers';
+import {
+  buttonVariantControl,
+  modeControl,
+  sizeControl,
+  fullWidthControl,
+  disabledControl,
+  readOnlyControl,
+  requiredControl,
+  borderedControl,
+  errorMissingValueControl,
+  directionControl,
+} from './commonControls';
+
+const Template = ({
+  title,
+  description,
+  'button-label': buttonLabel,
+  'button-mode': buttonMode,
+  'button-variant': buttonVariant,
+  accept,
+  size,
+  bordered,
+  disabled,
+  required,
+  'full-width': fullWidth,
+  readonly,
+  icon,
+  'data-errormessage-value-missing': customErrorMissingValue,
+  direction,
+}) =>
+  `
+    <descope-upload-file
+      size="${size}"
+      bordered="${bordered}"
+      title="${title || ''}"
+      description="${description || ''}"
+      button-label="${buttonLabel || ''}"
+      button-mode="${buttonMode || 'contained'}"
+      button-variant="${buttonVariant || 'primary'}"
+      accept="${accept || ''}"
+      disabled="${disabled || false}"
+      required="${required || false}"
+      readonly="${readonly || false}"
+      full-width="${fullWidth || false}"
+      data-errormessage-value-missing="${customErrorMissingValue || ''}"
+      st-host-direction="${direction ?? ''}"
+    >
+      ${
+        icon
+          ? '<img slot="icon" src="https://imgs.descope.com/components/upload-file-outlined.svg"/>'
+          : ''
+      }
+    </descope-upload-file>
+  `;
+
+export default {
+  component: componentName,
+  title: 'descope-upload-file',
+  decorators: [withForm],
+  argTypes: {
+    title: {
+      name: 'Title',
+      control: { type: 'text' },
+    },
+    description: {
+      name: 'Description',
+      control: { type: 'text' },
+    },
+    'button-label': {
+      name: 'Button Label',
+      control: { type: 'text' },
+    },
+    accept: {
+      name: 'Accept Types',
+      control: { type: 'text' },
+    },
+    'button-mode': {
+      ...modeControl.mode,
+      name: 'Button Mode',
+    },
+    'button-variant': {
+      ...buttonVariantControl.variant,
+      name: 'Button Variant',
+    },
+    icon: {
+      name: 'Show Icon?',
+      control: { type: 'boolean' },
+    },
+    ...sizeControl,
+    ...fullWidthControl,
+    ...disabledControl,
+    ...readOnlyControl,
+    ...requiredControl,
+    ...borderedControl,
+    ...errorMissingValueControl,
+    ...directionControl,
+  },
+};
+
+export const Default = Template.bind({});
+
+Default.args = {
+  size: 'md',
+  bordered: true,
+  title: 'Upload Document',
+  description: 'Click the button below to upload a document',
+  'button-label': 'Upload',
+  accept: 'image/*',
+  'button-mode': 'primary',
+  'button-variant': 'contained',
+};

package/stories/descope-user-attribute.stories.js

@@ -0,0 +1,85 @@
+import { componentName } from '../src/components/descope-user-attribute';
+import {
+  directionControl,
+  fullWidthControl,
+  labelControl,
+  placeholderControl,
+  readOnlyControl,
+  requiredControl,
+} from './commonControls';
+
+import customDeleteIcon from './icons/apple.svg';
+import customEditIcon from './icons/google.svg';
+
+const slottedChildren = `
+  <descope-icon slot="delete-icon" src="${customDeleteIcon}" src-dark="${customDeleteIcon}"></descope-icon>
+  <descope-icon slot="edit-icon" src="${customEditIcon}" src-dark="${customEditIcon}"></descope-icon>
+`;
+
+const Template = ({
+  'full-width': fullWidth,
+  direction,
+  value,
+  placeholder,
+  label,
+  required,
+  readonly,
+  'badge-label': badgeLabel,
+  'badge-tooltip-text': badgeTooltipText,
+  customIcons,
+}) => `
+  <descope-user-attribute
+    full-width="${fullWidth || 'false'}"
+    value="${value || ''}"
+    placeholder="${placeholder || ''}"
+    label="${label || ''}"
+    required="${required || 'false'}"
+    badge-label="${badgeLabel || ''}"
+    badge-tooltip-text="${badgeTooltipText || ''}"
+    st-host-direction="${direction ?? ''}"
+    readonly="${readonly || false}"
+  >
+    ${customIcons ? slottedChildren : ''}
+  </descope-user-attribute>
+`;
+
+export default {
+  component: componentName,
+  title: 'descope-user-attribute',
+  argTypes: {
+    ...fullWidthControl,
+    ...directionControl,
+    ...labelControl,
+    ...placeholderControl,
+    ...requiredControl,
+    ...readOnlyControl,
+    value: {
+      name: 'Value',
+      control: { type: 'text' },
+    },
+    'badge-label': {
+      name: 'Badge Label',
+      control: { type: 'text' },
+    },
+    'badge-tooltip-text': {
+      name: 'Badge Tooltip Text',
+      control: { type: 'text' },
+    },
+    customIcons: {
+      name: 'Custom Icons',
+      control: { type: 'boolean' },
+    },
+  },
+};
+
+export const Default = Template.bind({});
+
+Default.args = {
+  value: 'Value',
+  placeholder: 'Placeholder',
+  label: 'Label',
+  required: 'false',
+  'badge-label': 'Badge Label',
+  'badge-tooltip-text': 'Badge Tooltip Text',
+  customIcons: false,
+};

package/stories/descope-user-auth-method.stories.js

@@ -0,0 +1,77 @@
+import { action } from '@storybook/addon-actions';
+import { componentName } from '../src/components/descope-user-auth-method';
+import { directionControl, fullWidthControl, labelControl } from './commonControls';
+
+import methodIcon from './icons/method-icon.svg';
+import buttonIcon from './icons/button-icon.svg';
+import fulfilledButtonIcon from './icons/fulfilled-button-icon.svg';
+
+const Template = ({
+  'full-width': fullWidth,
+  'button-label': buttonLabel,
+  'fulfilled-button-label': fulfilledButtonLabel,
+  'fulfilled-editable': fulfilledEditable,
+  'unfulfilled-editable': unfulfilledEditable,
+  direction,
+  label,
+  fulfilled,
+}) => `
+  <descope-user-auth-method
+    full-width="${fullWidth || 'false'}"
+    label="${label || ''}"
+    button-label="${buttonLabel || ''}"
+    fulfilled="${fulfilled || 'false'}"
+    fulfilled-button-label="${fulfilledButtonLabel || ''}"
+    ${fulfilledEditable !== undefined ? `fulfilled-editable=${fulfilledEditable}` : ''}
+    ${unfulfilledEditable !== undefined ? `unfulfilled-editable="${unfulfilledEditable}` : ''}"
+    st-host-direction="${direction ?? ''}"
+  >
+    <img src="${methodIcon}" slot="method-icon" />
+    <img src="${buttonIcon}" slot="button-icon" />
+    <img src="${fulfilledButtonIcon}" slot="fulfilled-button-icon" />
+  </descope-user-aut>
+`;
+
+export default {
+  component: componentName,
+  title: 'descope-user-auth-method',
+  decorators: [
+    (story) => {
+      setTimeout(() => {
+        const ele = document.querySelector('descope-user-auth-method');
+        ele.addEventListener('button-clicked', action('unfulfilled-button-clicked'));
+        ele.addEventListener('fulfilled-button-clicked', action('fulfilled-button-clicked'));
+      });
+
+      return story();
+    },
+  ],
+  argTypes: {
+    ...fullWidthControl,
+    ...directionControl,
+    ...labelControl,
+    'button-label': {
+      name: 'Unfulfilled Button Label',
+      control: { type: 'text' },
+    },
+    'fulfilled-button-label': {
+      name: 'Fulfilled Button Label',
+      control: { type: 'text' },
+    },
+    'fulfilled-editable': {
+      name: 'Show fulfilled button',
+      control: { type: 'boolean' },
+    },
+    'unfulfilled-editable': {
+      name: 'Show unfulfilled button',
+      control: { type: 'boolean' },
+    },
+  },
+};
+
+export const Default = Template.bind({});
+
+Default.args = {
+  label: 'Label',
+  fulfilled: false,
+};

package/stories/helpers.js

@@ -0,0 +1,86 @@
+export const withForm = (story) => {
+  setTimeout(() => {
+    const form = document.querySelector('form');
+    form.addEventListener('submit', (e) => {
+      e.preventDefault();
+    });
+  });
+  return `
+    <style nonce="${window.DESCOPE_NONCE}">
+      .action-wrapper {
+        margin-top: 6em;
+      }
+    </style>
+    <form>
+      <div>${story()}</div>
+      <div class="action-wrapper">
+        <button type="submit" data-testid="submit-button">Submit</button>
+      </div>
+    </form>
+  `;
+};
+
+export const toggleDefaultErrorMessageValueMissingDecorator = (story, { component, args }) => {
+  setTimeout(() => {
+    const ele = document.querySelector(component);
+    if (!ele) return;
+    if (args.defaultErrorMessageValueMissing) {
+      ele.removeAttribute('data-errormessage-value-missing');
+    }
+  });
+  return story();
+};
+
+export const toggleDefaultErrorMessagePatternMismatchDecorator = (story, { component, args }) => {
+  setTimeout(() => {
+    const ele = document.querySelector(component);
+    if (!ele) return;
+    if (args.defaultErrorMessagePatternMismatch) {
+      ele.removeAttribute('data-errormessage-pattern-mismatch');
+    }
+  });
+  return story();
+};
+
+export const appleIcon = `
+<svg
+  width="1.5em"
+  height="1.5em"
+  viewBox="0 0 800 1000"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="white"
+  data-icon="apple"
+  >
+  <path
+    d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"
+  />
+</svg>`;
+
+export const fingerprintBase64 = `data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzI4NDRfMTE0Mzk0IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPgo8cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzI4NDRfMTE0Mzk0KSI+CjxwYXRoIGQ9Ik01LjMzMjc3IDE2LjA4M0M1LjEzODc3IDE1Ljk3MjMgNS4wMjA3NyAxNS44MTI3IDQuOTc4NzcgMTUuNjA0QzQuOTM3NDQgMTUuMzk2IDQuOTcyMTEgMTUuMTk0NyA1LjA4Mjc3IDE1QzYuNzc3NDQgMTIuNTU1MyA4Ljk1MTExIDEwLjY1OTcgMTEuNjAzOCA5LjMxMzAxQzE0LjI1NjQgNy45NjU2NyAxNy4wODI4IDcuMjkyMDEgMjAuMDgyOCA3LjI5MjAxQzIzLjA1NTQgNy4yOTIwMSAyNS44NjExIDcuOTM3NjcgMjguNDk5OCA5LjIyOTAxQzMxLjEzODQgMTAuNTIxIDMzLjMxOTEgMTIuMzYxMyAzNS4wNDE4IDE0Ljc1QzM1LjIwODQgMTUgMzUuMjYzOCAxNS4yMjIzIDM1LjIwNzggMTUuNDE3QzM1LjE1MjQgMTUuNjExIDM1LjA0MTQgMTUuNzc3NyAzNC44NzQ4IDE1LjkxN0MzNC43MzYxIDE2LjA1NTcgMzQuNTU1NCAxNi4xMTggMzQuMzMyOCAxNi4xMDRDMzQuMTEwOCAxNi4wOSAzMy45MTY0IDE1Ljk3MiAzMy43NDk4IDE1Ljc1QzMyLjIyMTggMTMuNTU1MyAzMC4yNDI0IDExLjg3NDcgMjcuODExOCAxMC43MDhDMjUuMzgxOCA5LjU0MTM0IDIyLjgwNTQgOC45NDQzNCAyMC4wODI4IDguOTE3MDFDMTcuMzYwOCA4LjkxNzAxIDE0Ljc5ODQgOS41MDczNCAxMi4zOTU4IDEwLjY4OEM5Ljk5MzExIDExLjg2OCA4LjAyNzc3IDEzLjU1NTMgNi40OTk3NyAxNS43NUM2LjMwNTExIDE2IDYuMTAzNzcgMTYuMTQ2IDUuODk1NzcgMTYuMTg4QzUuNjg3MTEgMTYuMjI5MyA1LjQ5OTQ0IDE2LjE5NDMgNS4zMzI3NyAxNi4wODNaTTI1LjIwNzggMzdDMjIuMDk3MSAzNi4zMDUzIDE5LjYxODEgMzQuODQ3IDE3Ljc3MDggMzIuNjI1QzE1LjkyMzQgMzAuNDAzIDE0Ljk5OTggMjcuNzM2MyAxNC45OTk4IDI0LjYyNUMxNC45OTk4IDIzLjIwODMgMTUuNDk5OCAyMi4wMTQgMTYuNDk5OCAyMS4wNDJDMTcuNDk5OCAyMC4wNjkzIDE4LjY5NDEgMTkuNTgzIDIwLjA4MjggMTkuNTgzQzIxLjQ5OTQgMTkuNTgzIDIyLjcwNzggMjAuMDU1MyAyMy43MDc4IDIxQzI0LjcwNzggMjEuOTQ0NyAyNS4yMDc4IDIzLjExMTMgMjUuMjA3OCAyNC41QzI1LjIwNzggMjUuNDQ0NyAyNS41NTUxIDI2LjI1MDMgMjYuMjQ5OCAyNi45MTdDMjYuOTQ0NCAyNy41ODM3IDI3Ljc3NzggMjcuOTE3IDI4Ljc0OTggMjcuOTE3QzI5LjY5NDQgMjcuOTE3IDMwLjUwMDEgMjcuNTgzNyAzMS4xNjY4IDI2LjkxN0MzMS44MzM0IDI2LjI1MDMgMzIuMTY2OCAyNS40NDQ3IDMyLjE2NjggMjQuNUMzMi4xNjY4IDIxLjI1IDMwLjk4NjEgMTguNTIwNyAyOC42MjQ4IDE2LjMxMkMyNi4yNjM0IDE0LjEwNCAyMy40MTYxIDEzIDIwLjA4MjggMTNDMTYuNzQ5NCAxMyAxMy45MDkxIDE0LjEyNSAxMS41NjE4IDE2LjM3NUM5LjIxNTExIDE4LjYyNSA4LjA0MTc3IDIxLjM3NSA4LjA0MTc3IDI0LjYyNUM4LjA0MTc3IDI1LjUxMzcgOC4xMTgxMSAyNi40NTggOC4yNzA3NyAyNy40NThDOC40MjM0NCAyOC40NTggOC42OTQxMSAyOS41MTM3IDkuMDgyNzcgMzAuNjI1QzkuMTY2MTEgMzAuODc1IDkuMTY2MTEgMzEuMDgzMyA5LjA4Mjc3IDMxLjI1QzguOTk5NDQgMzEuNDE2NyA4Ljg2MDc3IDMxLjU0MTcgOC42NjY3NyAzMS42MjVDOC40NDQxMSAzMS43MDgzIDguMjI4NzcgMzEuNzE1MyA4LjAyMDc3IDMxLjY0NkM3LjgxMjExIDMxLjU3NjcgNy42NTI0NCAzMS40MDMgNy41NDE3NyAzMS4xMjVDNy4yMDg0NCAzMC4yMzYzIDYuOTQ0NDQgMjkuMjM2MyA2Ljc0OTc3IDI4LjEyNUM2LjU1NTExIDI3LjAxMzcgNi40NTc3NyAyNS44NDcgNi40NTc3NyAyNC42MjVDNi40NTc3NyAyMC45NTgzIDcuNzk4MTEgMTcuODI2MyAxMC40Nzg4IDE1LjIyOUMxMy4xNTk0IDEyLjYzMTcgMTYuMzYwOCAxMS4zMzMgMjAuMDgyOCAxMS4zMzNDMjMuODYwOCAxMS4zMzMgMjcuMDkwMSAxMi42MDQgMjkuNzcwOCAxNS4xNDZDMzIuNDUxNCAxNy42ODczIDMzLjc5MTggMjAuODA1MyAzMy43OTE4IDI0LjVDMzMuNzkxOCAyNS44ODg3IDMzLjI5ODQgMjcuMDY5MyAzMi4zMTE4IDI4LjA0MkMzMS4zMjU4IDI5LjAxNCAzMC4xMzg0IDI5LjUgMjguNzQ5OCAyOS41QzI3LjMwNTEgMjkuNSAyNi4wODI4IDI5LjAyNzcgMjUuMDgyOCAyOC4wODNDMjQuMDgyOCAyNy4xMzkgMjMuNTgyOCAyNS45ODYzIDIzLjU4MjggMjQuNjI1QzIzLjU4MjggMjMuNjUzIDIzLjI0MjQgMjIuODMzNyAyMi41NjE4IDIyLjE2N0MyMS44ODE4IDIxLjUwMDMgMjEuMDU1NCAyMS4xNjcgMjAuMDgyOCAyMS4xNjdDMTkuMTM4OCAyMS4xNjcgMTguMzI2NCAyMS41MDAzIDE3LjY0NTggMjIuMTY3QzE2Ljk2NTEgMjIuODMzNyAxNi42MjQ4IDIzLjY1MyAxNi42MjQ4IDI0LjYyNUMxNi42MjQ4IDI3LjQwMyAxNy40MzA0IDI5LjczNjMgMTkuMDQxOCAzMS42MjVDMjAuNjUyNCAzMy41MTM3IDIyLjg0NjggMzQuODA1MyAyNS42MjQ4IDM1LjVDMjUuODc0OCAzNS41NTUzIDI2LjA0MTQgMzUuNjY2MyAyNi4xMjQ4IDM1LjgzM0MyNi4yMDgxIDM1Ljk5OTcgMjYuMjM1OCAzNi4xOTQzIDI2LjIwNzggMzYuNDE3QzI2LjE1MjQgMzYuNjExIDI2LjA0ODQgMzYuNzcwNyAyNS44OTU4IDM2Ljg5NkMyNS43NDMxIDM3LjAyMDcgMjUuNTEzOCAzNy4wNTUzIDI1LjIwNzggMzdaTTEwLjQ5OTggNy4xNjcwMUMxMC4yNDk4IDcuMzA1NjcgMTAuMDM0NCA3LjM0MDM0IDkuODUzNzcgNy4yNzEwMUM5LjY3MzExIDcuMjAxNjcgOS41Mjc0NCA3LjA4MzY3IDkuNDE2NzcgNi45MTcwMUM5LjMwNTQ0IDYuNzc3NjcgOS4yNzA0NCA2LjU5MDAxIDkuMzExNzcgNi4zNTQwMUM5LjM1Mzc3IDYuMTE4MDEgOS40NzIxMSA1Ljk1ODM0IDkuNjY2NzcgNS44NzUwMUMxMS4yNzc0IDQuOTU4MzQgMTIuOTY0OCA0LjI4NDY3IDE0LjcyODggMy44NTQwMUMxNi40OTI4IDMuNDIzMzQgMTguMjc3NCAzLjIwODAxIDIwLjA4MjggMy4yMDgwMUMyMS45MTYxIDMuMjA4MDEgMjMuNzAxMSAzLjQyMzM0IDI1LjQzNzggMy44NTQwMUMyNy4xNzM4IDQuMjg0NjcgMjguODMzNCA0LjkxNjY3IDMwLjQxNjggNS43NTAwMUMzMC42NjY4IDUuODYxMzQgMzAuODEyNCA2LjAyMTAxIDMwLjg1MzggNi4yMjkwMUMzMC44OTU4IDYuNDM3NjcgMzAuODc1MSA2LjYyNTM0IDMwLjc5MTggNi43OTIwMUMzMC43MDg0IDYuOTg2MDEgMzAuNTY5NCA3LjEzMTY3IDMwLjM3NDggNy4yMjkwMUMzMC4xODAxIDcuMzI2MzQgMjkuOTU3OCA3LjMwNTY3IDI5LjcwNzggNy4xNjcwMUMyOC4yMzU4IDYuNDE3MDEgMjYuNjg3MSA1LjgzMzY3IDI1LjA2MTggNS40MTcwMUMyMy40MzcxIDUuMDAwMzQgMjEuNzc3NCA0Ljc5MjAxIDIwLjA4MjggNC43OTIwMUMxOC40MTYxIDQuNzkyMDEgMTYuNzcwNCA0Ljk4NjM0IDE1LjE0NTggNS4zNzUwMUMxMy41MjA0IDUuNzYzNjcgMTEuOTcxOCA2LjM2MTAxIDEwLjQ5OTggNy4xNjcwMVpNMTUuNjY2OCAzNi4zMzNDMTQuMDU1NCAzNC42NjYzIDEyLjgzMzEgMzIuODk1NyAxMS45OTk4IDMxLjAyMUMxMS4xNjY0IDI5LjE0NTcgMTAuNzQ5OCAyNy4wMTM3IDEwLjc0OTggMjQuNjI1QzEwLjc0OTggMjIuMDY5NyAxMS42NTk0IDE5LjkwMyAxMy40Nzg4IDE4LjEyNUMxNS4yOTgxIDE2LjM0NyAxNy40OTk0IDE1LjQ1OCAyMC4wODI4IDE1LjQ1OEMyMi42NjYxIDE1LjQ1OCAyNC44ODg0IDE2LjMzMyAyNi43NDk4IDE4LjA4M0MyOC42MTExIDE5LjgzMyAyOS41NDE4IDIxLjk3MiAyOS41NDE4IDI0LjVDMjkuNTQxOCAyNC43NzggMjkuNDcyMSAyNC45OTMzIDI5LjMzMjggMjUuMTQ2QzI5LjE5NDEgMjUuMjk4NyAyOC45OTk4IDI1LjM3NSAyOC43NDk4IDI1LjM3NUMyOC40NzE4IDI1LjM3NSAyOC4yNTY0IDI1LjI5ODcgMjguMTAzOCAyNS4xNDZDMjcuOTUxMSAyNC45OTMzIDI3Ljg3NDggMjQuNzc4IDI3Ljg3NDggMjQuNUMyNy44NzQ4IDIyLjM4ODcgMjcuMTEwOCAyMC42MTggMjUuNTgyOCAxOS4xODhDMjQuMDU1NCAxNy43NTczIDIyLjIyMjEgMTcuMDQyIDIwLjA4MjggMTcuMDQyQzE3Ljk0NDEgMTcuMDQyIDE2LjEyNDggMTcuNzc4IDE0LjYyNDggMTkuMjVDMTMuMTI0OCAyMC43MjIgMTIuMzc0OCAyMi41MTM3IDEyLjM3NDggMjQuNjI1QzEyLjM3NDggMjYuODQ3IDEyLjczNTggMjguNzcwNyAxMy40NTc4IDMwLjM5NkMxNC4xODA0IDMyLjAyMDcgMTUuMzE5NCAzMy42Mzg3IDE2Ljg3NDggMzUuMjVDMTcuMDY5NCAzNS40NDQ3IDE3LjE1OTggMzUuNjM5IDE3LjE0NTggMzUuODMzQzE3LjEzMTggMzYuMDI3NyAxNy4wNjkxIDM2LjIwODMgMTYuOTU3OCAzNi4zNzVDMTYuODE5MSAzNi41NDE3IDE2LjYxNzggMzYuNjI1IDE2LjM1MzggMzYuNjI1QzE2LjA4OTggMzYuNjI1IDE1Ljg2MDggMzYuNTI3NyAxNS42NjY4IDM2LjMzM1pNMjguNzkxOCAzMy41QzI2LjE4MDQgMzMuNSAyMy45NDQxIDMyLjY5NDMgMjIuMDgyOCAzMS4wODNDMjAuMjIyMSAyOS40NzIzIDE5LjI5MTggMjcuMjkyIDE5LjI5MTggMjQuNTQyQzE5LjI5MTggMjQuMjkyIDE5LjM2MTEgMjQuMDgzNyAxOS40OTk4IDIzLjkxN0MxOS42Mzg0IDIzLjc1MDMgMTkuODMyOCAyMy42NjcgMjAuMDgyOCAyMy42NjdDMjAuMzMyOCAyMy42NjcgMjAuNTI3NCAyMy43NTAzIDIwLjY2NjggMjMuOTE3QzIwLjgwNTQgMjQuMDgzNyAyMC44NzQ4IDI0LjI5MiAyMC44NzQ4IDI0LjU0MkMyMC44NzQ4IDI2Ljg0NzMgMjEuNjU5NCAyOC42NTI3IDIzLjIyODggMjkuOTU4QzI0Ljc5ODEgMzEuMjY0IDI2LjY1MjQgMzEuOTE3IDI4Ljc5MTggMzEuOTE3QzI5LjA0MTggMzEuOTE3IDI5LjMzMzQgMzEuODk2IDI5LjY2NjggMzEuODU0QzMwLjAwMDEgMzEuODEyNyAzMC4zMzM0IDMxLjc3OCAzMC42NjY4IDMxLjc1QzMwLjg4ODggMzEuNzIyIDMxLjA3NjEgMzEuNzc3NyAzMS4yMjg4IDMxLjkxN0MzMS4zODE0IDMyLjA1NTcgMzEuNDU3OCAzMi4yMDgzIDMxLjQ1NzggMzIuMzc1QzMxLjQ4NTggMzIuNTk3IDMxLjQ0NDEgMzIuNzc3NyAzMS4zMzI4IDMyLjkxN0MzMS4yMjIxIDMzLjA1NTcgMzEuMDgzNCAzMy4xNTI3IDMwLjkxNjggMzMuMjA4QzMwLjQ3MjEgMzMuMzQ3MyAzMC4wNTU0IDMzLjQzMDcgMjkuNjY2OCAzMy40NThDMjkuMjc3NCAzMy40ODYgMjguOTg1OCAzMy41IDI4Ljc5MTggMzMuNVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPC9zdmc+Cg==`;
+
+export const googleIcon = `
+<svg
+		width="1.5em"
+		height="1.5em"
+		viewBox="0 0 20 20"
+		xmlns="http://www.w3.org/2000/svg"
+		fill=""
+		data-icon="google"
+	>
+		<path
+			d="m19.6 10.2274c0-.70912-.0636-1.39092-.1818-2.04552h-9.4182v3.86822h5.3818c-.2318 1.25-.9363 2.3091-1.9954 3.0182v2.5091h3.2318c1.8909-1.7409 2.9818-4.3046 2.9818-7.35z"
+			fill="#4285f4"
+		/>
+		<path
+			d="m10 19.9999c2.7 0 4.9636-.8955 6.6181-2.4227l-3.2318-2.5091c-.8954.6-2.0409.9545-3.3863.9545-2.6046 0-4.8091-1.7591-5.5955-4.1227h-3.3409v2.5909c1.6455 3.2682 5.0273 5.5091 8.9364 5.5091z"
+			fill="#34a853"
+		/>
+		<path
+			d="m4.4045 11.8999c-.2-.6-.3136-1.2409-.3136-1.89997 0-.6591.1136-1.3.3136-1.9v-2.5909h-3.3409c-.6772 1.35-1.0636 2.8773-1.0636 4.4909 0 1.61357.3864 3.14087 1.0636 4.49087z"
+			fill="#fbbc04"
+		/>
+		<path
+			d="m10 3.9773c1.4681 0 2.7863.5045 3.8227 1.4954l2.8682-2.8682c-1.7318-1.6136-3.9955-2.6045-6.6909-2.6045-3.9091 0-7.2909 2.2409-8.9364 5.5091l3.3409 2.5909c.7864-2.3636 2.9909-4.1227 5.5955-4.1227z"
+			fill="#e94235"
+		/>
+	</svg>`;

package/stories/icons/alert.svg

@@ -0,0 +1,9 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.89 111.55">
+  <defs>
+    <style>.cls-1{fill:#b71616;}.cls-2{fill:#e21b1b;fill-rule:evenodd;}.cls-3{fill:#fff;}</style>
+  </defs>
+  <title>red-alert</title>
+  <path class="cls-1" d="M2.35,84.43,45.29,10.2l.17-.27h0a22.92,22.92,0,0,1,7-7.23A17,17,0,0,1,61.58,0a16.78,16.78,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26c.13.21.25.42.36.64l42.24,73.34.23.44h0a22.22,22.22,0,0,1,2.37,10.19,17.59,17.59,0,0,1-2.16,8.35,16,16,0,0,1-6.94,6.61l-.58.26a21.34,21.34,0,0,1-9.11,1.74v0H17.62c-.23,0-.44,0-.66,0a18.07,18.07,0,0,1-6.2-1.15A16.46,16.46,0,0,1,3,104.26a17.59,17.59,0,0,1-3-9.58,23,23,0,0,1,1.57-8.74,8.24,8.24,0,0,1,.77-1.51Z"/>
+  <path class="cls-2" d="M9,88.76l43.15-74.6c5.23-8.25,13.53-8.46,18.87,0l42.44,73.7c3.38,6.81,1.7,16-9.34,15.77H17.62c-7.27.18-12-6.19-8.64-14.87Z"/>
+  <path class="cls-3" d="M57.57,82.7a5.51,5.51,0,0,1,3.48-1.58,5.75,5.75,0,0,1,2.4.35,5.82,5.82,0,0,1,2,1.31,5.53,5.53,0,0,1,1.62,3.55,6.05,6.05,0,0,1-.08,1.4,5.54,5.54,0,0,1-5.64,4.6,5.67,5.67,0,0,1-2.27-.52,5.56,5.56,0,0,1-2.82-2.94,5.65,5.65,0,0,1-.35-1.27,5.83,5.83,0,0,1-.06-1.31h0a6.19,6.19,0,0,1,.57-2,4.57,4.57,0,0,1,1.13-1.56Zm8.16-10.24c-.2,4.79-8.31,4.8-8.5,0-.82-8.21-2.92-29.39-2.85-37.1.07-2.38,2-3.79,4.56-4.33a12.83,12.83,0,0,1,5,0c2.61.56,4.65,2,4.65,4.44v.24L65.73,72.46Z"/>
+</svg>

package/stories/icons/apple.svg

@@ -0,0 +1,10 @@
+	<svg
+		width="1.5em"
+		height="1.5em"
+		viewBox="0 0 800 1000"
+		xmlns="http://www.w3.org/2000/svg"
+		fill="#000000"
+		data-icon="apple"
+	>
+		<path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z" />
+	</svg>

package/stories/icons/base64png.js

@@ -0,0 +1 @@
+export default `data:image/png;base64,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`;

package/stories/icons/base64svg.js

@@ -0,0 +1 @@
+export default `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJ2YXIoLS1kZXNjb3BlLWljb24tZmlsbCwgdmFyKC0tZGVzY29wZS1pY29uLWZpbGwsIG5vbmUpKSI+CjxtYXNrIGlkPSJtYXNrMF8yODQ0XzExNDM5NCIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ2YXIoLS1kZXNjb3BlLWljb24tZmlsbCwgdmFyKC0tZGVzY29wZS1pY29uLWZpbGwsICNEOUQ5RDkpKSI+PC9yZWN0Pgo8L21hc2s+CjxnPgo8cGF0aCBkPSJNNS4zMzI3NyAxNi4wODNDNS4xMzg3NyAxNS45NzIzIDUuMDIwNzcgMTUuODEyNyA0Ljk3ODc3IDE1LjYwNEM0LjkzNzQ0IDE1LjM5NiA0Ljk3MjExIDE1LjE5NDcgNS4wODI3NyAxNUM2Ljc3NzQ0IDEyLjU1NTMgOC45NTExMSAxMC42NTk3IDExLjYwMzggOS4zMTMwMUMxNC4yNTY0IDcuOTY1NjcgMTcuMDgyOCA3LjI5MjAxIDIwLjA4MjggNy4yOTIwMUMyMy4wNTU0IDcuMjkyMDEgMjUuODYxMSA3LjkzNzY3IDI4LjQ5OTggOS4yMjkwMUMzMS4xMzg0IDEwLjUyMSAzMy4zMTkxIDEyLjM2MTMgMzUuMDQxOCAxNC43NUMzNS4yMDg0IDE1IDM1LjI2MzggMTUuMjIyMyAzNS4yMDc4IDE1LjQxN0MzNS4xNTI0IDE1LjYxMSAzNS4wNDE0IDE1Ljc3NzcgMzQuODc0OCAxNS45MTdDMzQuNzM2MSAxNi4wNTU3IDM0LjU1NTQgMTYuMTE4IDM0LjMzMjggMTYuMTA0QzM0LjExMDggMTYuMDkgMzMuOTE2NCAxNS45NzIgMzMuNzQ5OCAxNS43NUMzMi4yMjE4IDEzLjU1NTMgMzAuMjQyNCAxMS44NzQ3IDI3LjgxMTggMTAuNzA4QzI1LjM4MTggOS41NDEzNCAyMi44MDU0IDguOTQ0MzQgMjAuMDgyOCA4LjkxNzAxQzE3LjM2MDggOC45MTcwMSAxNC43OTg0IDkuNTA3MzQgMTIuMzk1OCAxMC42ODhDOS45OTMxMSAxMS44NjggOC4wMjc3NyAxMy41NTUzIDYuNDk5NzcgMTUuNzVDNi4zMDUxMSAxNiA2LjEwMzc3IDE2LjE0NiA1Ljg5NTc3IDE2LjE4OEM1LjY4NzExIDE2LjIyOTMgNS40OTk0NCAxNi4xOTQzIDUuMzMyNzcgMTYuMDgzWk0yNS4yMDc4IDM3QzIyLjA5NzEgMzYuMzA1MyAxOS42MTgxIDM0Ljg0NyAxNy43NzA4IDMyLjYyNUMxNS45MjM0IDMwLjQwMyAxNC45OTk4IDI3LjczNjMgMTQuOTk5OCAyNC42MjVDMTQuOTk5OCAyMy4yMDgzIDE1LjQ5OTggMjIuMDE0IDE2LjQ5OTggMjEuMDQyQzE3LjQ5OTggMjAuMDY5MyAxOC42OTQxIDE5LjU4MyAyMC4wODI4IDE5LjU4M0MyMS40OTk0IDE5LjU4MyAyMi43MDc4IDIwLjA1NTMgMjMuNzA3OCAyMUMyNC43MDc4IDIxLjk0NDcgMjUuMjA3OCAyMy4xMTEzIDI1LjIwNzggMjQuNUMyNS4yMDc4IDI1LjQ0NDcgMjUuNTU1MSAyNi4yNTAzIDI2LjI0OTggMjYuOTE3QzI2Ljk0NDQgMjcuNTgzNyAyNy43Nzc4IDI3LjkxNyAyOC43NDk4IDI3LjkxN0MyOS42OTQ0IDI3LjkxNyAzMC41MDAxIDI3LjU4MzcgMzEuMTY2OCAyNi45MTdDMzEuODMzNCAyNi4yNTAzIDMyLjE2NjggMjUuNDQ0NyAzMi4xNjY4IDI0LjVDMzIuMTY2OCAyMS4yNSAzMC45ODYxIDE4LjUyMDcgMjguNjI0OCAxNi4zMTJDMjYuMjYzNCAxNC4xMDQgMjMuNDE2MSAxMyAyMC4wODI4IDEzQzE2Ljc0OTQgMTMgMTMuOTA5MSAxNC4xMjUgMTEuNTYxOCAxNi4zNzVDOS4yMTUxMSAxOC42MjUgOC4wNDE3NyAyMS4zNzUgOC4wNDE3NyAyNC42MjVDOC4wNDE3NyAyNS41MTM3IDguMTE4MTEgMjYuNDU4IDguMjcwNzcgMjcuNDU4QzguNDIzNDQgMjguNDU4IDguNjk0MTEgMjkuNTEzNyA5LjA4Mjc3IDMwLjYyNUM5LjE2NjExIDMwLjg3NSA5LjE2NjExIDMxLjA4MzMgOS4wODI3NyAzMS4yNUM4Ljk5OTQ0IDMxLjQxNjcgOC44NjA3NyAzMS41NDE3IDguNjY2NzcgMzEuNjI1QzguNDQ0MTEgMzEuNzA4MyA4LjIyODc3IDMxLjcxNTMgOC4wMjA3NyAzMS42NDZDNy44MTIxMSAzMS41NzY3IDcuNjUyNDQgMzEuNDAzIDcuNTQxNzcgMzEuMTI1QzcuMjA4NDQgMzAuMjM2MyA2Ljk0NDQ0IDI5LjIzNjMgNi43NDk3NyAyOC4xMjVDNi41NTUxMSAyNy4wMTM3IDYuNDU3NzcgMjUuODQ3IDYuNDU3NzcgMjQuNjI1QzYuNDU3NzcgMjAuOTU4MyA3Ljc5ODExIDE3LjgyNjMgMTAuNDc4OCAxNS4yMjlDMTMuMTU5NCAxMi42MzE3IDE2LjM2MDggMTEuMzMzIDIwLjA4MjggMTEuMzMzQzIzLjg2MDggMTEuMzMzIDI3LjA5MDEgMTIuNjA0IDI5Ljc3MDggMTUuMTQ2QzMyLjQ1MTQgMTcuNjg3MyAzMy43OTE4IDIwLjgwNTMgMzMuNzkxOCAyNC41QzMzLjc5MTggMjUuODg4NyAzMy4yOTg0IDI3LjA2OTMgMzIuMzExOCAyOC4wNDJDMzEuMzI1OCAyOS4wMTQgMzAuMTM4NCAyOS41IDI4Ljc0OTggMjkuNUMyNy4zMDUxIDI5LjUgMjYuMDgyOCAyOS4wMjc3IDI1LjA4MjggMjguMDgzQzI0LjA4MjggMjcuMTM5IDIzLjU4MjggMjUuOTg2MyAyMy41ODI4IDI0LjYyNUMyMy41ODI4IDIzLjY1MyAyMy4yNDI0IDIyLjgzMzcgMjIuNTYxOCAyMi4xNjdDMjEuODgxOCAyMS41MDAzIDIxLjA1NTQgMjEuMTY3IDIwLjA4MjggMjEuMTY3QzE5LjEzODggMjEuMTY3IDE4LjMyNjQgMjEuNTAwMyAxNy42NDU4IDIyLjE2N0MxNi45NjUxIDIyLjgzMzcgMTYuNjI0OCAyMy42NTMgMTYuNjI0OCAyNC42MjVDMTYuNjI0OCAyNy40MDMgMTcuNDMwNCAyOS43MzYzIDE5LjA0MTggMzEuNjI1QzIwLjY1MjQgMzMuNTEzNyAyMi44NDY4IDM0LjgwNTMgMjUuNjI0OCAzNS41QzI1Ljg3NDggMzUuNTU1MyAyNi4wNDE0IDM1LjY2NjMgMjYuMTI0OCAzNS44MzNDMjYuMjA4MSAzNS45OTk3IDI2LjIzNTggMzYuMTk0MyAyNi4yMDc4IDM2LjQxN0MyNi4xNTI0IDM2LjYxMSAyNi4wNDg0IDM2Ljc3MDcgMjUuODk1OCAzNi44OTZDMjUuNzQzMSAzNy4wMjA3IDI1LjUxMzggMzcuMDU1MyAyNS4yMDc4IDM3Wk0xMC40OTk4IDcuMTY3MDFDMTAuMjQ5OCA3LjMwNTY3IDEwLjAzNDQgNy4zNDAzNCA5Ljg1Mzc3IDcuMjcxMDFDOS42NzMxMSA3LjIwMTY3IDkuNTI3NDQgNy4wODM2NyA5LjQxNjc3IDYuOTE3MDFDOS4zMDU0NCA2Ljc3NzY3IDkuMjcwNDQgNi41OTAwMSA5LjMxMTc3IDYuMzU0MDFDOS4zNTM3NyA2LjExODAxIDkuNDcyMTEgNS45NTgzNCA5LjY2Njc3IDUuODc1MDFDMTEuMjc3NCA0Ljk1ODM0IDEyLjk2NDggNC4yODQ2NyAxNC43Mjg4IDMuODU0MDFDMTYuNDkyOCAzLjQyMzM0IDE4LjI3NzQgMy4yMDgwMSAyMC4wODI4IDMuMjA4MDFDMjEuOTE2MSAzLjIwODAxIDIzLjcwMTEgMy40MjMzNCAyNS40Mzc4IDMuODU0MDFDMjcuMTczOCA0LjI4NDY3IDI4LjgzMzQgNC45MTY2NyAzMC40MTY4IDUuNzUwMDFDMzAuNjY2OCA1Ljg2MTM0IDMwLjgxMjQgNi4wMjEwMSAzMC44NTM4IDYuMjI5MDFDMzAuODk1OCA2LjQzNzY3IDMwLjg3NTEgNi42MjUzNCAzMC43OTE4IDYuNzkyMDFDMzAuNzA4NCA2Ljk4NjAxIDMwLjU2OTQgNy4xMzE2NyAzMC4zNzQ4IDcuMjI5MDFDMzAuMTgwMSA3LjMyNjM0IDI5Ljk1NzggNy4zMDU2NyAyOS43MDc4IDcuMTY3MDFDMjguMjM1OCA2LjQxNzAxIDI2LjY4NzEgNS44MzM2NyAyNS4wNjE4IDUuNDE3MDFDMjMuNDM3MSA1LjAwMDM0IDIxLjc3NzQgNC43OTIwMSAyMC4wODI4IDQuNzkyMDFDMTguNDE2MSA0Ljc5MjAxIDE2Ljc3MDQgNC45ODYzNCAxNS4xNDU4IDUuMzc1MDFDMTMuNTIwNCA1Ljc2MzY3IDExLjk3MTggNi4zNjEwMSAxMC40OTk4IDcuMTY3MDFaTTE1LjY2NjggMzYuMzMzQzE0LjA1NTQgMzQuNjY2MyAxMi44MzMxIDMyLjg5NTcgMTEuOTk5OCAzMS4wMjFDMTEuMTY2NCAyOS4xNDU3IDEwLjc0OTggMjcuMDEzNyAxMC43NDk4IDI0LjYyNUMxMC43NDk4IDIyLjA2OTcgMTEuNjU5NCAxOS45MDMgMTMuNDc4OCAxOC4xMjVDMTUuMjk4MSAxNi4zNDcgMTcuNDk5NCAxNS40NTggMjAuMDgyOCAxNS40NThDMjIuNjY2MSAxNS40NTggMjQuODg4NCAxNi4zMzMgMjYuNzQ5OCAxOC4wODNDMjguNjExMSAxOS44MzMgMjkuNTQxOCAyMS45NzIgMjkuNTQxOCAyNC41QzI5LjU0MTggMjQuNzc4IDI5LjQ3MjEgMjQuOTkzMyAyOS4zMzI4IDI1LjE0NkMyOS4xOTQxIDI1LjI5ODcgMjguOTk5OCAyNS4zNzUgMjguNzQ5OCAyNS4zNzVDMjguNDcxOCAyNS4zNzUgMjguMjU2NCAyNS4yOTg3IDI4LjEwMzggMjUuMTQ2QzI3Ljk1MTEgMjQuOTkzMyAyNy44NzQ4IDI0Ljc3OCAyNy44NzQ4IDI0LjVDMjcuODc0OCAyMi4zODg3IDI3LjExMDggMjAuNjE4IDI1LjU4MjggMTkuMTg4QzI0LjA1NTQgMTcuNzU3MyAyMi4yMjIxIDE3LjA0MiAyMC4wODI4IDE3LjA0MkMxNy45NDQxIDE3LjA0MiAxNi4xMjQ4IDE3Ljc3OCAxNC42MjQ4IDE5LjI1QzEzLjEyNDggMjAuNzIyIDEyLjM3NDggMjIuNTEzNyAxMi4zNzQ4IDI0LjYyNUMxMi4zNzQ4IDI2Ljg0NyAxMi43MzU4IDI4Ljc3MDcgMTMuNDU3OCAzMC4zOTZDMTQuMTgwNCAzMi4wMjA3IDE1LjMxOTQgMzMuNjM4NyAxNi44NzQ4IDM1LjI1QzE3LjA2OTQgMzUuNDQ0NyAxNy4xNTk4IDM1LjYzOSAxNy4xNDU4IDM1LjgzM0MxNy4xMzE4IDM2LjAyNzcgMTcuMDY5MSAzNi4yMDgzIDE2Ljk1NzggMzYuMzc1QzE2LjgxOTEgMzYuNTQxNyAxNi42MTc4IDM2LjYyNSAxNi4zNTM4IDM2LjYyNUMxNi4wODk4IDM2LjYyNSAxNS44NjA4IDM2LjUyNzcgMTUuNjY2OCAzNi4zMzNaTTI4Ljc5MTggMzMuNUMyNi4xODA0IDMzLjUgMjMuOTQ0MSAzMi42OTQzIDIyLjA4MjggMzEuMDgzQzIwLjIyMjEgMjkuNDcyMyAxOS4yOTE4IDI3LjI5MiAxOS4yOTE4IDI0LjU0MkMxOS4yOTE4IDI0LjI5MiAxOS4zNjExIDI0LjA4MzcgMTkuNDk5OCAyMy45MTdDMTkuNjM4NCAyMy43NTAzIDE5LjgzMjggMjMuNjY3IDIwLjA4MjggMjMuNjY3QzIwLjMzMjggMjMuNjY3IDIwLjUyNzQgMjMuNzUwMyAyMC42NjY4IDIzLjkxN0MyMC44MDU0IDI0LjA4MzcgMjAuODc0OCAyNC4yOTIgMjAuODc0OCAyNC41NDJDMjAuODc0OCAyNi44NDczIDIxLjY1OTQgMjguNjUyNyAyMy4yMjg4IDI5Ljk1OEMyNC43OTgxIDMxLjI2NCAyNi42NTI0IDMxLjkxNyAyOC43OTE4IDMxLjkxN0MyOS4wNDE4IDMxLjkxNyAyOS4zMzM0IDMxLjg5NiAyOS42NjY4IDMxLjg1NEMzMC4wMDAxIDMxLjgxMjcgMzAuMzMzNCAzMS43NzggMzAuNjY2OCAzMS43NUMzMC44ODg4IDMxLjcyMiAzMS4wNzYxIDMxLjc3NzcgMzEuMjI4OCAzMS45MTdDMzEuMzgxNCAzMi4wNTU3IDMxLjQ1NzggMzIuMjA4MyAzMS40NTc4IDMyLjM3NUMzMS40ODU4IDMyLjU5NyAzMS40NDQxIDMyLjc3NzcgMzEuMzMyOCAzMi45MTdDMzEuMjIyMSAzMy4wNTU3IDMxLjA4MzQgMzMuMTUyNyAzMC45MTY4IDMzLjIwOEMzMC40NzIxIDMzLjM0NzMgMzAuMDU1NCAzMy40MzA3IDI5LjY2NjggMzMuNDU4QzI5LjI3NzQgMzMuNDg2IDI4Ljk4NTggMzMuNSAyOC43OTE4IDMzLjVaIiBmaWxsPSJ2YXIoLS1kZXNjb3BlLWljb24tZmlsbCwgdmFyKC0tZGVzY29wZS1pY29uLWZpbGwsIGJsYWNrKSkiPjwvcGF0aD4KPC9nPgo8L3N2Zz4K`;

package/stories/icons/button-icon.svg

@@ -0,0 +1,3 @@
+  <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.2181 5.2181H1.22305C0.791359 5.2181 0.441406 5.56805 0.441406 5.99974C0.441406 6.43143 0.791359 6.78138 1.22305 6.78138H5.2181V10.7764C5.2181 11.2081 5.56805 11.5581 5.99974 11.5581C6.43143 11.5581 6.78138 11.2081 6.78138 10.7764V6.78138H10.7764C11.2081 6.78138 11.5581 6.43143 11.5581 5.99974C11.5581 5.56805 11.2081 5.2181 10.7764 5.2181H6.78138V1.22305C6.78138 0.791359 6.43143 0.441406 5.99974 0.441406C5.56805 0.441406 5.2181 0.791359 5.2181 1.22305V5.2181Z" fill="#006AF5"/>
+  </svg>

package/stories/icons/errorMessageIconBase64.js

@@ -0,0 +1 @@
+export default `data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZTIxZDEyIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIA0KCSB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAzMC4zMzQgMzAuMzM0Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0xNS4xNjcsMEM2LjgwNSwwLDAuMDAxLDYuODA0LDAuMDAxLDE1LjE2N2MwLDguMzYyLDYuODA0LDE1LjE2NywxNS4xNjYsMTUuMTY3YzguMzYxLDAsMTUuMTY2LTYuODA1LDE1LjE2Ni0xNS4xNjcNCgkJQzMwLjMzMyw2LjgwNCwyMy41MjgsMCwxNS4xNjcsMHogTTE3LjE2NywyNS42NjdoLTR2LTQuNWg0VjI1LjY2N3ogTTE3LjE2NywxOS41NDJoLTRWNS4xNjdoNFYxOS41NDJ6Ii8+DQo8L2c+DQo8L3N2Zz4=`;

package/stories/icons/fulfilled-button-icon.svg

@@ -0,0 +1,3 @@
+  <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M1.22305 5.2181C0.791359 5.2181 0.441406 5.56805 0.441406 5.99974C0.441406 6.43143 0.791359 6.78138 1.22305 6.78138H10.7764C11.2081 6.78138 11.5581 6.43143 11.5581 5.99974C11.5581 5.56805 11.2081 5.2181 10.7764 5.2181H1.22305Z" fill="#006AF5"/>
+  </svg>

package/stories/icons/google.svg

@@ -0,0 +1,25 @@
+<svg
+		width="1.5em"
+		height="1.5em"
+		viewBox="0 0 20 20"
+		xmlns="http://www.w3.org/2000/svg"
+		data-icon="google"
+	>
+		<path
+			d="m19.6 10.2274c0-.70912-.0636-1.39092-.1818-2.04552h-9.4182v3.86822h5.3818c-.2318 1.25-.9363 2.3091-1.9954 3.0182v2.5091h3.2318c1.8909-1.7409 2.9818-4.3046 2.9818-7.35z"
+			fill="#4285f4"
+		/>
+		<path
+			d="m10 19.9999c2.7 0 4.9636-.8955 6.6181-2.4227l-3.2318-2.5091c-.8954.6-2.0409.9545-3.3863.9545-2.6046 0-4.8091-1.7591-5.5955-4.1227h-3.3409v2.5909c1.6455 3.2682 5.0273 5.5091 8.9364 5.5091z"
+			fill="#34a853"
+		/>
+		<path
+			d="m4.4045 11.8999c-.2-.6-.3136-1.2409-.3136-1.89997 0-.6591.1136-1.3.3136-1.9v-2.5909h-3.3409c-.6772 1.35-1.0636 2.8773-1.0636 4.4909 0 1.61357.3864 3.14087 1.0636 4.49087z"
+			fill="#fbbc04"
+		/>
+		<path
+			d="m10 3.9773c1.4681 0 2.7863.5045 3.8227 1.4954l2.8682-2.8682c-1.7318-1.6136-3.9955-2.6045-6.6909-2.6045-3.9091 0-7.2909 2.2409-8.9364 5.5091l3.3409 2.5909c.7864-2.3636 2.9909-4.1227 5.5955-4.1227z"
+			fill="#e94235"
+		/>
+    <script>alert(1)</script>
+	</svg>

package/stories/icons/method-icon.svg

@@ -0,0 +1,3 @@
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.8093 4.47C17.7293 4.47 17.6493 4.45 17.5793 4.41C15.6593 3.42 13.9993 3 12.0093 3C10.0293 3 8.14925 3.47 6.43925 4.41C6.19925 4.54 5.89925 4.45 5.75925 4.21C5.62925 3.97 5.71925 3.66 5.95925 3.53C7.81925 2.52 9.85925 2 12.0093 2C14.1393 2 15.9993 2.47 18.0393 3.52C18.2893 3.65 18.3793 3.95 18.2493 4.19C18.1593 4.37 17.9893 4.47 17.8093 4.47ZM3.49925 9.72C3.39925 9.72 3.29925 9.69 3.20925 9.63C2.97925 9.47 2.92925 9.16 3.08925 8.93C4.07925 7.53 5.33925 6.43 6.83925 5.66C9.97925 4.04 13.9993 4.03 17.1493 5.65C18.6493 6.42 19.9093 7.51 20.8993 8.9C21.0593 9.12 21.0093 9.44 20.7793 9.6C20.5493 9.76 20.2393 9.71 20.0793 9.48C19.1793 8.22 18.0393 7.23 16.6893 6.54C13.8193 5.07 10.1493 5.07 7.28925 6.55C5.92925 7.25 4.78925 8.25 3.88925 9.51C3.80925 9.65 3.65925 9.72 3.49925 9.72ZM9.74925 21.79C9.61925 21.79 9.48925 21.74 9.39925 21.64C8.52925 20.77 8.05925 20.21 7.38925 19C6.69925 17.77 6.33925 16.27 6.33925 14.66C6.33925 11.69 8.87925 9.27 11.9993 9.27C15.1193 9.27 17.6593 11.69 17.6593 14.66C17.6593 14.94 17.4393 15.16 17.1593 15.16C16.8793 15.16 16.6593 14.94 16.6593 14.66C16.6593 12.24 14.5693 10.27 11.9993 10.27C9.42925 10.27 7.33925 12.24 7.33925 14.66C7.33925 16.1 7.65925 17.43 8.26925 18.51C8.90925 19.66 9.34925 20.15 10.1193 20.93C10.3093 21.13 10.3093 21.44 10.1193 21.64C10.0093 21.74 9.87925 21.79 9.74925 21.79ZM16.9193 19.94C15.7293 19.94 14.6793 19.64 13.8193 19.05C12.3293 18.04 11.4393 16.4 11.4393 14.66C11.4393 14.38 11.6593 14.16 11.9393 14.16C12.2193 14.16 12.4393 14.38 12.4393 14.66C12.4393 16.07 13.1593 17.4 14.3793 18.22C15.0893 18.7 15.9193 18.93 16.9193 18.93C17.1593 18.93 17.5593 18.9 17.9593 18.83C18.2293 18.78 18.4893 18.96 18.5393 19.24C18.5893 19.51 18.4093 19.77 18.1293 19.82C17.5593 19.93 17.0593 19.94 16.9193 19.94ZM14.9093 22C14.8693 22 14.8193 21.99 14.7793 21.98C13.1893 21.54 12.1493 20.95 11.0593 19.88C9.65925 18.49 8.88925 16.64 8.88925 14.66C8.88925 13.04 10.2693 11.72 11.9693 11.72C13.6693 11.72 15.0493 13.04 15.0493 14.66C15.0493 15.73 15.9793 16.6 17.1293 16.6C18.2793 16.6 19.2093 15.73 19.2093 14.66C19.2093 10.89 15.9593 7.83 11.9593 7.83C9.11925 7.83 6.51925 9.41 5.34925 11.86C4.95925 12.67 4.75925 13.62 4.75925 14.66C4.75925 15.44 4.82925 16.67 5.42925 18.27C5.52925 18.53 5.39925 18.82 5.13925 18.91C4.87925 19.01 4.58925 18.87 4.49925 18.62C4.00925 17.31 3.76925 16.01 3.76925 14.66C3.76925 13.46 3.99925 12.37 4.44925 11.42C5.77925 8.63 8.72925 6.82 11.9593 6.82C16.5093 6.82 20.2093 10.33 20.2093 14.65C20.2093 16.27 18.8293 17.59 17.1293 17.59C15.4293 17.59 14.0493 16.27 14.0493 14.65C14.0493 13.58 13.1193 12.71 11.9693 12.71C10.8193 12.71 9.88925 13.58 9.88925 14.65C9.88925 16.36 10.5493 17.96 11.7593 19.16C12.7093 20.1 13.6193 20.62 15.0293 21.01C15.2993 21.08 15.4493 21.36 15.3793 21.62C15.3293 21.85 15.1193 22 14.9093 22Z" fill="#808080"/>
+  </svg>