hp-design-system 0.0.10 → 0.0.12

package/dist/my-lib.es.js

@@ -0,0 +1,20 @@
+const e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get default() {
+    return t;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
+function c(o) {
+  Object.keys(e).forEach((n) => {
+    o.component(n, e[n]);
+  });
+}
+const t = { install: c };
+function l(o) {
+  for (const n in t)
+    t.hasOwnProperty(n) && o.component(n, t[n]);
+}
+const r = { install: l };
+export {
+  r as default
+};

package/dist/style.css

@@ -0,0 +1 @@
+@font-face{font-family:myfont}.icon-heart:before{content:""}.global-example{color:red}

package/dist/types/components/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+declare function install(app: App): void;
+import '../assets/main.scss';
+declare const _default: {
+    install: typeof install;
+};
+export default _default;
+export * from '../components';

package/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+declare function install(app: App): void;
+import './assets/main.scss';
+declare const _default: {
+    install: typeof install;
+};
+export default _default;
+export * from './components';

package/package.json

@@ -1,32 +1,38 @@
 {
   "name": "hp-design-system",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "main": "dist/hp-design-system.umd.js",
-  "module": "dist/hp-design-system.esm.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/hp-design-system.esm.js",
-      "require": "./dist/hp-design-system.umd.js"
-    }
-  },
   "scripts": {
-    "dev": "vite",
-    "build": "npm run build:types && vite build",
-    "build:types": "vue-tsc --project tsconfig.json",
-    "preview": "vite preview"
-  },
+  "dev": "vite",
+  "clean:cache": "rmdir /s /q node_modules\\.vite",
+  "build": "rimraf dist && vue-tsc && vite build",
+  "preview": "vite preview"
+},
   "dependencies": {
+    "@vitejs/plugin-vue": "^5.0.5",
     "vue": "^3.4.29"
   },
   "devDependencies": {
     "@types/node": "^20.14.8",
     "@types/vue": "^2.0.0",
-    "@vitejs/plugin-vue": "^5.0.5",
     "@vue/runtime-dom": "^3.4.30",
-    "typescript": "^5.2.2",
+    "rimraf": "^5.0.1",
+    "sass": "^1.63.6",
+    "typescript": "^5.5.2",
     "vite": "^5.3.1",
     "vue-tsc": "^2.0.21"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "module": "./disthp-design-system.es.js",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./disthp-design-system.es.js"
+    },
+    "./dist/style.css": "./dist/style.css"
   }
 }

package/src/assets/main.scss

@@ -0,0 +1,17 @@
+@font-face {
+    font-family: 'myfont';
+    // src: url('fonts/myfont.woff');
+  }
+  
+  [class^='icon-'],
+  [class*=' icon-'] {
+    // font-family: 'myfont' !important;
+  }
+  
+  .icon-heart:before {
+    content: '\e9da';
+  }
+  
+  .global-example {
+    color: red;
+  }

package/src/components/Button.vue

@@ -7,4 +7,4 @@
 const props = defineProps({
   text: { type: String, required: true }
 })
-</script>
+</script>

package/src/components/index.ts

@@ -0,0 +1,14 @@
+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/index.ts

@@ -1,11 +1,15 @@
-import { App } from 'vue'
-import HpButton from './components/Button.vue'
+import { App } from 'vue';
+import components from './components';
 
-const HpDesignSystem = {
-  install(app: App) {
-    app.component('HpButton', HpButton)
+function install(app: App) {
+  for (const key in components) {
+    if (components.hasOwnProperty(key)) {
+      app.component(key, (components as any)[key]);
+    }
   }
 }
 
-export default HpDesignSystem
-export { HpButton }
+import './assets/main.scss';
+
+export default { install };
+export * from './components';

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/dist/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/dist/hp-design-system.es.js

@@ -1,18 +0,0 @@
-import { openBlock as e, createElementBlock as n, toDisplayString as o } from "vue";
-const r = {
-  __name: "Button",
-  props: {
-    text: { type: String, required: !0 }
-  },
-  setup(t) {
-    return (p, s) => (e(), n("button", null, o(t.text), 1));
-  }
-}, c = {
-  install(t) {
-    t.component("HpButton", r);
-  }
-};
-export {
-  r as HpButton,
-  c as default
-};

package/dist/hp-design-system.umd.js

@@ -1 +0,0 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.HpDesignSystem={},e.Vue))})(this,function(e,t){"use strict";const o={__name:"Button",props:{text:{type:String,required:!0}},setup(n){return(i,s)=>(t.openBlock(),t.createElementBlock("button",null,t.toDisplayString(n.text),1))}},u={install(n){n.component("HpButton",o)}};e.HpButton=o,e.default=u,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-import { App } from 'vue';
-import HpButton from './components/Button.vue';
-declare const HpDesignSystem: {
-    install(app: App): void;
-};
-export default HpDesignSystem;
-export { HpButton };

package/dist/main.d.ts

@@ -1 +0,0 @@
-import './style.css';

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.vue

@@ -1,8 +0,0 @@
-<template>
-  <div>
-    Design System
-  </div>
-</template>
-
-<script setup lang="ts">
-</script>

package/src/assets/vue.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/main.ts

@@ -1,5 +0,0 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-
-createApp(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/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/tsconfig.app.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": false, // Habilita a geração de arquivos de saída
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
-}

package/tsconfig.node.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "noEmit": false // Permitir a geração de arquivos de saída
-  },
-  "include": ["vite.config.ts"]
-}