@platformatic/ui-components 0.1.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 (84) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +26 -0
  3. package/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf +0 -0
  4. package/fonts/Montserrat/Montserrat-VariableFont_wght.ttf +0 -0
  5. package/fonts/Montserrat/OFL.txt +93 -0
  6. package/fonts/Montserrat/README.txt +81 -0
  7. package/fonts/Montserrat/static/Montserrat-Black.ttf +0 -0
  8. package/fonts/Montserrat/static/Montserrat-BlackItalic.ttf +0 -0
  9. package/fonts/Montserrat/static/Montserrat-Bold.ttf +0 -0
  10. package/fonts/Montserrat/static/Montserrat-BoldItalic.ttf +0 -0
  11. package/fonts/Montserrat/static/Montserrat-ExtraBold.ttf +0 -0
  12. package/fonts/Montserrat/static/Montserrat-ExtraBoldItalic.ttf +0 -0
  13. package/fonts/Montserrat/static/Montserrat-ExtraLight.ttf +0 -0
  14. package/fonts/Montserrat/static/Montserrat-ExtraLightItalic.ttf +0 -0
  15. package/fonts/Montserrat/static/Montserrat-Italic.ttf +0 -0
  16. package/fonts/Montserrat/static/Montserrat-Light.ttf +0 -0
  17. package/fonts/Montserrat/static/Montserrat-LightItalic.ttf +0 -0
  18. package/fonts/Montserrat/static/Montserrat-Medium.ttf +0 -0
  19. package/fonts/Montserrat/static/Montserrat-MediumItalic.ttf +0 -0
  20. package/fonts/Montserrat/static/Montserrat-Regular.ttf +0 -0
  21. package/fonts/Montserrat/static/Montserrat-SemiBold.ttf +0 -0
  22. package/fonts/Montserrat/static/Montserrat-SemiBoldItalic.ttf +0 -0
  23. package/fonts/Montserrat/static/Montserrat-Thin.ttf +0 -0
  24. package/fonts/Montserrat/static/Montserrat-ThinItalic.ttf +0 -0
  25. package/index.html +12 -0
  26. package/index.js +28 -0
  27. package/package.json +48 -0
  28. package/postcss.config.cjs +8 -0
  29. package/public/api-icon-closed.svg +6 -0
  30. package/public/api-icon.svg +9 -0
  31. package/public/vite.svg +1 -0
  32. package/src/App.jsx +12 -0
  33. package/src/components/Api/Endpoints.jsx +14 -0
  34. package/src/components/Api/Footer.jsx +24 -0
  35. package/src/components/Api/Footer.module.css +3 -0
  36. package/src/components/Api/Status.jsx +19 -0
  37. package/src/components/Api/Version.jsx +8 -0
  38. package/src/components/Api.jsx +83 -0
  39. package/src/components/Api.module.css +11 -0
  40. package/src/components/ApiDetail.jsx +106 -0
  41. package/src/components/BorderedBox.jsx +15 -0
  42. package/src/components/BorderedBox.module.css +3 -0
  43. package/src/components/BorderedText.jsx +8 -0
  44. package/src/components/BorderedText.module.css +3 -0
  45. package/src/components/Common.module.css +7 -0
  46. package/src/components/HorizontalSeparator.jsx +5 -0
  47. package/src/components/Main.jsx +69 -0
  48. package/src/components/Playground.jsx +9 -0
  49. package/src/components/Pr.jsx +9 -0
  50. package/src/components/SearchBar.jsx +25 -0
  51. package/src/components/SearchBar.module.css +6 -0
  52. package/src/components/StatValue.jsx +16 -0
  53. package/src/components/StatView.jsx +47 -0
  54. package/src/components/StatsView.module.css +10 -0
  55. package/src/components/TabbedWindow.jsx +34 -0
  56. package/src/components/TabbedWindow.module.css +10 -0
  57. package/src/components/Versions.jsx +9 -0
  58. package/src/components/VerticalSeparator.jsx +5 -0
  59. package/src/components/layouts/Layout.jsx +10 -0
  60. package/src/components/layouts/TwoColumnsLayout.jsx +9 -0
  61. package/src/lib/utils.js +20 -0
  62. package/src/main.jsx +9 -0
  63. package/src/stories/BorderedBox.stories.jsx +19 -0
  64. package/src/stories/Button.jsx +50 -0
  65. package/src/stories/Button.stories.jsx +40 -0
  66. package/src/stories/Header.jsx +57 -0
  67. package/src/stories/Header.stories.jsx +24 -0
  68. package/src/stories/Introduction.stories.mdx +211 -0
  69. package/src/stories/Page.jsx +69 -0
  70. package/src/stories/Page.stories.jsx +25 -0
  71. package/src/stories/assets/code-brackets.svg +1 -0
  72. package/src/stories/assets/colors.svg +1 -0
  73. package/src/stories/assets/comments.svg +1 -0
  74. package/src/stories/assets/direction.svg +1 -0
  75. package/src/stories/assets/flow.svg +1 -0
  76. package/src/stories/assets/plugin.svg +1 -0
  77. package/src/stories/assets/repo.svg +1 -0
  78. package/src/stories/assets/stackalt.svg +1 -0
  79. package/src/stories/button.css +30 -0
  80. package/src/stories/header.css +32 -0
  81. package/src/stories/page.css +69 -0
  82. package/src/styles/main.css +22 -0
  83. package/tailwind.config.cjs +27 -0
  84. package/vite.config.js +15 -0
package/tailwind.config.cjs ADDED
@@ -0,0 +1,27 @@
1
+ /** @type {import('tailwindcss').Config} */
2
+ module.exports = {
3
+ content: ['./src/**/*.{html,jsx}'],
4
+ theme: {
5
+ container: {
6
+ center: true
7
+ },
8
+ extend: {},
9
+ colors: {
10
+ 'main-green': '#21FA90',
11
+ 'dark-green': '#02783F',
12
+ 'main-dark-blue': '#00283D',
13
+ 'dark-blue': '#00344F',
14
+ white: '#FFFFFF',
15
+ 'error-red': '#FA2121',
16
+ 'tertiary-blue': '#2588E4'
17
+ },
18
+ fontFamily: {
19
+ sans: ['Montserrat']
20
+ }
21
+ },
22
+ safelist: [
23
+ 'border-error-red',
24
+ 'border-main-green'
25
+ ],
26
+ plugins: []
27
+ }
package/vite.config.js ADDED
@@ -0,0 +1,15 @@
1
+ import { defineConfig } from 'vite'
2
+ import react from '@vitejs/plugin-react'
3
+ /** @type {import('vite').UserConfig} */
4
+ export default defineConfig({
5
+ plugins: [react()],
6
+ build: {
7
+ rollupOptions: {
8
+ output: {
9
+ assetFileNames: 'platformatic-ui.css',
10
+ chunkFileNames: 'platformatic-ui.js',
11
+ manualChunks: undefined
12
+ }
13
+ }
14
+ }
15
+ })