@jotyping/jo-designsystem 0.1.1-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/.prettierignore +3 -0
  2. package/.prettierrc +1 -0
  3. package/.storybook/main.ts +18 -0
  4. package/.storybook/preview.ts +15 -0
  5. package/README.md +20 -0
  6. package/dist/components/button/jd-button.js +42 -0
  7. package/dist/components/button/jd-button.js.map +1 -0
  8. package/dist/components/button/jd-button.scss.js +5 -0
  9. package/dist/components/button/jd-button.scss.js.map +1 -0
  10. package/dist/components/flash/jd-flash.js +74 -0
  11. package/dist/components/flash/jd-flash.js.map +1 -0
  12. package/dist/components/flash/jd-flash.scss.js +5 -0
  13. package/dist/components/flash/jd-flash.scss.js.map +1 -0
  14. package/dist/components/footer/jd-footer.js +50 -0
  15. package/dist/components/footer/jd-footer.js.map +1 -0
  16. package/dist/components/footer/jd-footer.scss.js +5 -0
  17. package/dist/components/footer/jd-footer.scss.js.map +1 -0
  18. package/dist/components/header/jd-header.js +69 -0
  19. package/dist/components/header/jd-header.js.map +1 -0
  20. package/dist/components/header/jd-header.scss.js +5 -0
  21. package/dist/components/header/jd-header.scss.js.map +1 -0
  22. package/dist/components/heading/jd-heading.js +63 -0
  23. package/dist/components/heading/jd-heading.js.map +1 -0
  24. package/dist/components/heading/jd-heading.scss.js +5 -0
  25. package/dist/components/heading/jd-heading.scss.js.map +1 -0
  26. package/dist/components/icon/icon-data.js +47 -0
  27. package/dist/components/icon/icon-data.js.map +1 -0
  28. package/dist/components/icon/jd-icon.js +58 -0
  29. package/dist/components/icon/jd-icon.js.map +1 -0
  30. package/dist/components/icon/jd-icon.scss.js +5 -0
  31. package/dist/components/icon/jd-icon.scss.js.map +1 -0
  32. package/dist/components/icon-button/jd-icon-button.js +52 -0
  33. package/dist/components/icon-button/jd-icon-button.js.map +1 -0
  34. package/dist/components/icon-button/jd-icon-button.scss.js +5 -0
  35. package/dist/components/icon-button/jd-icon-button.scss.js.map +1 -0
  36. package/dist/components/image-link/jd-image-link.js +63 -0
  37. package/dist/components/image-link/jd-image-link.js.map +1 -0
  38. package/dist/components/image-link/jd-image-link.scss.js +5 -0
  39. package/dist/components/image-link/jd-image-link.scss.js.map +1 -0
  40. package/dist/components/link/jd-link.js +43 -0
  41. package/dist/components/link/jd-link.js.map +1 -0
  42. package/dist/components/link/jd-link.scss.js +5 -0
  43. package/dist/components/link/jd-link.scss.js.map +1 -0
  44. package/dist/components/modal/jd-modal.js +86 -0
  45. package/dist/components/modal/jd-modal.js.map +1 -0
  46. package/dist/components/modal/jd-modal.scss.js +5 -0
  47. package/dist/components/modal/jd-modal.scss.js.map +1 -0
  48. package/dist/components/navigation/jd-navigation.js +44 -0
  49. package/dist/components/navigation/jd-navigation.js.map +1 -0
  50. package/dist/components/navigation/jd-navigation.scss.js +5 -0
  51. package/dist/components/navigation/jd-navigation.scss.js.map +1 -0
  52. package/dist/components/tag/jd-tag.js +36 -0
  53. package/dist/components/tag/jd-tag.js.map +1 -0
  54. package/dist/components/tag/jd-tag.scss.js +5 -0
  55. package/dist/components/tag/jd-tag.scss.js.map +1 -0
  56. package/dist/fonts/satoshi-black.ttf +0 -0
  57. package/dist/fonts/satoshi-bold.ttf +0 -0
  58. package/dist/fonts/satoshi-italic.ttf +0 -0
  59. package/dist/fonts/satoshi-medium.ttf +0 -0
  60. package/dist/fonts/satoshi-regular.ttf +0 -0
  61. package/dist/index.js +27 -0
  62. package/dist/index.js.map +1 -0
  63. package/dist/stores/breakpoint-store.js +13 -0
  64. package/dist/stores/breakpoint-store.js.map +1 -0
  65. package/dist/vite.svg +1 -0
  66. package/eslint.config.js +12 -0
  67. package/index.html +18 -0
  68. package/license.md +0 -0
  69. package/package.json +46 -0
  70. package/public/fonts/satoshi-black.ttf +0 -0
  71. package/public/fonts/satoshi-bold.ttf +0 -0
  72. package/public/fonts/satoshi-italic.ttf +0 -0
  73. package/public/fonts/satoshi-medium.ttf +0 -0
  74. package/public/fonts/satoshi-regular.ttf +0 -0
  75. package/public/vite.svg +1 -0
  76. package/src/assets/lit.svg +1 -0
  77. package/src/components/button/jd-button.scss +56 -0
  78. package/src/components/button/jd-button.ts +28 -0
  79. package/src/components/button/stories/jd-button.stories.ts +44 -0
  80. package/src/components/flash/jd-flash.scss +47 -0
  81. package/src/components/flash/jd-flash.ts +65 -0
  82. package/src/components/flash/stories/jd-flash.stories.ts +62 -0
  83. package/src/components/footer/jd-footer.scss +42 -0
  84. package/src/components/footer/jd-footer.ts +42 -0
  85. package/src/components/footer/stories/jd-footer.stories.ts +20 -0
  86. package/src/components/header/jd-header.scss +48 -0
  87. package/src/components/header/jd-header.ts +58 -0
  88. package/src/components/header/stories/jd-header.stories.ts +52 -0
  89. package/src/components/heading/jd-heading.scss +48 -0
  90. package/src/components/heading/jd-heading.ts +49 -0
  91. package/src/components/heading/stories/jd-heading.stories.ts +47 -0
  92. package/src/components/icon/icon-data.ts +45 -0
  93. package/src/components/icon/jd-icon.scss +35 -0
  94. package/src/components/icon/jd-icon.ts +66 -0
  95. package/src/components/icon/stories/jd-icon.stories.ts +62 -0
  96. package/src/components/icon-button/jd-icon-button.scss +36 -0
  97. package/src/components/icon-button/jd-icon-button.ts +51 -0
  98. package/src/components/icon-button/stories/jd-icon-button.stories.ts +93 -0
  99. package/src/components/image-link/jd-image-link.scss +41 -0
  100. package/src/components/image-link/jd-image-link.ts +36 -0
  101. package/src/components/image-link/stories/jd-image-link.stories.ts +46 -0
  102. package/src/components/link/jd-link.scss +29 -0
  103. package/src/components/link/jd-link.ts +25 -0
  104. package/src/components/link/stories/jd-link.stories.ts +42 -0
  105. package/src/components/modal/jd-modal.scss +91 -0
  106. package/src/components/modal/jd-modal.ts +75 -0
  107. package/src/components/modal/stories/jd-modal.stories.ts +54 -0
  108. package/src/components/navigation/jd-navigation.scss +17 -0
  109. package/src/components/navigation/jd-navigation.ts +32 -0
  110. package/src/components/navigation/stories/jd-navigation.stories.ts +47 -0
  111. package/src/components/tag/jd-tag.scss +19 -0
  112. package/src/components/tag/jd-tag.ts +23 -0
  113. package/src/components/tag/stories/jd-tag.stories.ts +20 -0
  114. package/src/components.ts +12 -0
  115. package/src/index.ts +12 -0
  116. package/src/stores/breakpoint-store.ts +16 -0
  117. package/src/styles/_colors.scss +10 -0
  118. package/src/styles/_fonts.scss +72 -0
  119. package/src/styles/_mixins.scss +112 -0
  120. package/src/styles/_reset.scss +62 -0
  121. package/src/styles/variables.scss +13 -0
  122. package/src/vite-env.d.ts +1 -0
  123. package/tsconfig.build.json +12 -0
  124. package/tsconfig.json +47 -0
  125. package/vite.config.ts +26 -0
@@ -0,0 +1,13 @@
1
+ @use "fonts" as font;
2
+ @use "colors" as color;
3
+ @use "mixins" as *;
4
+
5
+ body,
6
+ html {
7
+ font-family: Satoshi_Black, Helvetica, Arial, sans-serif;
8
+ -webkit-font-smoothing: antialiased;
9
+ -moz-osx-font-smoothing: grayscale;
10
+ margin: 0;
11
+ padding: 0;
12
+ box-sizing: border-box;
13
+ }
@@ -0,0 +1 @@
1
+ /// <reference types="vite/client" />
@@ -0,0 +1,12 @@
1
+ {
2
+ "extends": "./tsconfig.json",
3
+ "compilerOptions": {
4
+ "noEmit": false,
5
+ "outDir": "dist",
6
+ "rootDir": "src",
7
+ "declaration": true,
8
+ "declarationMap": true,
9
+ "emitDeclarationOnly": false
10
+ },
11
+ "include": ["src"]
12
+ }
package/tsconfig.json ADDED
@@ -0,0 +1,47 @@
1
+ {
2
+ "compilerOptions": {
3
+ "target": "ES2021",
4
+ "module": "es2015",
5
+ "moduleResolution": "node",
6
+ "lib": ["ES2020", "dom"],
7
+ "resolveJsonModule": true,
8
+
9
+ /* Lit */
10
+ "experimentalDecorators": true,
11
+ "useDefineForClassFields": false,
12
+
13
+ /* Bundler mode */
14
+ "allowImportingTsExtensions": true,
15
+ "isolatedModules": true,
16
+ "moduleDetection": "force",
17
+ "noEmit": true,
18
+ "declaration": true,
19
+ "declarationDir": "./dist",
20
+ "declarationMap": true,
21
+
22
+ /* Linting */
23
+ "strict": true,
24
+ "noImplicitReturns": true,
25
+ "noUnusedLocals": false,
26
+ "noUnusedParameters": true,
27
+ "noFallthroughCasesInSwitch": true,
28
+ "noUncheckedSideEffectImports": true,
29
+
30
+ /* Dev helper & aliases */
31
+ "rootDir": "./src",
32
+ "outDir": "./dist",
33
+ "skipLibCheck": true,
34
+ "baseUrl": "./",
35
+ "paths": {
36
+ "@src": ["src/*"]
37
+ }
38
+ },
39
+ "include": ["src/**/*.ts"],
40
+ "exclude": [
41
+ "node_modules",
42
+ "dist",
43
+ "src/**/*.stories.ts",
44
+ "src/**/stories/**",
45
+ "src/**/test-e2e/**"
46
+ ]
47
+ }
package/vite.config.ts ADDED
@@ -0,0 +1,26 @@
1
+ import { defineConfig } from "vite";
2
+ import path from "path";
3
+
4
+ export default defineConfig({
5
+ resolve: {
6
+ alias: {
7
+ "@": path.resolve(__dirname, "./src"),
8
+ },
9
+ },
10
+ build: {
11
+ emptyOutDir: false,
12
+ sourcemap: true,
13
+ lib: {
14
+ entry: path.resolve(__dirname, "src/index.ts"),
15
+ formats: ["es"],
16
+ },
17
+ rollupOptions: {
18
+ output: {
19
+ preserveModules: true,
20
+ preserveModulesRoot: "src",
21
+ entryFileNames: "[name].js",
22
+ },
23
+ external: [/\.stories\.(ts|js)$/, /\/stories\//, /\/node_modules\//],
24
+ },
25
+ },
26
+ });