willba-component-library 0.0.16 → 0.0.18

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 (58) hide show
  1. package/.storybook/main.ts +19 -0
  2. package/.storybook/preview.ts +15 -0
  3. package/lib/components/Button/Button.d.ts +29 -0
  4. package/lib/components/Button/Button.stories.d.ts +7 -0
  5. package/lib/index.d.ts +30 -0
  6. package/lib/index.esm.js +108 -0
  7. package/lib/index.esm.js.map +1 -0
  8. package/lib/index.js +110 -0
  9. package/lib/index.js.map +1 -0
  10. package/package.json +33 -14
  11. package/rollup.config.mjs +46 -0
  12. package/src/components/Button/Button.stories.tsx +34 -0
  13. package/src/components/Button/Button.tsx +54 -0
  14. package/src/components/Button/button.css +30 -0
  15. package/src/index.ts +3 -0
  16. package/stories/Button.stories.ts +50 -0
  17. package/stories/Button.tsx +48 -0
  18. package/stories/Configure.mdx +364 -0
  19. package/stories/Header.stories.ts +27 -0
  20. package/stories/Header.tsx +56 -0
  21. package/stories/Page.stories.ts +29 -0
  22. package/stories/Page.tsx +73 -0
  23. package/stories/assets/accessibility.png +0 -0
  24. package/stories/assets/accessibility.svg +5 -0
  25. package/stories/assets/addon-library.png +0 -0
  26. package/stories/assets/assets.png +0 -0
  27. package/stories/assets/context.png +0 -0
  28. package/stories/assets/discord.svg +15 -0
  29. package/stories/assets/docs.png +0 -0
  30. package/stories/assets/figma-plugin.png +0 -0
  31. package/stories/assets/github.svg +3 -0
  32. package/stories/assets/share.png +0 -0
  33. package/stories/assets/styling.png +0 -0
  34. package/stories/assets/testing.png +0 -0
  35. package/stories/assets/theming.png +0 -0
  36. package/stories/assets/tutorials.svg +12 -0
  37. package/stories/assets/youtube.svg +4 -0
  38. package/stories/button.css +30 -0
  39. package/stories/header.css +32 -0
  40. package/stories/page.css +69 -0
  41. package/tsconfig.json +23 -0
  42. package/dist/cjs/index.js +0 -2638
  43. package/dist/cjs/index.js.map +0 -1
  44. package/dist/cjs/types/components/Button/Button.d.ts +0 -7
  45. package/dist/cjs/types/components/FilterBar/FilterBar.d.ts +0 -2
  46. package/dist/cjs/types/components/FilterBar/index.d.ts +0 -1
  47. package/dist/cjs/types/components/index.d.ts +0 -2
  48. package/dist/cjs/types/index.d.ts +0 -1
  49. package/dist/esm/index.js +0 -2635
  50. package/dist/esm/index.js.map +0 -1
  51. package/dist/esm/types/components/Button/Button.d.ts +0 -7
  52. package/dist/esm/types/components/FilterBar/FilterBar.d.ts +0 -2
  53. package/dist/esm/types/components/FilterBar/index.d.ts +0 -1
  54. package/dist/esm/types/components/index.d.ts +0 -2
  55. package/dist/esm/types/index.d.ts +0 -1
  56. package/dist/index.d.ts +0 -10
  57. /package/{dist/cjs/types → lib}/components/Button/index.d.ts +0 -0
  58. /package/{dist/esm/types/components/Button/index.d.ts → src/components/Button/index.ts} +0 -0
package/stories/assets/youtube.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M31.3313 8.44657C30.9633 7.08998 29.8791 6.02172 28.5022 5.65916C26.0067 5.00026 16 5.00026 16 5.00026C16 5.00026 5.99333 5.00026 3.4978 5.65916C2.12102 6.02172 1.03665 7.08998 0.668678 8.44657C0 10.9053 0 16.0353 0 16.0353C0 16.0353 0 21.1652 0.668678 23.6242C1.03665 24.9806 2.12102 26.0489 3.4978 26.4116C5.99333 27.0703 16 27.0703 16 27.0703C16 27.0703 26.0067 27.0703 28.5022 26.4116C29.8791 26.0489 30.9633 24.9806 31.3313 23.6242C32 21.1652 32 16.0353 32 16.0353C32 16.0353 32 10.9053 31.3313 8.44657Z" fill="#ED1D24"/>
3
+ <path d="M12.7266 20.6934L21.0902 16.036L12.7266 11.3781V20.6934Z" fill="white"/>
4
+ </svg>
package/stories/button.css ADDED
@@ -0,0 +1,30 @@
1
+ .storybook-button {
2
+ font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3
+ font-weight: 700;
4
+ border: 0;
5
+ border-radius: 3em;
6
+ cursor: pointer;
7
+ display: inline-block;
8
+ line-height: 1;
9
+ }
10
+ .storybook-button--primary {
11
+ color: white;
12
+ background-color: #1ea7fd;
13
+ }
14
+ .storybook-button--secondary {
15
+ color: #333;
16
+ background-color: transparent;
17
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
18
+ }
19
+ .storybook-button--small {
20
+ font-size: 12px;
21
+ padding: 10px 16px;
22
+ }
23
+ .storybook-button--medium {
24
+ font-size: 14px;
25
+ padding: 11px 20px;
26
+ }
27
+ .storybook-button--large {
28
+ font-size: 16px;
29
+ padding: 12px 24px;
30
+ }
package/stories/header.css ADDED
@@ -0,0 +1,32 @@
1
+ .storybook-header {
2
+ font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4
+ padding: 15px 20px;
5
+ display: flex;
6
+ align-items: center;
7
+ justify-content: space-between;
8
+ }
9
+
10
+ .storybook-header svg {
11
+ display: inline-block;
12
+ vertical-align: top;
13
+ }
14
+
15
+ .storybook-header h1 {
16
+ font-weight: 700;
17
+ font-size: 20px;
18
+ line-height: 1;
19
+ margin: 6px 0 6px 10px;
20
+ display: inline-block;
21
+ vertical-align: top;
22
+ }
23
+
24
+ .storybook-header button + button {
25
+ margin-left: 10px;
26
+ }
27
+
28
+ .storybook-header .welcome {
29
+ color: #333;
30
+ font-size: 14px;
31
+ margin-right: 10px;
32
+ }
package/stories/page.css ADDED
@@ -0,0 +1,69 @@
1
+ .storybook-page {
2
+ font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3
+ font-size: 14px;
4
+ line-height: 24px;
5
+ padding: 48px 20px;
6
+ margin: 0 auto;
7
+ max-width: 600px;
8
+ color: #333;
9
+ }
10
+
11
+ .storybook-page h2 {
12
+ font-weight: 700;
13
+ font-size: 32px;
14
+ line-height: 1;
15
+ margin: 0 0 4px;
16
+ display: inline-block;
17
+ vertical-align: top;
18
+ }
19
+
20
+ .storybook-page p {
21
+ margin: 1em 0;
22
+ }
23
+
24
+ .storybook-page a {
25
+ text-decoration: none;
26
+ color: #1ea7fd;
27
+ }
28
+
29
+ .storybook-page ul {
30
+ padding-left: 30px;
31
+ margin: 1em 0;
32
+ }
33
+
34
+ .storybook-page li {
35
+ margin-bottom: 8px;
36
+ }
37
+
38
+ .storybook-page .tip {
39
+ display: inline-block;
40
+ border-radius: 1em;
41
+ font-size: 11px;
42
+ line-height: 12px;
43
+ font-weight: 700;
44
+ background: #e7fdd8;
45
+ color: #66bf3c;
46
+ padding: 4px 12px;
47
+ margin-right: 10px;
48
+ vertical-align: top;
49
+ }
50
+
51
+ .storybook-page .tip-wrapper {
52
+ font-size: 13px;
53
+ line-height: 20px;
54
+ margin-top: 40px;
55
+ margin-bottom: 40px;
56
+ }
57
+
58
+ .storybook-page .tip-wrapper svg {
59
+ display: inline-block;
60
+ height: 12px;
61
+ width: 12px;
62
+ margin-right: 4px;
63
+ vertical-align: top;
64
+ margin-top: 3px;
65
+ }
66
+
67
+ .storybook-page .tip-wrapper svg path {
68
+ fill: #1ea7fd;
69
+ }
package/tsconfig.json ADDED
@@ -0,0 +1,23 @@
1
+ {
2
+ "compilerOptions": {
3
+ "target": "es5",
4
+ "outDir": "lib",
5
+ "lib": ["dom", "dom.iterable", "esnext"],
6
+ "declaration": true,
7
+ "declarationDir": "lib",
8
+ "allowJs": true,
9
+ "skipLibCheck": true,
10
+ "esModuleInterop": true,
11
+ "allowSyntheticDefaultImports": true,
12
+ "strict": true,
13
+ "forceConsistentCasingInFileNames": true,
14
+ "module": "esnext",
15
+ "moduleResolution": "node",
16
+ "resolveJsonModule": true,
17
+ "isolatedModules": true,
18
+ "noEmit": true,
19
+ "jsx": "react"
20
+ },
21
+ "include": ["src"],
22
+ "exclude": ["node_modules", "lib"]
23
+ }