zebpay-ui 0.0.1

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 (224) hide show
  1. package/.babelrc +9 -0
  2. package/.eslintignore +3 -0
  3. package/.eslintrc.json +28 -0
  4. package/.github/CODEOWNERS +1 -0
  5. package/.github/workflows/gh-pages.yml +22 -0
  6. package/.husky/pre-commit +4 -0
  7. package/.lintstagedrc.js +11 -0
  8. package/.prettierignore +3 -0
  9. package/.storybook/main.js +12 -0
  10. package/.storybook/preview.js +22 -0
  11. package/README.md +3 -0
  12. package/dist/cjs/index.js +657 -0
  13. package/dist/cjs/index.js.map +1 -0
  14. package/dist/esm/index.js +648 -0
  15. package/dist/esm/index.js.map +1 -0
  16. package/dist/index.d.ts +94 -0
  17. package/icons/index.js +29 -0
  18. package/icons/out/icons.css +489 -0
  19. package/icons/out/icons.eot +0 -0
  20. package/icons/out/icons.html +1473 -0
  21. package/icons/out/icons.json +159 -0
  22. package/icons/out/icons.ts +637 -0
  23. package/icons/out/icons.woff +0 -0
  24. package/icons/out/icons.woff2 +0 -0
  25. package/icons/svgs/1-graph.svg +3 -0
  26. package/icons/svgs/4-graph.svg +5 -0
  27. package/icons/svgs/account-no.svg +4 -0
  28. package/icons/svgs/activity.svg +5 -0
  29. package/icons/svgs/add-collateral.svg +3 -0
  30. package/icons/svgs/add.svg +3 -0
  31. package/icons/svgs/address.svg +4 -0
  32. package/icons/svgs/api.svg +6 -0
  33. package/icons/svgs/arrow-down.svg +3 -0
  34. package/icons/svgs/arrow-left.svg +3 -0
  35. package/icons/svgs/arrow-right.svg +3 -0
  36. package/icons/svgs/arrow-up.svg +3 -0
  37. package/icons/svgs/asterik.svg +3 -0
  38. package/icons/svgs/balance-ltv.svg +3 -0
  39. package/icons/svgs/bank.svg +8 -0
  40. package/icons/svgs/blog.svg +8 -0
  41. package/icons/svgs/bonus.svg +3 -0
  42. package/icons/svgs/buy-crypto.svg +3 -0
  43. package/icons/svgs/calendar.svg +3 -0
  44. package/icons/svgs/camera.svg +6 -0
  45. package/icons/svgs/cancelled.svg +3 -0
  46. package/icons/svgs/candle chart.svg +4 -0
  47. package/icons/svgs/cheque.svg +8 -0
  48. package/icons/svgs/circle-cross.svg +4 -0
  49. package/icons/svgs/circulation-supply.svg +3 -0
  50. package/icons/svgs/city.svg +3 -0
  51. package/icons/svgs/coin-stack.svg +5 -0
  52. package/icons/svgs/coins.svg +5 -0
  53. package/icons/svgs/compare.svg +3 -0
  54. package/icons/svgs/completed.svg +4 -0
  55. package/icons/svgs/contract.svg +3 -0
  56. package/icons/svgs/copy.svg +3 -0
  57. package/icons/svgs/coupon.svg +5 -0
  58. package/icons/svgs/cross.svg +3 -0
  59. package/icons/svgs/deactivate.svg +3 -0
  60. package/icons/svgs/deposit.svg +3 -0
  61. package/icons/svgs/depth-chart.svg +4 -0
  62. package/icons/svgs/district.svg +3 -0
  63. package/icons/svgs/dob.svg +3 -0
  64. package/icons/svgs/download.svg +4 -0
  65. package/icons/svgs/downwards.svg +3 -0
  66. package/icons/svgs/driving-licence.svg +3 -0
  67. package/icons/svgs/earned.svg +5 -0
  68. package/icons/svgs/edit.svg +3 -0
  69. package/icons/svgs/email.svg +3 -0
  70. package/icons/svgs/emi-amount.svg +6 -0
  71. package/icons/svgs/emi-duedate.svg +3 -0
  72. package/icons/svgs/error.svg +6 -0
  73. package/icons/svgs/expand.svg +3 -0
  74. package/icons/svgs/external-link.svg +3 -0
  75. package/icons/svgs/facelock.svg +3 -0
  76. package/icons/svgs/fees.svg +3 -0
  77. package/icons/svgs/filter.svg +3 -0
  78. package/icons/svgs/fingerprint.svg +7 -0
  79. package/icons/svgs/form.svg +3 -0
  80. package/icons/svgs/globe.svg +3 -0
  81. package/icons/svgs/hamburger.svg +3 -0
  82. package/icons/svgs/help.svg +5 -0
  83. package/icons/svgs/hide.svg +4 -0
  84. package/icons/svgs/home.svg +4 -0
  85. package/icons/svgs/ifsc.svg +7 -0
  86. package/icons/svgs/income-source.svg +3 -0
  87. package/icons/svgs/indicators.svg +3 -0
  88. package/icons/svgs/info.svg +3 -0
  89. package/icons/svgs/initial-ltv.svg +3 -0
  90. package/icons/svgs/instant-buy-sell.svg +3 -0
  91. package/icons/svgs/interest-amount.svg +3 -0
  92. package/icons/svgs/interest-rate.svg +6 -0
  93. package/icons/svgs/kyc.svg +5 -0
  94. package/icons/svgs/lend.svg +4 -0
  95. package/icons/svgs/link.svg +4 -0
  96. package/icons/svgs/liquidation-cost.svg +3 -0
  97. package/icons/svgs/liquidation-id.svg +3 -0
  98. package/icons/svgs/liquidation-price.svg +3 -0
  99. package/icons/svgs/liquidation.svg +4 -0
  100. package/icons/svgs/list.svg +8 -0
  101. package/icons/svgs/loan-amount.svg +3 -0
  102. package/icons/svgs/loan-details.svg +3 -0
  103. package/icons/svgs/loan-repayment.svg +3 -0
  104. package/icons/svgs/loan-term.svg +3 -0
  105. package/icons/svgs/location.svg +4 -0
  106. package/icons/svgs/lock.svg +3 -0
  107. package/icons/svgs/logout.svg +3 -0
  108. package/icons/svgs/ltv-ratio.svg +5 -0
  109. package/icons/svgs/mail.svg +3 -0
  110. package/icons/svgs/map.svg +4 -0
  111. package/icons/svgs/margin-call.svg +4 -0
  112. package/icons/svgs/max-supply.svg +3 -0
  113. package/icons/svgs/menu.svg +3 -0
  114. package/icons/svgs/more-options.svg +5 -0
  115. package/icons/svgs/negative.svg +3 -0
  116. package/icons/svgs/network.svg +3 -0
  117. package/icons/svgs/next.svg +3 -0
  118. package/icons/svgs/nominee.svg +3 -0
  119. package/icons/svgs/note.svg +3 -0
  120. package/icons/svgs/notification.svg +3 -0
  121. package/icons/svgs/occupation.svg +3 -0
  122. package/icons/svgs/ongoing.svg +4 -0
  123. package/icons/svgs/order.svg +4 -0
  124. package/icons/svgs/orders-complete.svg +6 -0
  125. package/icons/svgs/pair-selector.svg +3 -0
  126. package/icons/svgs/pan.svg +8 -0
  127. package/icons/svgs/passbook.svg +3 -0
  128. package/icons/svgs/passport.svg +4 -0
  129. package/icons/svgs/pay-emi.svg +3 -0
  130. package/icons/svgs/pay-lumpsum.svg +3 -0
  131. package/icons/svgs/pay-off-loan.svg +3 -0
  132. package/icons/svgs/penalty-charges.svg +3 -0
  133. package/icons/svgs/percentage.svg +6 -0
  134. package/icons/svgs/phone.svg +3 -0
  135. package/icons/svgs/positive.svg +3 -0
  136. package/icons/svgs/prepay-principal.svg +3 -0
  137. package/icons/svgs/previous.svg +3 -0
  138. package/icons/svgs/profile.svg +3 -0
  139. package/icons/svgs/quicktrade.svg +5 -0
  140. package/icons/svgs/rank.svg +3 -0
  141. package/icons/svgs/ream.svg +6 -0
  142. package/icons/svgs/recieve.svg +3 -0
  143. package/icons/svgs/repayment-schedule.svg +4 -0
  144. package/icons/svgs/reports.svg +6 -0
  145. package/icons/svgs/reset.svg +4 -0
  146. package/icons/svgs/save.svg +3 -0
  147. package/icons/svgs/scan.svg +3 -0
  148. package/icons/svgs/search.svg +3 -0
  149. package/icons/svgs/security.svg +4 -0
  150. package/icons/svgs/selfie.svg +5 -0
  151. package/icons/svgs/sell-crypto.svg +3 -0
  152. package/icons/svgs/send-email.svg +3 -0
  153. package/icons/svgs/send.svg +3 -0
  154. package/icons/svgs/separator.svg +3 -0
  155. package/icons/svgs/setttings.svg +3 -0
  156. package/icons/svgs/share.svg +3 -0
  157. package/icons/svgs/show.svg +3 -0
  158. package/icons/svgs/side.svg +7 -0
  159. package/icons/svgs/sip.svg +4 -0
  160. package/icons/svgs/sms.svg +6 -0
  161. package/icons/svgs/star-filled.svg +3 -0
  162. package/icons/svgs/star.svg +3 -0
  163. package/icons/svgs/statement.svg +3 -0
  164. package/icons/svgs/stop.svg +3 -0
  165. package/icons/svgs/street-address.svg +3 -0
  166. package/icons/svgs/subtract.svg +3 -0
  167. package/icons/svgs/success.svg +4 -0
  168. package/icons/svgs/support.svg +5 -0
  169. package/icons/svgs/templates.svg +3 -0
  170. package/icons/svgs/term.svg +3 -0
  171. package/icons/svgs/tick.svg +3 -0
  172. package/icons/svgs/total-payable-lumpsum.svg +9 -0
  173. package/icons/svgs/trash.svg +3 -0
  174. package/icons/svgs/unlock.svg +3 -0
  175. package/icons/svgs/upi.svg +3 -0
  176. package/icons/svgs/upload.svg +4 -0
  177. package/icons/svgs/upwards.svg +3 -0
  178. package/icons/svgs/voting-card.svg +5 -0
  179. package/icons/svgs/wallet.svg +3 -0
  180. package/icons/svgs/xpress.svg +6 -0
  181. package/icons/svgs/zip-code.svg +3 -0
  182. package/package.json +65 -0
  183. package/rollup.config.js +49 -0
  184. package/src/components/Button/index.tsx +55 -0
  185. package/src/components/Button/styles.ts +142 -0
  186. package/src/components/Button/typings.ts +20 -0
  187. package/src/components/Checkbox/index.tsx +44 -0
  188. package/src/components/Checkbox/styles.ts +76 -0
  189. package/src/components/Checkbox/typings.ts +11 -0
  190. package/src/components/CircularLoader/index.tsx +22 -0
  191. package/src/components/CircularLoader/style.ts +18 -0
  192. package/src/components/CircularLoader/typings.ts +4 -0
  193. package/src/components/DateRangePicker/index.tsx +36 -0
  194. package/src/components/DateRangePicker/styles.css +676 -0
  195. package/src/components/Input/index.tsx +95 -0
  196. package/src/components/Input/styles.ts +79 -0
  197. package/src/components/Input/typings.ts +25 -0
  198. package/src/components/Popper/index.tsx +62 -0
  199. package/src/components/Popper/styles.ts +59 -0
  200. package/src/components/Popper/typings.ts +16 -0
  201. package/src/components/Radio/index.tsx +32 -0
  202. package/src/components/Radio/styles.ts +51 -0
  203. package/src/components/Radio/typings.ts +11 -0
  204. package/src/components/Toast/index.tsx +88 -0
  205. package/src/components/Toast/styles.ts +69 -0
  206. package/src/components/Toast/typings.ts +6 -0
  207. package/src/components/index.ts +19 -0
  208. package/src/hooks/index.ts +1 -0
  209. package/src/hooks/useFocus.ts +16 -0
  210. package/src/index.ts +2 -0
  211. package/src/styles/colors.ts +39 -0
  212. package/src/styles/index.ts +6 -0
  213. package/src/styles/mixins.ts +52 -0
  214. package/src/styles/typography.ts +331 -0
  215. package/src/styles/utils.ts +39 -0
  216. package/stories/Button.stories.tsx +20 -0
  217. package/stories/Checkbox.stories.tsx +18 -0
  218. package/stories/CircularLoader.stories.tsx +15 -0
  219. package/stories/DateRangePicker.stories.tsx +18 -0
  220. package/stories/Input.stories.tsx +18 -0
  221. package/stories/Popper.stories.tsx +23 -0
  222. package/stories/Radio.stories.tsx +18 -0
  223. package/stories/Toast.stories.tsx +17 -0
  224. package/tsconfig.json +24 -0
package/.babelrc ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "presets": [
3
+ [
4
+ "@babel/preset-react",
5
+ { "runtime": "automatic", "importSource": "@emotion/react" }
6
+ ]
7
+ ],
8
+ "plugins": ["@emotion/babel-plugin"]
9
+ }
package/.eslintignore ADDED
@@ -0,0 +1,3 @@
1
+ node_modules/
2
+ yarn.lock
3
+ dist
package/.eslintrc.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "plugins": ["@typescript-eslint", "eslint-plugin-prettier"],
3
+ "extends": [
4
+ "plugin:@typescript-eslint/recommended",
5
+ "eslint-config-prettier"
6
+ ],
7
+ "root": true,
8
+ "rules": {
9
+ "prettier/prettier": "error",
10
+ "indent": [
11
+ "error",
12
+ 2,
13
+ {
14
+ "SwitchCase": 1
15
+ }
16
+ ],
17
+ "linebreak-style": ["error", "unix"],
18
+ "quotes": ["error", "double"],
19
+ "semi": ["error", "always"],
20
+ "prefer-const": "error",
21
+ "@typescript-eslint/no-empty-interface": "off",
22
+ "@typescript-eslint/no-empty-function": "off",
23
+ "@typescript-eslint/no-unused-vars": "off",
24
+ "@typescript-eslint/no-explicit-any": "off",
25
+ "@next/next/no-img-element": "off",
26
+ "jsx-a11y/alt-text": "off"
27
+ }
28
+ }
@@ -0,0 +1 @@
1
+ * @zebpay/z-new
@@ -0,0 +1,22 @@
1
+ name: Build and Deploy
2
+ on:
3
+ pull_request:
4
+ branches:
5
+ - main
6
+ jobs:
7
+ build-and-deploy:
8
+ concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
9
+ runs-on: ubuntu-latest
10
+ steps:
11
+ - name: Checkout 🛎️
12
+ uses: actions/checkout@v3
13
+
14
+ - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
15
+ run: |
16
+ yarn install
17
+ yarn build-storybook
18
+ - name: Deploy 🚀
19
+ uses: JamesIves/github-pages-deploy-action@v4.3.0
20
+ with:
21
+ branch: gh-pages # The branch the action should deploy to.
22
+ folder: storybook-static # The folder the action should deploy.
@@ -0,0 +1,4 @@
1
+ #!/bin/sh
2
+ . "$(dirname "$0")/_/husky.sh"
3
+
4
+ yarn lint-staged
@@ -0,0 +1,11 @@
1
+ module.exports = {
2
+ // Type check TypeScript files
3
+ "**/*.(ts|tsx)": () => "yarn tsc --noEmit",
4
+
5
+ // Format check TypeScript files
6
+ "**/*.(ts|tsx)": () => "yarn lint",
7
+
8
+ // Format MarkDown and JSON
9
+ "**/*.(md|json)": (filenames) =>
10
+ `yarn prettier --write ${filenames.join(" ")}`,
11
+ };
@@ -0,0 +1,3 @@
1
+ node_modules/
2
+ yarn.lock
3
+ dist
@@ -0,0 +1,12 @@
1
+ module.exports = {
2
+ stories: [
3
+ "../stories/**/*.stories.mdx",
4
+ "../stories/**/*.stories.@(js|jsx|ts|tsx)",
5
+ ],
6
+ addons: [
7
+ "@storybook/addon-links",
8
+ "@storybook/addon-essentials",
9
+ "@storybook/addon-interactions",
10
+ ],
11
+ framework: "@storybook/react",
12
+ };
@@ -0,0 +1,22 @@
1
+ export const parameters = {
2
+ actions: { argTypesRegex: "^on[A-Z].*" },
3
+ controls: {
4
+ matchers: {
5
+ color: /(background|color)$/i,
6
+ date: /Date$/,
7
+ },
8
+ },
9
+ backgrounds: {
10
+ default: "dark",
11
+ values: [
12
+ {
13
+ name: "dark",
14
+ value: "#34345A",
15
+ },
16
+ {
17
+ name: "light",
18
+ value: "#ffffff",
19
+ },
20
+ ],
21
+ },
22
+ };
package/README.md ADDED
@@ -0,0 +1,3 @@
1
+ # znew.design.system
2
+
3
+ Component Library and Design System for Z new