@livestorm/ui-vue 1.1.2 → 2.0.0

package/src/css/popper.postcss

@@ -1,143 +0,0 @@
-.v-popper.w-full {
-  width: 100%;
-}
-
-.v-popper__popper {
-  z-index: 999999 !important;
-}
-
-/* Dropdown */
-
-.v-popper.v-popper--theme-dropdown {
-  &.v-popper--shown {
-    @apply opacity-100 !important;
-  }
-}
-
-.v-popper__popper.v-popper--theme-dropdown {
-  .v-popper__inner {
-    @apply p-2 rounded-8 border border-grey-200;
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
-  }
-
-  &:not(.with-arrow) .v-popper__arrow-container {
-    display: none;
-  }
-
-  /* Desktop */
-
-  &:not(.v-popper__popper--no-positioning) {
-    &.v-popper__popper--show-from .v-popper__wrapper {
-      transform: scale(.6);
-    }
-
-    &.v-popper__popper--show-to .v-popper__wrapper {
-      transform: none;
-      transition: transform .08s;
-    }
-  }
-
-  /* Mobile */
-
-  &.v-popper__popper--no-positioning {
-    isolation: isolate;
-    height: var(--visual-viewport-height, 100vh);
-    @apply fixed inset-0 w-screen;
-
-    .v-popper__wrapper {
-      @apply w-full h-full flex flex-col p-2;
-      transition: transform .4s cubic-bezier(0, 1, .5, 1);
-    }
-
-    .v-popper__backdrop {
-      @apply block bg-alpha-black-800;
-    }
-
-    &.v-popper__popper--hidden .v-popper__wrapper {
-      transform: translateY(100%);
-      transition: transform .2s cubic-bezier(.5, 0, 1, .2);
-    }
-
-    .v-popper__inner {
-      box-shadow: none;
-      border: 0;
-      padding: 0;
-      margin-top: auto;
-      max-height: none !important;
-      background: none;
-      display: flex;
-      flex-direction: column;
-      align-items: stretch;
-      overflow-y: auto;
-    }
-  }
-}
-
-.v-popper__popper.v-popper--theme-select {
-  .v-popper__inner {
-    @apply p-0 overflow-hidden;
-  }
-}
-
-.v-popper__popper.v-popper--theme-stage-dropdown {
-  .v-popper__inner {
-    @apply border-none bg-winter-green-900;
-  }
-
-  .v-popper__arrow-inner {
-    @apply hidden;
-  }
-
-  .v-popper__arrow-outer {
-    @apply border-winter-green-900;
-  }
-}
-
-/* Tooltip */
-
-.v-popper__popper.v-popper--theme-tooltip {
-  .v-popper__inner {
-    @apply text-14-semibold;
-  }
-}
-
-.v-popper__popper.v-popper--theme-small-tooltip {
-  .v-popper__inner {
-    @apply text-12-semibold;
-  }
-}
-
-.v-popper__popper.v-popper--theme-tooltip,
-.v-popper__popper.v-popper--theme-small-tooltip {
-  .v-popper__inner {
-    @apply text-center;
-    background: #091316;
-  }
-
-  .v-popper__arrow-outer {
-    border-color: #091316;
-  }
-
-  &:not(.no-max-width) {
-    .v-popper__inner {
-      max-width: 200px;
-    }
-  }
-
-  a {
-    @apply text-white underline;
-  }
-}
-
-/* Utilities */
-
-.v-popper__popper.no-padding {
-  .v-popper__inner {
-    padding: 0;
-  }
-}
-.v-popper__popper.text-left {
-  .v-popper__inner {
-    text-align: left;
-  }
-}

package/src/css/tailwind-utilities.postcss

@@ -1 +0,0 @@
-@tailwind utilities;

package/src/css/tailwind.postcss

@@ -1,2 +0,0 @@
-@tailwind base;
-@tailwind components;

package/style-postcss.d.ts

@@ -1,3 +0,0 @@
-// @TODO remove when ui-vue is migrated to TS
-
-export {}

package/style-postcss.js

@@ -1,2 +0,0 @@
-import './style.js'
-import './src/css/tailwind-utilities.postcss'

package/tailwind.config.base.cjs

@@ -1,88 +0,0 @@
-const path = require('node:path')
-const plugin = require('tailwindcss/plugin')
-const colors = require('@livestorm/design-tokens/json/colors.tailwind.json')
-const textUtilities = require('@livestorm/design-tokens/json/text.tailwind.js')
-// @TODO check with tailwind 3.3 (currently breaks VSCode extension)
-// const { icons } = require('@livestorm/ui-icons/tailwind-plugin')
-const { icons } = require('@livestorm/ui-icons/dist/cjs/tailwind-plugin.js')
-
-// @TODO Remove once the buttons will be redesigned
-colors.livestorm['300'] = '#B3CAFE'
-colors.green['300'] = '#B6ECE3'
-colors.red['300'] = '#EB9E9F'
-colors.orange['300'] = '#FAC9B8'
-
-module.exports = {
-  theme: {
-    screens: {
-      sm: '640px',
-      md: '768px',
-      lg: '1024px',
-      xl: '1280px',
-      xlplus: '1366px',
-      '2xl': '1536px',
-    },
-    colors: {
-      ...colors,
-      black: '#000000',
-      white: '#FFFFFF',
-      transparent: 'transparent',
-      current: 'currentColor',
-    },
-    extend: {
-      cursor: {
-        help: 'help',
-        'row-resize': 'row-resize',
-      },
-      inset: {
-        full: '100%',
-      },
-      spacing: {
-        1.5: '0.375rem',
-        7: '1.75rem',
-        18: '4.5rem',
-      },
-      opacity: {
-        10: '0.1',
-        20: '0.2',
-        60: '0.6',
-        90: '0.9',
-      },
-      borderRadius: {
-        8: '8px',
-        4: '4px',
-      },
-      maxWidth: {
-        inherit: 'inherit',
-      },
-      maxHeight: {
-        inherit: 'inherit',
-      },
-    },
-  },
-  corePlugins: {
-    container: false,
-    fontFamily: false,
-    fontSize: false,
-    fontSmoothing: false,
-    fontStyle: false,
-    letterSpacing: false,
-    lineHeight: false,
-  },
-  plugins: [
-    plugin(function ({ addUtilities, addComponents }) {
-      addUtilities(textUtilities)
-
-      addComponents({
-        '.text-shadow-none': {
-          'text-shadow': 'none',
-        },
-      })
-    }),
-
-    icons(),
-  ],
-  content: [
-    path.join(__dirname, 'src/**/*.{html,js,vue}'),
-  ],
-}

package/tailwind.config.js

@@ -1,9 +0,0 @@
-const tailwindConfig = require('./tailwind.config.base.cjs')
-
-tailwindConfig.content = [
-  './src/**/*.vue',
-  './src/**/*.jsx',
-  './src/**/*.postcss',
-]
-
-module.exports = tailwindConfig

package/tsconfig.check.json

@@ -1,13 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "exclude": [
-      "src/**/*.spec.js",
-      "src/**/*.spec.ts",
-      "src/**/*.cy.js",
-      "src/**/*.cy.ts",
-      "src/**/*.test.js",
-      "src/**/*.test.ts",
-      "src/**/*.stories.js",
-      "src/**/*.stories.ts",
-  ],
-}

package/tsconfig.json

@@ -1,66 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"],
-      "@test/*": ["tests/cypress/support/*"],
-      "@fixtures/*": ["tests/fixtures/*"],
-      "@factories/*": ["tests/factories/*"],
-    },
-    "types": [
-      "vite/client"
-    ],
-
-    /* ---- BASE CONFIG ---- */
-
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "useDefineForClassFields": true,
-
-    // Required in Vue projects
-    "jsx": "preserve",
-
-    // `"noImplicitThis": true` is part of `strict`
-    // Added again here in case some users decide to disable `strict`.
-    // This enables stricter inference for data properties on `this`.
-    "noImplicitThis": true,
-    "strict": true,
-
-    // Required in Vite
-    "isolatedModules": true,
-    // For `<script setup>`
-    // See <https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-beta/#preserve-value-imports>
-    "preserveValueImports": true,
-    // Enforce using `import type` instead of `import` for types
-    "importsNotUsedAsValues": "error",
-
-    // A few notes:
-    // - Vue 3 supports ES2016+
-    // - For Vite, the actual compilation target is determined by the
-    //   `build.target` option in the Vite config.
-    //   So don't change the `target` field here. It has to be
-    //   at least `ES2020` for dynamic `import()`s and `import.meta` to work correctly.
-    // - If you are not using Vite, feel free to override the `target` field.
-    "target": "ESNext",
-
-    // Recommended
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    // See <https://github.com/vuejs/vue-cli/pull/5688>
-    "skipLibCheck": true,
-
-    // Web mode
-    "lib": [
-      "ES2016",
-      "DOM",
-      "DOM.Iterable",
-    ],
-
-    // @TODO remove when we are 100% on TypeScript
-    "allowJs": true,
-  },
-  "include": [
-    "src",
-  ],
-}

package/vite.config.js

@@ -1,43 +0,0 @@
-/// <reference types="vitest" />
-
-// import vue from '@vitejs/plugin-vue'
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-
-import pkg from './package.json'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue(), vueJsx()],
-  build: {
-    lib: {
-      entry: {
-        index: 'index.js',
-        components: 'components-vite.js',
-      },
-      name: 'livestorm-ui-vue',
-      formats: ['es'],
-    },
-    rollupOptions: {
-      // make sure to externalize deps that shouldn't be bundled
-      // into your library
-      external: [
-        ...Object.keys(pkg.dependencies || {}),
-        ...Object.keys(pkg.peerDependencies || {}),
-      ],
-      output: {
-        // Provide global variables to use in the UMD build
-        // for externalized deps
-        globals: {
-          vue: 'Vue',
-        },
-      },
-    },
-  },
-  test: {
-    globals: true,
-    setupFiles: ['vitest.setup.js'],
-    environment: 'jsdom',
-  },
-})

package/vitest.setup.js

@@ -1,26 +0,0 @@
-import { config as TestUtilsConfig } from '@vue/test-utils'
-import FloatingVue from 'floating-vue'
-import { getComponents } from './components-vite'
-
-TestUtilsConfig.global.mocks = {
-  i18n: {
-    t: (id, params) => `${id}:${params ? JSON.stringify(params) : '{}'}`,
-  },
-  $responsive: {},
-}
-
-TestUtilsConfig.global.plugins = [
-  FloatingVue,
-]
-
-// Global components
-const NAME_REG = /([a-z0-9]+)\./i
-const components = {}
-const modules = import.meta.glob('/src/components/**/Base+([a-zA-Z0-9]).{js,jsx,vue}')
-for (const key in modules) {
-  const component = modules[key]
-  const name = key.match(NAME_REG)[1]
-  components[name] = component.default || component
-}
-Object.assign(components, getComponents('Base'))
-TestUtilsConfig.global.components = components