hp-design-system 1.0.20 → 1.0.22

package/src/index.ts

@@ -1,14 +0,0 @@
-import { App } from 'vue'
-import * as components from './components'
-
-function install(app: App) {
-  Object.keys(components).forEach((key) => {
-    app.component(key, components[key as keyof typeof components])
-  })
-}
-
-// import '../assets/main.scss';
-
-export default { install }
-
-export * from './components'

package/src/main.ts

@@ -1,7 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import './style.scss'
-import 'virtual:svg-icons-register'
-
-const app = createApp(App)
-app.mount('#app')

package/src/shims-vue.d.ts

@@ -1,5 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}

package/src/style.scss

@@ -1,47 +0,0 @@
-@font-face {
-  font-family: 'Quicksand';
-  src: url('@assets/fonts/Quicksand-Regular.ttf') format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Quicksand';
-  src: url('@assets/fonts/Quicksand-Bold.ttf') format('truetype');
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Quicksand';
-  src: url('@assets/fonts/Quicksand-Italic.ttf') format('truetype');
-  font-weight: normal;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Quicksand';
-  src: url('@assets/fonts/Quicksand-BoldItalic.ttf') format('truetype');
-  font-weight: bold;
-  font-style: italic;
-}
-
-* {
-  font-family: 'Quicksand', Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-}
-
-:root {
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-$teste: #3498db;

package/src/styles/colors.scss

@@ -1,28 +0,0 @@
-// colors.scss
-
-// Paleta de Cores para o Modo Claro
-$color-primary-light: #3498db;
-$color-secondary-light: #2ecc71;
-$color-background-light: #ffffff;
-$color-text-light: #333333;
-
-// Paleta de Cores para o Modo Escuro
-$color-primary-dark: #2980b9;
-$color-secondary-dark: #27ae60;
-$color-background-dark: #121212;
-$color-text-dark: #ffffff;
-
-// Mapas de Cores
-$light-theme-colors: (
-  primary: $color-primary-light,
-  secondary: $color-secondary-light,
-  background: $color-background-light,
-  text: $color-text-light,
-);
-
-$dark-theme-colors: (
-  primary: $color-primary-dark,
-  secondary: $color-secondary-dark,
-  background: $color-background-dark,
-  text: $color-text-dark,
-);

package/src/styles/theme.scss

@@ -1,33 +0,0 @@
-// Light Mode Colors
-$light-background-color: #8f44fd;
-$light-border-color: #8f44fd;
-$light-check-color: #f9f9f9;
-
-// Dark Mode Colors
-$dark-background-color: #1e1e1e;
-$dark-border-color: #6f6f6f;
-$dark-check-color: #ffffff;
-
-// Default theme variables
-$background-color: $light-background-color;
-$border-color: $light-border-color;
-$check-color: $light-check-color;
-
-// Dark mode class
-.dark-mode {
-  $background-color: $dark-background-color;
-  $border-color: $dark-border-color;
-  $check-color: $dark-check-color;
-}
-
-// theme.scss
-
-@mixin theme-colors($theme) {
-  background-color: map-get($theme, background);
-  color: map-get($theme, text);
-
-  // Exemplo de como usar as outras cores do tema
-  a {
-    color: map-get($theme, primary);
-  }
-}