se-design 0.0.7

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 (70) hide show
  1. package/.prettierrc +8 -0
  2. package/.storybook/main.ts +25 -0
  3. package/.storybook/preview-head.html +6 -0
  4. package/.storybook/preview.ts +14 -0
  5. package/.vscode/settings.json +3 -0
  6. package/README.md +30 -0
  7. package/index.html +13 -0
  8. package/package.json +61 -0
  9. package/postcss.config.cjs +10 -0
  10. package/public/icons/back.svg +4 -0
  11. package/public/icons/close.svg +4 -0
  12. package/public/icons/down.svg +3 -0
  13. package/public/icons/pages.svg +4 -0
  14. package/public/icons/tick.svg +3 -0
  15. package/public/vite.svg +1 -0
  16. package/pull_request_template.md +31 -0
  17. package/src/App.css +42 -0
  18. package/src/App.tsx +35 -0
  19. package/src/assets/react.svg +1 -0
  20. package/src/components/Button/Button.stories.ts +98 -0
  21. package/src/components/Button/index.tsx +69 -0
  22. package/src/components/Icon/Icon.stories.ts +21 -0
  23. package/src/components/Icon/Icon.tsx +24 -0
  24. package/src/components/Icon/Icon.types.ts +4 -0
  25. package/src/components/MenuItem/MenuItem.stories.tsx +30 -0
  26. package/src/components/MenuItem/index.tsx +20 -0
  27. package/src/components/MenuList/MenuList.stories.tsx +20 -0
  28. package/src/components/MenuList/index.tsx +16 -0
  29. package/src/components/Modal/Modal.stories.ts +43 -0
  30. package/src/components/Modal/Modal.tsx +39 -0
  31. package/src/components/SplitButton/SplitButton.stories.ts +22 -0
  32. package/src/components/SplitButton/SplitButton.tsx +59 -0
  33. package/src/components/Tag/Tag.stories.tsx +20 -0
  34. package/src/components/Tag/Tag.tsx +13 -0
  35. package/src/components/Toggle/Toggle.stories.tsx +34 -0
  36. package/src/components/Toggle/Toggle.tsx +40 -0
  37. package/src/components/Toggle/Toggle.types.ts +14 -0
  38. package/src/components/Tooltip/Tooltip.stories.tsx +58 -0
  39. package/src/components/Tooltip/Tooltip.tsx +95 -0
  40. package/src/components/index.ts +9 -0
  41. package/src/index.css +23 -0
  42. package/src/index.ts +3 -0
  43. package/src/main.tsx +10 -0
  44. package/src/stories/Colors.mdx +24 -0
  45. package/src/stories/Configure.mdx +364 -0
  46. package/src/stories/Iconography.mdx +27 -0
  47. package/src/stories/assets/accessibility.png +0 -0
  48. package/src/stories/assets/accessibility.svg +5 -0
  49. package/src/stories/assets/addon-library.png +0 -0
  50. package/src/stories/assets/assets.png +0 -0
  51. package/src/stories/assets/avif-test-image.avif +0 -0
  52. package/src/stories/assets/context.png +0 -0
  53. package/src/stories/assets/discord.svg +15 -0
  54. package/src/stories/assets/docs.png +0 -0
  55. package/src/stories/assets/figma-plugin.png +0 -0
  56. package/src/stories/assets/github.svg +3 -0
  57. package/src/stories/assets/share.png +0 -0
  58. package/src/stories/assets/styling.png +0 -0
  59. package/src/stories/assets/testing.png +0 -0
  60. package/src/stories/assets/theming.png +0 -0
  61. package/src/stories/assets/tutorials.svg +12 -0
  62. package/src/stories/assets/youtube.svg +4 -0
  63. package/src/utils/colors.js +47 -0
  64. package/src/utils/common.types.ts +3 -0
  65. package/src/utils/iconNames.ts +6 -0
  66. package/src/vite-env.d.ts +1 -0
  67. package/tailwind.config.js +67 -0
  68. package/tsconfig.json +30 -0
  69. package/tsconfig.node.json +11 -0
  70. package/vite.config.ts +28 -0
package/vite.config.ts ADDED
@@ -0,0 +1,28 @@
1
+ import react from '@vitejs/plugin-react'
2
+ import dts from "vite-plugin-dts";
3
+ import { peerDependencies } from './package.json';
4
+ import { defineConfig } from 'vite';
5
+
6
+ export default defineConfig({
7
+ plugins: [
8
+ react(),
9
+ dts({ insertTypesEntry: true, exclude: ["**/*.stories.ts", "**/*.test.tsx"]}),
10
+ ],
11
+ build: {
12
+ lib: {
13
+ entry: './src/index.ts',
14
+ name: 'se-design',
15
+ fileName: (format) => `se-design.${format}.js`,
16
+ formats: ['es', 'cjs', 'umd'],
17
+ },
18
+ rollupOptions: {
19
+ external: Object.keys(peerDependencies),
20
+ output: { globals: { react: 'React', 'react-dom': 'ReactDOM' } }
21
+ }
22
+ },
23
+ resolve: {
24
+ alias: {
25
+ src: '/src',
26
+ },
27
+ },
28
+ })