willba-component-library 0.0.28 → 0.0.33

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 (61) hide show
  1. package/.storybook/main.ts +19 -19
  2. package/.storybook/preview.ts +15 -15
  3. package/lib/components/FilterBar/FilterBar.d.ts +2 -2
  4. package/lib/components/FilterBar/components/Callendar.d.ts +2 -0
  5. package/lib/components/FilterBar/components/Divider.d.ts +2 -0
  6. package/lib/components/FilterBar/components/SelectButton.d.ts +2 -0
  7. package/lib/components/FilterBar/components/SubmitButton.d.ts +2 -0
  8. package/lib/components/FilterBar/components/calendar/Calendar.d.ts +3 -0
  9. package/lib/components/FilterBar/components/categories/Categories.d.ts +3 -0
  10. package/lib/components/FilterBar/components/divider/Divider.d.ts +3 -0
  11. package/lib/components/FilterBar/components/guests/Guests.d.ts +3 -0
  12. package/lib/components/FilterBar/components/select-button/SelectButton.d.ts +3 -0
  13. package/lib/components/FilterBar/components/submit-button/SubmitButton.d.ts +3 -0
  14. package/lib/components/FilterBar/hooks/useFilterBar.d.ts +13 -0
  15. package/lib/index.esm.js +5695 -84
  16. package/lib/index.esm.js.map +1 -1
  17. package/lib/index.js +5735 -106
  18. package/lib/index.js.map +1 -1
  19. package/lib/index.umd.js +5736 -107
  20. package/lib/index.umd.js.map +1 -1
  21. package/package.json +8 -6
  22. package/prettier.config.js +6 -0
  23. package/rollup.config.mjs +59 -59
  24. package/src/components/Button/Button.stories.tsx +34 -34
  25. package/src/components/Button/Button.tsx +56 -56
  26. package/src/components/Button/button.css +29 -29
  27. package/src/components/Button/index.ts +1 -1
  28. package/src/components/FilterBar/FilterBar.css +5 -99
  29. package/src/components/FilterBar/FilterBar.stories.tsx +20 -20
  30. package/src/components/FilterBar/FilterBar.tsx +28 -140
  31. package/src/components/FilterBar/components/calendar/Calendar.css +0 -0
  32. package/src/components/FilterBar/components/calendar/Calendar.tsx +41 -0
  33. package/src/components/FilterBar/components/categories/Categories.css +15 -0
  34. package/src/components/FilterBar/components/categories/Categories.tsx +37 -0
  35. package/src/components/FilterBar/components/divider/Divider.css +6 -0
  36. package/src/components/FilterBar/components/divider/Divider.tsx +7 -0
  37. package/src/components/FilterBar/components/guests/Guests.css +44 -0
  38. package/src/components/FilterBar/components/guests/Guests.tsx +42 -0
  39. package/src/components/FilterBar/components/select-button/SelectButton.css +9 -0
  40. package/src/components/FilterBar/components/select-button/SelectButton.tsx +11 -0
  41. package/src/components/FilterBar/components/submit-button/SubmitButton.css +11 -0
  42. package/src/components/FilterBar/components/submit-button/SubmitButton.tsx +11 -0
  43. package/src/components/FilterBar/hooks/useFilterBar.tsx +49 -0
  44. package/src/components/FilterBar/index.ts +1 -1
  45. package/src/index.ts +4 -4
  46. package/stories/Button.stories.ts +50 -50
  47. package/stories/Button.tsx +48 -48
  48. package/stories/Configure.mdx +364 -364
  49. package/stories/Header.stories.ts +27 -27
  50. package/stories/Header.tsx +56 -56
  51. package/stories/Page.stories.ts +29 -29
  52. package/stories/Page.tsx +73 -73
  53. package/stories/assets/accessibility.svg +4 -4
  54. package/stories/assets/discord.svg +15 -15
  55. package/stories/assets/github.svg +3 -3
  56. package/stories/assets/tutorials.svg +12 -12
  57. package/stories/assets/youtube.svg +4 -4
  58. package/stories/button.css +30 -30
  59. package/stories/header.css +32 -32
  60. package/stories/page.css +69 -69
  61. package/tsconfig.json +22 -22
package/stories/page.css CHANGED
@@ -1,69 +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
- }
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 CHANGED
@@ -1,23 +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"]
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
23
  }