@repobit/dex-system-design 0.18.0 → 0.19.0

package/src/components/Button/icons.css

@@ -1,5 +0,0 @@
-.arrow-icon {
-  width: 24px;
-  height: 24px;
-  fill: #000;
-}

package/src/components/FAQ/faq.css.js

@@ -1,117 +0,0 @@
-import { css } from "lit";
-
-export default css`
-  :host {
-    --background-card-grey: var(--color-neutral-25);
-    --border-card-grey: var(--color-neutral-50);
-    --border-card-green: var(--color-green-700);
-    --badge-background: var(--color-blue-500);
-    --text-color-white: var(--color-neutral-0);
-    --bd-accesibility-focus: var(--color-blue-500);
-    display: block;
-  }
-
-  .bd-accordion-bg-item {
-    margin-bottom: var(--spacing-16);
-    border-radius: var(--spacing-8);
-    background-color: var(--color-blue-50);
-    overflow: hidden;
-    transition: box-shadow 0.3s ease;
-  }
-
-  .bd-accordion-bg-item:hover {
-    .bd-accordion-bg-question-text {
-      text-decoration-line: underline;
-    }
-  }
-
-  .bd-accordion-bg-question {
-    cursor: pointer;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    gap: var(--spacing-10);
-    padding: var(--spacing-16);
-    font-weight: bold;
-    background-color: var(--color-blue-50);
-    color: #333;
-    transition: background-color 0.3s ease, color 0.3s ease;
-  }
-
-  .bd-accordion-bg-header {
-    margin-bottom: var(--spacing-32);
-  }
-
-  .bd-accordion-bg-question:hover {
-    color: #0073e6;
-  }
-
-  .bd-accordion-bg-item:focus-visible {
-    outline: var(--spacing-2) solid var(--bd-accesibility-focus);
-    outline-offset: var(--spacing-2);
-    border-radius: var(--space-2xs);
-  }
-
-  .bd-accordion-bg-item:focus {
-    .bd-accordion-bg-question-text {
-      font-weight: 600;
-      text-decoration-line: underline;
-      color: var(--color-blue-600);
-      text-decoration-thickness: var(--spacing-2);
-    }
-  }
-
-  .bd-accordion-bg-question-text {
-    font-family: var(--typography-fontFamily-sans);
-    font-weight: var(--typography-fontWeight-semibold);
-  }
-
-  .bd-accordion-bg-title {
-    font-family: var(--typography-fontFamily-sans);
-    font-weight: var(--typography-fontWeight-semibold);
-    margin-left: auto;
-    margin-right: auto;
-    text-align: center;
-  }
-
-  .bd-accordion-bg-icon {
-    transition: transform 0.3s ease;
-    width: var(--spacing-14);
-    height: var(--spacing-14);
-    color: var(--color-blue-500);
-    text-align: center;
-    position: relative;
-    bottom: 1px;
-  }
-
-  .bd-accordion-bg-answer {
-    overflow: hidden;
-    max-height: 0;
-    opacity: 0;
-    padding: 0 15px;
-    background-color: var(--color-blue-50);
-    font-family: var(--typography-fontFamily-sans);
-    font-weight: var(--font-weight-sans-medium);
-  }
-
-  .bd-accordion-bg-item.open .bd-accordion-bg-answer {
-    max-height: 1000px;
-    opacity: 1;
-    padding: var(--spacing-0) var(--spacing-40);
-  }
-
-  .bd-accordion-bg-answer > div {
-    overflow: hidden;
-  }
-
-  .bd-accordion-bg-container {
-    width: 90%;
-    margin: auto;
-    padding-top: var(--spacing-64);
-    padding-bottom: var(--spacing-64);
-  }
-
-  .bd-accordion-bg-link-noline {
-    text-decoration: none;
-  }
-`;

package/src/components/FAQ/faq.stories.js

@@ -1,66 +0,0 @@
-import { html } from 'lit';
-import './faq.js';
-
-export default {
-  title: 'Components/FAQ Section',
-  component: 'bd-faq-section',
-  tags: ['autodocs'],
-  argTypes: {
-    title: { control: 'text' },
-
-    item1Title: { control: 'text', name: 'Item 1 Title' },
-    item1Content: { 
-      control: 'text', 
-      name: 'Item 1 Content (separate paragraphs with \\n\\n)', 
-      defaultValue: 'Paragraph 1\n\nParagraph 2\n\nParagraph 3'
-    },
-
-    item2Title: { control: 'text', name: 'Item 2 Title' },
-    item2Content: { 
-      control: 'text', 
-      name: 'Item 2 Content (separate paragraphs with \\n\\n)',
-      defaultValue: 'Paragraph 1\n\nParagraph 2'
-    },
-
-    item3Title: { control: 'text', name: 'Item 3 Title' },
-    item3Content: { 
-      control: 'text', 
-      name: 'Item 3 Content (separate paragraphs with \\n\\n)',
-      defaultValue: 'Paragraph 1\n\nParagraph 2\n\nParagraph 3'
-    },
-  },
-};
-
-const renderParagraphs = (text) => {
-  return text.split('\n\n').map(paragraph => html`<p>${paragraph}</p>`);
-};
-
-const Template = (args) => html`
-  <bd-faq-section title="${args.title}">
-    <bd-faq-section-item title="${args.item1Title}">
-      ${renderParagraphs(args.item1Content)}
-    </bd-faq-section-item>
-
-    <bd-faq-section-item title="${args.item2Title}">
-      ${renderParagraphs(args.item2Content)}
-    </bd-faq-section-item>
-
-    <bd-faq-section-item title="${args.item3Title}">
-      ${renderParagraphs(args.item3Content)}
-    </bd-faq-section-item>
-  </bd-faq-section>
-`;
-
-export const Default = Template.bind({});
-Default.args = {
-  title: 'Questions? Answers.',
-
-  item1Title: 'How does Bitdefender Internet Security protect me?',
-  item1Content: 'Bitdefender Internet Security provides the best protection...\n\nBitdefender Internet Security provides the best protection...\n\nBitdefender Internet Security provides the best protection...',
-
-  item2Title: 'Does Bitdefender protect me against ransomware?',
-  item2Content: 'Yes! Bitdefender Internet Security offers unbeatable ransomware protection...\n\nIt detects ransomware threats in real-time.',
-
-  item3Title: 'Do I get a VPN with Bitdefender Internet Security?',
-  item3Content: 'Bitdefender Internet Security includes a basic VPN with 200MB per day.\n\nYou can upgrade for unlimited VPN usage.\n\nThe VPN protects your online privacy.',
-};