@jotyping/jo-designsystem 0.1.19-alpha → 0.1.21-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 (67) hide show
  1. package/package.json +7 -2
  2. package/.prettierignore +0 -3
  3. package/.prettierrc +0 -1
  4. package/.storybook/main.ts +0 -18
  5. package/.storybook/preview.ts +0 -15
  6. package/eslint.config.js +0 -12
  7. package/index.html +0 -19
  8. package/public/assets/satoshi-black.ttf +0 -0
  9. package/public/assets/satoshi-bold.ttf +0 -0
  10. package/public/assets/satoshi-italic.ttf +0 -0
  11. package/public/assets/satoshi-regular.ttf +0 -0
  12. package/public/vite.svg +0 -1
  13. package/src/assets/lit.svg +0 -1
  14. package/src/assets/satoshi-black.ttf +0 -0
  15. package/src/assets/satoshi-bold.ttf +0 -0
  16. package/src/assets/satoshi-italic.ttf +0 -0
  17. package/src/assets/satoshi-regular.ttf +0 -0
  18. package/src/components/button/jd-button.scss +0 -56
  19. package/src/components/button/jd-button.ts +0 -28
  20. package/src/components/button/stories/jd-button.stories.ts +0 -44
  21. package/src/components/flash/jd-flash.scss +0 -47
  22. package/src/components/flash/jd-flash.ts +0 -65
  23. package/src/components/flash/stories/jd-flash.stories.ts +0 -62
  24. package/src/components/footer/jd-footer.scss +0 -42
  25. package/src/components/footer/jd-footer.ts +0 -42
  26. package/src/components/footer/stories/jd-footer.stories.ts +0 -20
  27. package/src/components/header/jd-header.scss +0 -48
  28. package/src/components/header/jd-header.ts +0 -58
  29. package/src/components/header/stories/jd-header.stories.ts +0 -52
  30. package/src/components/heading/jd-heading.scss +0 -48
  31. package/src/components/heading/jd-heading.ts +0 -49
  32. package/src/components/heading/stories/jd-heading.stories.ts +0 -47
  33. package/src/components/icon/icon-data.ts +0 -45
  34. package/src/components/icon/jd-icon.scss +0 -35
  35. package/src/components/icon/jd-icon.ts +0 -66
  36. package/src/components/icon/stories/jd-icon.stories.ts +0 -62
  37. package/src/components/icon-button/jd-icon-button.scss +0 -36
  38. package/src/components/icon-button/jd-icon-button.ts +0 -51
  39. package/src/components/icon-button/stories/jd-icon-button.stories.ts +0 -93
  40. package/src/components/image-link/jd-image-link.scss +0 -41
  41. package/src/components/image-link/jd-image-link.ts +0 -36
  42. package/src/components/image-link/stories/jd-image-link.stories.ts +0 -46
  43. package/src/components/link/jd-link.scss +0 -29
  44. package/src/components/link/jd-link.ts +0 -25
  45. package/src/components/link/stories/jd-link.stories.ts +0 -42
  46. package/src/components/modal/jd-modal.scss +0 -91
  47. package/src/components/modal/jd-modal.ts +0 -75
  48. package/src/components/modal/stories/jd-modal.stories.ts +0 -54
  49. package/src/components/navigation/jd-navigation.scss +0 -17
  50. package/src/components/navigation/jd-navigation.ts +0 -32
  51. package/src/components/navigation/stories/jd-navigation.stories.ts +0 -47
  52. package/src/components/tag/jd-tag.scss +0 -19
  53. package/src/components/tag/jd-tag.ts +0 -23
  54. package/src/components/tag/stories/jd-tag.stories.ts +0 -20
  55. package/src/components.ts +0 -12
  56. package/src/index.ts +0 -20
  57. package/src/stores/breakpoint-store.ts +0 -16
  58. package/src/styles/_mixins.scss +0 -112
  59. package/src/styles/_reset.scss +0 -62
  60. package/src/styles/_tokens.scss +0 -50
  61. package/src/styles/fonts.css +0 -31
  62. package/src/styles/variables.scss +0 -12
  63. package/src/vite-env.d.ts +0 -1
  64. package/tsconfig.build.json +0 -12
  65. package/tsconfig.json +0 -47
  66. package/vite.config.ts +0 -34
  67. /package/{license.md → LICENCE.md} +0 -0
@@ -1,62 +0,0 @@
1
- /*
2
- * File is defined as partial, which means it won't be compiled into CSS directly
3
- * It's intended to be used as a building block for the component styles.
4
- */
5
-
6
- *,
7
- *::before,
8
- *::after {
9
- box-sizing: border-box;
10
- margin: 0;
11
- padding: 0;
12
- }
13
-
14
- /*
15
- * Make form elements inherit fonts for consistent styling.
16
- */
17
- button,
18
- input,
19
- select,
20
- textarea {
21
- font: inherit;
22
- }
23
-
24
- /*
25
- * Make images and other media easier to work with.
26
- */
27
- img,
28
- picture,
29
- video,
30
- canvas,
31
- svg {
32
- display: block;
33
- max-width: 100%;
34
- }
35
-
36
- /*
37
- * Remove default list styles.
38
- */
39
- ol,
40
- ul {
41
- list-style: none;
42
- }
43
-
44
- /*
45
- * Remove default anchor styles.
46
- */
47
- a {
48
- text-decoration: none;
49
- color: inherit;
50
- }
51
-
52
- /*
53
- * Remove default heading styles.
54
- */
55
- h1,
56
- h2,
57
- h3,
58
- h4,
59
- h5,
60
- h6 {
61
- font-weight: normal;
62
- }
@@ -1,50 +0,0 @@
1
- @import "fonts.css";
2
-
3
- /* --- FONT FAMILIES --- */
4
- $font-regular: "Satoshi_Regular", sans-serif;
5
- $font-bold: "Satoshi_Bold", sans-serif;
6
- $font-black: "Satoshi_Black", sans-serif;
7
- $font-medium: "Satoshi_Medium", sans-serif;
8
- $font-italic: "Satoshi_Italic", sans-serif;
9
-
10
- /* --- FONT SIZES & LINE HEIGHTS --- */
11
- $font-size-01-copy: 34px;
12
- $line-height-01-copy: 52px;
13
-
14
- $font-size-02-copy: 28px;
15
- $line-height-02-copy: 42px;
16
-
17
- $font-size-03-copy: 22px;
18
- $line-height-03-copy: 32px;
19
-
20
- $font-size-button: 24px;
21
- $line-height-button: 42px;
22
-
23
- $font-size-01-headline: 130px;
24
- $line-height-01-headline: 112px;
25
-
26
- $font-size-02-headline: 100px;
27
- $line-height-02-headline: 90px;
28
-
29
- $font-size-03-headline: 80px;
30
- $line-height-03-headline: 72px;
31
-
32
- $font-size-01-subheadline: 60px;
33
- $line-height-01-subheadline: 64px;
34
-
35
- $font-size-02-subheadline: 46px;
36
- $line-height-02-subheadline: 50px;
37
-
38
- $font-size-03-subheadline: 34px;
39
- $line-height-03-subheadline: 36px;
40
-
41
- $color-black: #3a3a3a;
42
- $color-white: #ffffff;
43
-
44
- $color-neutral-200: #f3f3f3;
45
- $color-neutral-400: #d5d5d5;
46
- $color-neutral-600: #898989;
47
-
48
- $color-accent-blue: #2a91ff;
49
- $color-accent-purple: #bf2aff;
50
- $color-accent-red: #ff4d2a;
@@ -1,31 +0,0 @@
1
- @font-face {
2
- font-family: "Satoshi_Regular";
3
- font-display: swap;
4
- src:
5
- local("Satoshi_Regular"),
6
- url(../assets/satoshi-regular.ttf) format("truetype");
7
- }
8
-
9
- @font-face {
10
- font-family: "Satoshi_Bold";
11
- font-display: swap;
12
- src:
13
- local("Satoshi_Bold"),
14
- url(../assets/satoshi-bold.ttf) format("truetype");
15
- }
16
-
17
- @font-face {
18
- font-family: "Satoshi_Black";
19
- font-display: swap;
20
- src:
21
- local("Satoshi_Black"),
22
- url(../assets/satoshi-black.ttf) format("truetype");
23
- }
24
-
25
- @font-face {
26
- font-family: "Satoshi_Italic";
27
- font-display: swap;
28
- src:
29
- local("Satoshi_Italic"),
30
- url(../assets/satoshi-italic.ttf) format("truetype");
31
- }
@@ -1,12 +0,0 @@
1
- @use "tokens" as t;
2
- @use "mixins" as *;
3
-
4
- body,
5
- html {
6
- font-family: Satoshi_Black, Helvetica, Arial, sans-serif;
7
- -webkit-font-smoothing: antialiased;
8
- -moz-osx-font-smoothing: grayscale;
9
- margin: 0;
10
- padding: 0;
11
- box-sizing: border-box;
12
- }
package/src/vite-env.d.ts DELETED
@@ -1 +0,0 @@
1
- /// <reference types="vite/client" />
@@ -1,12 +0,0 @@
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 DELETED
@@ -1,47 +0,0 @@
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 DELETED
@@ -1,34 +0,0 @@
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
- assetsInlineLimit: 0,
12
- emptyOutDir: true,
13
- cssCodeSplit: true,
14
- sourcemap: true,
15
- lib: {
16
- entry: path.resolve(__dirname, "src/index.ts"),
17
- formats: ["es"],
18
- },
19
- rollupOptions: {
20
- output: {
21
- preserveModules: true,
22
- preserveModulesRoot: "src",
23
- entryFileNames: "[name].js",
24
- assetFileNames: (assetInfo) => {
25
- if (assetInfo.name?.endsWith(".css")) {
26
- return "[name]-[hash][extname]";
27
- }
28
- return "assets/[name]-[hash][extname]";
29
- },
30
- },
31
- external: [/\.stories\.(ts|js)$/, /\/stories\//, /\/node_modules\//],
32
- },
33
- },
34
- });
File without changes