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.
- package/.babelrc +9 -0
- package/.eslintignore +3 -0
- package/.eslintrc.json +28 -0
- package/.github/CODEOWNERS +1 -0
- package/.github/workflows/gh-pages.yml +22 -0
- package/.husky/pre-commit +4 -0
- package/.lintstagedrc.js +11 -0
- package/.prettierignore +3 -0
- package/.storybook/main.js +12 -0
- package/.storybook/preview.js +22 -0
- package/README.md +3 -0
- package/dist/cjs/index.js +657 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/esm/index.js +648 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/index.d.ts +94 -0
- package/icons/index.js +29 -0
- package/icons/out/icons.css +489 -0
- package/icons/out/icons.eot +0 -0
- package/icons/out/icons.html +1473 -0
- package/icons/out/icons.json +159 -0
- package/icons/out/icons.ts +637 -0
- package/icons/out/icons.woff +0 -0
- package/icons/out/icons.woff2 +0 -0
- package/icons/svgs/1-graph.svg +3 -0
- package/icons/svgs/4-graph.svg +5 -0
- package/icons/svgs/account-no.svg +4 -0
- package/icons/svgs/activity.svg +5 -0
- package/icons/svgs/add-collateral.svg +3 -0
- package/icons/svgs/add.svg +3 -0
- package/icons/svgs/address.svg +4 -0
- package/icons/svgs/api.svg +6 -0
- package/icons/svgs/arrow-down.svg +3 -0
- package/icons/svgs/arrow-left.svg +3 -0
- package/icons/svgs/arrow-right.svg +3 -0
- package/icons/svgs/arrow-up.svg +3 -0
- package/icons/svgs/asterik.svg +3 -0
- package/icons/svgs/balance-ltv.svg +3 -0
- package/icons/svgs/bank.svg +8 -0
- package/icons/svgs/blog.svg +8 -0
- package/icons/svgs/bonus.svg +3 -0
- package/icons/svgs/buy-crypto.svg +3 -0
- package/icons/svgs/calendar.svg +3 -0
- package/icons/svgs/camera.svg +6 -0
- package/icons/svgs/cancelled.svg +3 -0
- package/icons/svgs/candle chart.svg +4 -0
- package/icons/svgs/cheque.svg +8 -0
- package/icons/svgs/circle-cross.svg +4 -0
- package/icons/svgs/circulation-supply.svg +3 -0
- package/icons/svgs/city.svg +3 -0
- package/icons/svgs/coin-stack.svg +5 -0
- package/icons/svgs/coins.svg +5 -0
- package/icons/svgs/compare.svg +3 -0
- package/icons/svgs/completed.svg +4 -0
- package/icons/svgs/contract.svg +3 -0
- package/icons/svgs/copy.svg +3 -0
- package/icons/svgs/coupon.svg +5 -0
- package/icons/svgs/cross.svg +3 -0
- package/icons/svgs/deactivate.svg +3 -0
- package/icons/svgs/deposit.svg +3 -0
- package/icons/svgs/depth-chart.svg +4 -0
- package/icons/svgs/district.svg +3 -0
- package/icons/svgs/dob.svg +3 -0
- package/icons/svgs/download.svg +4 -0
- package/icons/svgs/downwards.svg +3 -0
- package/icons/svgs/driving-licence.svg +3 -0
- package/icons/svgs/earned.svg +5 -0
- package/icons/svgs/edit.svg +3 -0
- package/icons/svgs/email.svg +3 -0
- package/icons/svgs/emi-amount.svg +6 -0
- package/icons/svgs/emi-duedate.svg +3 -0
- package/icons/svgs/error.svg +6 -0
- package/icons/svgs/expand.svg +3 -0
- package/icons/svgs/external-link.svg +3 -0
- package/icons/svgs/facelock.svg +3 -0
- package/icons/svgs/fees.svg +3 -0
- package/icons/svgs/filter.svg +3 -0
- package/icons/svgs/fingerprint.svg +7 -0
- package/icons/svgs/form.svg +3 -0
- package/icons/svgs/globe.svg +3 -0
- package/icons/svgs/hamburger.svg +3 -0
- package/icons/svgs/help.svg +5 -0
- package/icons/svgs/hide.svg +4 -0
- package/icons/svgs/home.svg +4 -0
- package/icons/svgs/ifsc.svg +7 -0
- package/icons/svgs/income-source.svg +3 -0
- package/icons/svgs/indicators.svg +3 -0
- package/icons/svgs/info.svg +3 -0
- package/icons/svgs/initial-ltv.svg +3 -0
- package/icons/svgs/instant-buy-sell.svg +3 -0
- package/icons/svgs/interest-amount.svg +3 -0
- package/icons/svgs/interest-rate.svg +6 -0
- package/icons/svgs/kyc.svg +5 -0
- package/icons/svgs/lend.svg +4 -0
- package/icons/svgs/link.svg +4 -0
- package/icons/svgs/liquidation-cost.svg +3 -0
- package/icons/svgs/liquidation-id.svg +3 -0
- package/icons/svgs/liquidation-price.svg +3 -0
- package/icons/svgs/liquidation.svg +4 -0
- package/icons/svgs/list.svg +8 -0
- package/icons/svgs/loan-amount.svg +3 -0
- package/icons/svgs/loan-details.svg +3 -0
- package/icons/svgs/loan-repayment.svg +3 -0
- package/icons/svgs/loan-term.svg +3 -0
- package/icons/svgs/location.svg +4 -0
- package/icons/svgs/lock.svg +3 -0
- package/icons/svgs/logout.svg +3 -0
- package/icons/svgs/ltv-ratio.svg +5 -0
- package/icons/svgs/mail.svg +3 -0
- package/icons/svgs/map.svg +4 -0
- package/icons/svgs/margin-call.svg +4 -0
- package/icons/svgs/max-supply.svg +3 -0
- package/icons/svgs/menu.svg +3 -0
- package/icons/svgs/more-options.svg +5 -0
- package/icons/svgs/negative.svg +3 -0
- package/icons/svgs/network.svg +3 -0
- package/icons/svgs/next.svg +3 -0
- package/icons/svgs/nominee.svg +3 -0
- package/icons/svgs/note.svg +3 -0
- package/icons/svgs/notification.svg +3 -0
- package/icons/svgs/occupation.svg +3 -0
- package/icons/svgs/ongoing.svg +4 -0
- package/icons/svgs/order.svg +4 -0
- package/icons/svgs/orders-complete.svg +6 -0
- package/icons/svgs/pair-selector.svg +3 -0
- package/icons/svgs/pan.svg +8 -0
- package/icons/svgs/passbook.svg +3 -0
- package/icons/svgs/passport.svg +4 -0
- package/icons/svgs/pay-emi.svg +3 -0
- package/icons/svgs/pay-lumpsum.svg +3 -0
- package/icons/svgs/pay-off-loan.svg +3 -0
- package/icons/svgs/penalty-charges.svg +3 -0
- package/icons/svgs/percentage.svg +6 -0
- package/icons/svgs/phone.svg +3 -0
- package/icons/svgs/positive.svg +3 -0
- package/icons/svgs/prepay-principal.svg +3 -0
- package/icons/svgs/previous.svg +3 -0
- package/icons/svgs/profile.svg +3 -0
- package/icons/svgs/quicktrade.svg +5 -0
- package/icons/svgs/rank.svg +3 -0
- package/icons/svgs/ream.svg +6 -0
- package/icons/svgs/recieve.svg +3 -0
- package/icons/svgs/repayment-schedule.svg +4 -0
- package/icons/svgs/reports.svg +6 -0
- package/icons/svgs/reset.svg +4 -0
- package/icons/svgs/save.svg +3 -0
- package/icons/svgs/scan.svg +3 -0
- package/icons/svgs/search.svg +3 -0
- package/icons/svgs/security.svg +4 -0
- package/icons/svgs/selfie.svg +5 -0
- package/icons/svgs/sell-crypto.svg +3 -0
- package/icons/svgs/send-email.svg +3 -0
- package/icons/svgs/send.svg +3 -0
- package/icons/svgs/separator.svg +3 -0
- package/icons/svgs/setttings.svg +3 -0
- package/icons/svgs/share.svg +3 -0
- package/icons/svgs/show.svg +3 -0
- package/icons/svgs/side.svg +7 -0
- package/icons/svgs/sip.svg +4 -0
- package/icons/svgs/sms.svg +6 -0
- package/icons/svgs/star-filled.svg +3 -0
- package/icons/svgs/star.svg +3 -0
- package/icons/svgs/statement.svg +3 -0
- package/icons/svgs/stop.svg +3 -0
- package/icons/svgs/street-address.svg +3 -0
- package/icons/svgs/subtract.svg +3 -0
- package/icons/svgs/success.svg +4 -0
- package/icons/svgs/support.svg +5 -0
- package/icons/svgs/templates.svg +3 -0
- package/icons/svgs/term.svg +3 -0
- package/icons/svgs/tick.svg +3 -0
- package/icons/svgs/total-payable-lumpsum.svg +9 -0
- package/icons/svgs/trash.svg +3 -0
- package/icons/svgs/unlock.svg +3 -0
- package/icons/svgs/upi.svg +3 -0
- package/icons/svgs/upload.svg +4 -0
- package/icons/svgs/upwards.svg +3 -0
- package/icons/svgs/voting-card.svg +5 -0
- package/icons/svgs/wallet.svg +3 -0
- package/icons/svgs/xpress.svg +6 -0
- package/icons/svgs/zip-code.svg +3 -0
- package/package.json +65 -0
- package/rollup.config.js +49 -0
- package/src/components/Button/index.tsx +55 -0
- package/src/components/Button/styles.ts +142 -0
- package/src/components/Button/typings.ts +20 -0
- package/src/components/Checkbox/index.tsx +44 -0
- package/src/components/Checkbox/styles.ts +76 -0
- package/src/components/Checkbox/typings.ts +11 -0
- package/src/components/CircularLoader/index.tsx +22 -0
- package/src/components/CircularLoader/style.ts +18 -0
- package/src/components/CircularLoader/typings.ts +4 -0
- package/src/components/DateRangePicker/index.tsx +36 -0
- package/src/components/DateRangePicker/styles.css +676 -0
- package/src/components/Input/index.tsx +95 -0
- package/src/components/Input/styles.ts +79 -0
- package/src/components/Input/typings.ts +25 -0
- package/src/components/Popper/index.tsx +62 -0
- package/src/components/Popper/styles.ts +59 -0
- package/src/components/Popper/typings.ts +16 -0
- package/src/components/Radio/index.tsx +32 -0
- package/src/components/Radio/styles.ts +51 -0
- package/src/components/Radio/typings.ts +11 -0
- package/src/components/Toast/index.tsx +88 -0
- package/src/components/Toast/styles.ts +69 -0
- package/src/components/Toast/typings.ts +6 -0
- package/src/components/index.ts +19 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useFocus.ts +16 -0
- package/src/index.ts +2 -0
- package/src/styles/colors.ts +39 -0
- package/src/styles/index.ts +6 -0
- package/src/styles/mixins.ts +52 -0
- package/src/styles/typography.ts +331 -0
- package/src/styles/utils.ts +39 -0
- package/stories/Button.stories.tsx +20 -0
- package/stories/Checkbox.stories.tsx +18 -0
- package/stories/CircularLoader.stories.tsx +15 -0
- package/stories/DateRangePicker.stories.tsx +18 -0
- package/stories/Input.stories.tsx +18 -0
- package/stories/Popper.stories.tsx +23 -0
- package/stories/Radio.stories.tsx +18 -0
- package/stories/Toast.stories.tsx +17 -0
- package/tsconfig.json +24 -0
package/.babelrc
ADDED
package/.eslintignore
ADDED
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.
|
package/.lintstagedrc.js
ADDED
|
@@ -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
|
+
};
|
package/.prettierignore
ADDED
|
@@ -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