@seamapi/react 1.28.1 → 1.30.0

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 (72) hide show
  1. package/README.md +4 -3
  2. package/dist/elements.js +5767 -5579
  3. package/dist/elements.js.map +1 -1
  4. package/dist/index.css +105 -17
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.min.css +1 -1
  7. package/dist/index.min.css.map +1 -1
  8. package/lib/icons/Add.d.ts +2 -0
  9. package/lib/icons/Add.js +7 -0
  10. package/lib/icons/Add.js.map +1 -0
  11. package/lib/icons/DotsEllipsisMore.js +2 -2
  12. package/lib/icons/DotsEllipsisMore.js.map +1 -1
  13. package/lib/seam/access-codes/use-create-access-code.d.ts +6 -0
  14. package/lib/seam/access-codes/use-create-access-code.js +18 -0
  15. package/lib/seam/access-codes/use-create-access-code.js.map +1 -0
  16. package/lib/seam/components/AccessCodeForm/AccessCodeForm.d.ts +7 -0
  17. package/lib/seam/components/AccessCodeForm/AccessCodeForm.js +52 -0
  18. package/lib/seam/components/AccessCodeForm/AccessCodeForm.js.map +1 -0
  19. package/lib/seam/components/AccessCodeTable/AccessCodeTable.d.ts +2 -1
  20. package/lib/seam/components/AccessCodeTable/AccessCodeTable.js +10 -2
  21. package/lib/seam/components/AccessCodeTable/AccessCodeTable.js.map +1 -1
  22. package/lib/seam/index.d.ts +1 -0
  23. package/lib/seam/index.js +1 -0
  24. package/lib/seam/index.js.map +1 -1
  25. package/lib/ui/Button.d.ts +2 -1
  26. package/lib/ui/Button.js +2 -2
  27. package/lib/ui/Button.js.map +1 -1
  28. package/lib/ui/FormField.d.ts +7 -0
  29. package/lib/ui/FormField.js +37 -0
  30. package/lib/ui/FormField.js.map +1 -0
  31. package/lib/ui/InputLabel.d.ts +7 -0
  32. package/lib/ui/InputLabel.js +7 -0
  33. package/lib/ui/InputLabel.js.map +1 -0
  34. package/lib/ui/TextField/SearchTextField.js +1 -48
  35. package/lib/ui/TextField/SearchTextField.js.map +1 -1
  36. package/lib/ui/TextField/TextField.d.ts +8 -2
  37. package/lib/ui/TextField/TextField.js +56 -5
  38. package/lib/ui/TextField/TextField.js.map +1 -1
  39. package/lib/ui/layout/ContentHeader.d.ts +5 -3
  40. package/lib/ui/layout/ContentHeader.js +2 -2
  41. package/lib/ui/layout/ContentHeader.js.map +1 -1
  42. package/lib/version.d.ts +1 -1
  43. package/lib/version.js +1 -1
  44. package/package.json +5 -5
  45. package/src/lib/icons/Add.tsx +33 -0
  46. package/src/lib/icons/DotsEllipsisMore.tsx +7 -7
  47. package/src/lib/seam/access-codes/use-create-access-code.ts +43 -0
  48. package/src/lib/seam/components/AccessCodeForm/AccessCodeForm.element.ts +12 -0
  49. package/src/lib/seam/components/AccessCodeForm/AccessCodeForm.tsx +113 -0
  50. package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.element.ts +1 -0
  51. package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx +30 -3
  52. package/src/lib/seam/index.ts +1 -0
  53. package/src/lib/ui/Button.tsx +3 -0
  54. package/src/lib/ui/FormField.tsx +56 -0
  55. package/src/lib/ui/InputLabel.tsx +21 -0
  56. package/src/lib/ui/TextField/SearchTextField.tsx +1 -70
  57. package/src/lib/ui/TextField/TextField.tsx +132 -19
  58. package/src/lib/ui/layout/ContentHeader.tsx +13 -5
  59. package/src/lib/version.ts +1 -1
  60. package/src/styles/_access-code-form.scss +55 -0
  61. package/src/styles/_access-code-table.scss +11 -0
  62. package/src/styles/_buttons.scss +11 -1
  63. package/src/styles/_colors.scss +1 -0
  64. package/src/styles/_form-field.scss +15 -0
  65. package/src/styles/_input-label.scss +11 -0
  66. package/src/styles/_inputs.scss +47 -22
  67. package/src/styles/_layout.scss +9 -1
  68. package/src/styles/_main.scss +6 -0
  69. package/src/styles/_menus.scss +3 -1
  70. package/src/styles/_supported-device-table.scss +2 -1
  71. package/src/styles/_tables.scss +1 -1
  72. package/src/styles/_typography.scss +12 -2
package/README.md CHANGED
@@ -15,6 +15,7 @@ refreshing data, and performing actions.
15
15
 
16
16
  ### Resources to Get Started
17
17
 
18
+ - [Seam Components Overview](https://docs.seam.co/latest/seam-components/overview)
18
19
  - [Get started with Seam](https://www.seam.co/).
19
20
  - [Get started with Client Side Components](https://docs.seam.co/latest/seam-components/get-started-with-client-side-components).
20
21
  - [Get started with React and Client Session Tokens](https://docs.seam.co/latest/seam-components/get-started-with-react-components-and-client-session-tokens).
@@ -47,7 +48,7 @@ $ npm install @seamapi/react
47
48
  ```tsx
48
49
  import { ConnectAccountButton, DeviceTable, SeamProvider } from '@seamapi/react'
49
50
 
50
- export const App = () => {
51
+ export function App() {
51
52
  return (
52
53
  <SeamProvider publishableKey='your_publishable_key'>
53
54
  <main>
@@ -102,7 +103,7 @@ They are well-typed and follow a uniform API.
102
103
  ```tsx
103
104
  import { SeamProvider, useDevices } from '@seamapi/react/hooks'
104
105
 
105
- export const App = () => {
106
+ export function App() {
106
107
  return (
107
108
  <SeamProvider publishableKey='your_publishable_key'>
108
109
  <main>
@@ -113,7 +114,7 @@ export const App = () => {
113
114
  )
114
115
  }
115
116
 
116
- const Devices = () => {
117
+ function Devices() {
117
118
  const { devices, isLoading, isError, error } = useDevices()
118
119
 
119
120
  if (isLoading) {