@dust-tt/sparkle 0.2.286 → 0.2.287-rc-2

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 (33) hide show
  1. package/dist/cjs/index.js +35 -16
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/components/Input.d.ts +6 -2
  4. package/dist/esm/components/Input.d.ts.map +1 -1
  5. package/dist/esm/components/Input.js +26 -4
  6. package/dist/esm/components/Input.js.map +1 -1
  7. package/dist/esm/components/LinkWrapper.d.ts +4 -3
  8. package/dist/esm/components/LinkWrapper.d.ts.map +1 -1
  9. package/dist/esm/components/LinkWrapper.js +3 -3
  10. package/dist/esm/components/LinkWrapper.js.map +1 -1
  11. package/dist/esm/components/NavigationList.d.ts.map +1 -1
  12. package/dist/esm/components/NavigationList.js +1 -1
  13. package/dist/esm/components/NavigationList.js.map +1 -1
  14. package/dist/esm/components/NewDropdown.d.ts.map +1 -1
  15. package/dist/esm/components/NewDropdown.js +3 -3
  16. package/dist/esm/components/NewDropdown.js.map +1 -1
  17. package/dist/esm/components/Tabs.d.ts.map +1 -1
  18. package/dist/esm/components/Tabs.js +1 -1
  19. package/dist/esm/components/Tabs.js.map +1 -1
  20. package/dist/esm/stories/Input.stories.d.ts.map +1 -1
  21. package/dist/esm/stories/Input.stories.js +11 -11
  22. package/dist/esm/stories/Input.stories.js.map +1 -1
  23. package/dist/esm/stories/NewDropdown.stories.js +1 -1
  24. package/dist/esm/stories/NewDropdown.stories.js.map +1 -1
  25. package/dist/sparkle.css +0 -5
  26. package/package.json +1 -1
  27. package/src/components/Input.tsx +46 -9
  28. package/src/components/LinkWrapper.tsx +8 -5
  29. package/src/components/NavigationList.tsx +1 -0
  30. package/src/components/NewDropdown.tsx +20 -16
  31. package/src/components/Tabs.tsx +1 -0
  32. package/src/stories/Input.stories.tsx +23 -21
  33. package/src/stories/NewDropdown.stories.tsx +0 -1
package/src/stories/Input.stories.tsx CHANGED
@@ -13,33 +13,38 @@ export default meta;
13
13
  export const InputExample = () => (
14
14
  <div className="s-flex s-flex-col s-gap-20">
15
15
  <div className="s-grid s-grid-cols-3 s-gap-4">
16
- <Input placeholder="placeholder" name="input" />
16
+ <Input
17
+ placeholder="placeholder"
18
+ name="input"
19
+ message="Name must be unique"
20
+ messageStatus="info"
21
+ />
17
22
  <Input
18
23
  placeholder="placeholder"
19
24
  name="input"
20
25
  value="value"
21
- error="errored because it's a very long message"
22
- showErrorLabel
26
+ message="errored because it's a very long message"
27
+ messageStatus="error"
23
28
  />
24
29
  <Input
25
30
  placeholder="placeholder"
26
31
  name="input"
27
32
  value="value"
28
- error="errored"
33
+ message="Default message"
29
34
  />
30
35
  <Input
31
36
  placeholder="placeholder"
32
37
  name="input"
33
38
  value="value"
34
- error="errored because it's a very long message"
35
- showErrorLabel
39
+ message="errored because it's a very long message"
40
+ messageStatus="error"
36
41
  />
37
42
  <Input
38
43
  placeholder="placeholder"
39
44
  name="input"
40
45
  value="disabled"
41
- disabled={true}
42
- showErrorLabel
46
+ disabled
47
+ messageStatus="error"
43
48
  />
44
49
  </div>
45
50
  <div className="s-grid s-grid-cols-3 s-gap-4">
@@ -48,41 +53,38 @@ export const InputExample = () => (
48
53
  placeholder="placeholder"
49
54
  name="input"
50
55
  value="value"
51
- error="errored because it's a very long message"
52
- showErrorLabel
56
+ message="errored because it's a very long message"
57
+ messageStatus="error"
53
58
  />
54
59
  <Input
55
60
  placeholder="placeholder"
56
61
  name="input"
57
62
  value="value"
58
- error="errored"
63
+ message="Default message"
59
64
  />
60
65
  <Input
61
66
  placeholder="placeholder"
62
67
  name="input"
63
68
  value="value"
64
- error="errored because it's a very long message"
65
- showErrorLabel
69
+ message="errored because it's a very long message"
70
+ messageStatus="error"
66
71
  />
67
72
  <Input
68
73
  placeholder="placeholder"
69
74
  name="input"
70
75
  value="test"
71
- showErrorLabel
76
+ messageStatus="error"
72
77
  />
73
78
  </div>
74
79
  <div className="s-grid s-grid-cols-3 s-gap-4">
75
- <Input
76
- placeholder="placeholder"
77
- name="input"
78
- label="Firstname"
79
- showErrorLabel
80
- />
80
+ <Input placeholder="placeholder" name="input" label="Firstname" isError />
81
81
  <Input
82
82
  placeholder="placeholder"
83
83
  name="input"
84
84
  label="Lastname"
85
- showErrorLabel
85
+ message="Input your lastname"
86
+ messageStatus="info"
87
+ isError
86
88
  />
87
89
  </div>
88
90
  </div>
package/src/stories/NewDropdown.stories.tsx CHANGED
@@ -111,7 +111,6 @@ function ComplexDropdownDemo() {
111
111
  icon={LogoutIcon}
112
112
  label="Log out"
113
113
  variant="warning"
114
- href="/api/auth/logout"
115
114
  />
116
115
  </NewDropdownMenuContent>
117
116
  </NewDropdownMenu>