willba-component-library 0.1.13 → 0.1.15

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 (64) hide show
  1. package/.nvmrc +1 -1
  2. package/.storybook/main.ts +19 -19
  3. package/.storybook/preview.ts +15 -15
  4. package/README.md +57 -57
  5. package/lib/index.esm.js +13 -13
  6. package/lib/index.esm.js.map +1 -1
  7. package/lib/index.js +13 -13
  8. package/lib/index.js.map +1 -1
  9. package/lib/index.umd.js +13 -13
  10. package/lib/index.umd.js.map +1 -1
  11. package/package.json +51 -51
  12. package/prettier.config.js +6 -6
  13. package/rollup.config.mjs +61 -61
  14. package/src/components/Button/Button.stories.tsx +34 -34
  15. package/src/components/Button/Button.tsx +56 -56
  16. package/src/components/Button/button.css +29 -29
  17. package/src/components/Button/index.ts +1 -1
  18. package/src/components/FilterBar/FilterBar.css +83 -83
  19. package/src/components/FilterBar/FilterBar.stories.tsx +47 -47
  20. package/src/components/FilterBar/FilterBar.tsx +180 -180
  21. package/src/components/FilterBar/FilterBarTypes.ts +25 -25
  22. package/src/components/FilterBar/components/buttons/close-button/CloseButton.css +33 -33
  23. package/src/components/FilterBar/components/buttons/close-button/CloseButton.tsx +16 -16
  24. package/src/components/FilterBar/components/buttons/select-button/SelectButton.css +36 -36
  25. package/src/components/FilterBar/components/buttons/select-button/SelectButton.tsx +24 -24
  26. package/src/components/FilterBar/components/buttons/submit-button/SubmitButton.css +27 -27
  27. package/src/components/FilterBar/components/buttons/submit-button/SubmitButton.tsx +18 -18
  28. package/src/components/FilterBar/components/calendar/Calendar.css +76 -76
  29. package/src/components/FilterBar/components/calendar/Calendar.tsx +52 -52
  30. package/src/components/FilterBar/components/categories/Categories.css +21 -21
  31. package/src/components/FilterBar/components/categories/Categories.tsx +41 -41
  32. package/src/components/FilterBar/components/divider/Divider.css +14 -14
  33. package/src/components/FilterBar/components/divider/Divider.tsx +7 -7
  34. package/src/components/FilterBar/components/guests/GuestCount/GuestCount.css +53 -53
  35. package/src/components/FilterBar/components/guests/GuestCount/GuestCount.tsx +51 -51
  36. package/src/components/FilterBar/components/guests/Guests.css +27 -27
  37. package/src/components/FilterBar/components/guests/Guests.tsx +38 -38
  38. package/src/components/FilterBar/hooks/useFilterBar.tsx +106 -106
  39. package/src/components/FilterBar/index.ts +1 -1
  40. package/src/i18n.ts +25 -25
  41. package/src/index.ts +4 -4
  42. package/src/locales/en/filterBar.json +20 -20
  43. package/src/locales/fi/filterBar.json +20 -20
  44. package/src/themes/Default.css +42 -42
  45. package/src/themes/useTheme.tsx +24 -24
  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 +27 -27
  62. package/lib/components/FilterBar/components/close-button/CloseButton.d.ts +0 -7
  63. package/lib/components/FilterBar/components/select-button/SelectButton.d.ts +0 -3
  64. package/lib/components/FilterBar/components/submit-button/SubmitButton.d.ts +0 -3
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,28 +1,28 @@
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
- "baseUrl": "./",
22
- "paths": {
23
- "src/*": ["src/*"]
24
- }
25
- },
26
- "include": ["src"],
27
- "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
+ "baseUrl": "./",
22
+ "paths": {
23
+ "src/*": ["src/*"]
24
+ }
25
+ },
26
+ "include": ["src"],
27
+ "exclude": ["node_modules", "lib"]
28
28
  }
package/lib/components/FilterBar/components/close-button/CloseButton.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import './CloseButton.css';
3
- interface CloseButtonPropsType {
4
- handleClose: () => void;
5
- }
6
- export default function CloseButton({ handleClose }: CloseButtonPropsType): React.JSX.Element;
7
- export {};
package/lib/components/FilterBar/components/select-button/SelectButton.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import './SelectButton.css';
3
- export default function SelectButton({ label, onClick, style }: any): React.JSX.Element;
package/lib/components/FilterBar/components/submit-button/SubmitButton.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import './SubmitButton.css';
3
- export default function SubmitButton({ onClick }: any): React.JSX.Element;