Skip to content

Commit f8a998d

Browse files
yenilikciyenilikci
committed
Feature[Icon] | Update icons
1 parent a9cd405 commit f8a998d

File tree

871 files changed

+475
-1555
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

871 files changed

+475
-1555
lines changed

‎package.json

Lines changed: 123 additions & 122 deletions
Original file line numberDiff line numberDiff line change
@@ -1,124 +1,125 @@
11
{
2-
"name": "@FinTechSoftware/finpro",
3-
"version": "1.0.0-beta",
4-
"description": "Design System",
5-
"main": "dist/finpro.js",
6-
"module": "dist/finpro.js",
7-
"types": "dist/finpro.d.ts",
8-
"publishConfig": {
9-
"access": "public"
10-
},
11-
"files": [
12-
"dist/"
13-
],
14-
"author": {
15-
"name": "FinTechSoftware",
16-
"url": "https://github.com/FinTechSoftware"
17-
},
18-
"license": "MIT",
19-
"scripts": {
20-
"prestart": "npm run build",
21-
"prepare": "husky install",
22-
"start": "npm run storybook:dev",
23-
"commit": "commit",
24-
"analyze": "cem analyze",
25-
"build": "del-cli dist/ && npm run analyze && npm run generate-react && tsc --emitDeclarationOnly && node generator/generate.js",
26-
"build-storybook": "NODE_ENV=production build-storybook -o storybook-static",
27-
"build-storybook-docs": "build-storybook --docs",
28-
"serve": "node generator/generate.js --serve",
29-
"storybook:dev": "start-storybook -p 1994",
30-
"lint": "npm-run-all -s lint:*",
31-
"lint:tsc": "tsc --noEmit",
32-
"lint:eslint": "eslint .",
33-
"lint:style": "stylelint src/**/*.css",
34-
"format": "npm-run-all -s format:*",
35-
"format:code": "eslint --fix ./src && prettier --write ./src",
36-
"fix": "npm run format && npm run lint",
37-
"chromatic": "npx chromatic --only-changed --project-token 14b660c71183 --force-rebuild",
38-
"ci": "rm -rf node_modules && npm install --frozen-lockfile",
39-
"clean": "npm-run-all -s clean:*",
40-
"clean:dist": "rimraf dist",
41-
"clean:modules": "rimraf node_modules",
42-
"reset": "npm run clean && npm install",
43-
"reboot": "npm run clean && npm install && npm start",
44-
"pretest": "npm run build",
45-
"test": "web-test-runner --coverage",
46-
"test:dev": "web-test-runner --coverage --dev",
47-
"test:component": "npm run test -- --group",
48-
"test:watch": "web-test-runner --coverage --watch",
49-
"test:debug": "web-test-runner --coverage --watch --debug",
50-
"test:headless": "web-test-runner --coverage --watch --debug --headless",
51-
"generate-react": "node generator/generate-react.js"
52-
},
53-
"keywords": [
54-
"typescript",
55-
"lit",
56-
"finpro",
57-
"financial ui",
58-
"web-components"
59-
],
60-
"dependencies": {
61-
"@floating-ui/dom": "^1.2.3",
62-
"@fontsource/poppins": "^4.5.10",
63-
"@lit-labs/react": "^1.1.0",
64-
"@open-wc/form-control": "^0.5.1",
65-
"@open-wc/form-helpers": "^0.2.1",
66-
"element-internals-polyfill": "^1.2.3",
67-
"lit": "^2.2.3",
68-
"qr-creator": "^1.0.0"
69-
},
70-
"engines": {
71-
"node": ">=16"
72-
},
73-
"devDependencies": {
74-
"@commitlint/cli": "^16.2.4",
75-
"@commitlint/config-conventional": "^16.2.4",
76-
"@commitlint/prompt-cli": "^16.2.4",
77-
"@custom-elements-manifest/analyzer": "^0.6.3",
78-
"@open-wc/testing": "^3.1.6",
79-
"@rollup/plugin-replace": "^4.0.0",
80-
"@storybook/addon-a11y": "6.5.9",
81-
"@storybook/addon-actions": "6.5.9",
82-
"@storybook/addon-essentials": "6.5.9",
83-
"@storybook/addon-interactions": "^6.5.9",
84-
"@storybook/addon-links": "6.5.9",
85-
"@storybook/addon-storysource": "6.5.9",
86-
"@storybook/addon-viewport": "^6.5.10",
87-
"@storybook/jest": "^0.0.10",
88-
"@storybook/testing-library": "^0.0.13",
89-
"@storybook/web-components": "6.5.9",
90-
"@types/estree": "0.0.47",
91-
"@types/prettier": "^2.6.4",
92-
"@typescript-eslint/eslint-plugin": "^5.18.0",
93-
"@typescript-eslint/parser": "^5.18.0",
94-
"@web/dev-server-esbuild": "0.2.16",
95-
"@web/dev-server-import-maps": "^0.0.7",
96-
"@web/dev-server-rollup": "^0.3.17",
97-
"@web/test-runner": "^0.13.15",
98-
"@web/test-runner-playwright": "^0.8.6",
99-
"@web/test-runner-puppeteer": "^0.10.5",
100-
"@webcomponents/webcomponentsjs": "^2.5.0",
101-
"chromatic": "^6.11.4",
102-
"del": "^6.1.0",
103-
"del-cli": "^5.0.0",
104-
"esbuild": "^0.17.8",
105-
"esbuild-plugin-lit-css": "^2.0.0",
106-
"eslint": "^8.12.0",
107-
"eslint-config-prettier": "^8.5.0",
108-
"globby": "^13.1.1",
109-
"husky": "^8.0.3",
110-
"lint-staged": "^13.1.2",
111-
"minimist": "^1.2.6",
112-
"npm-run-all": "^4.1.5",
113-
"prettier": "^2.0.4",
114-
"rollup-plugin-lit-css": "^4.0.0",
115-
"storybook": "6.5.9",
116-
"stylelint": "^14.11.0",
117-
"stylelint-config-prettier": "^9.0.3",
118-
"stylelint-config-standard": "^28.0.0",
119-
"ts-lit-plugin": "^1.2.1",
120-
"typescript": "4.6.3",
121-
"wait-on": "^5.3.0"
122-
},
123-
"customElements": "dist/custom-elements.json"
2+
"name": "finpro",
3+
"version": "1.0.1-beta",
4+
"description": "Design System",
5+
"main": "dist/finpro.js",
6+
"module": "dist/finpro.js",
7+
"types": "dist/finpro.d.ts",
8+
"publishConfig": {
9+
"access": "public"
10+
},
11+
"files": [
12+
"dist/"
13+
],
14+
"repository": "github:FinTechSoftware/Finpro",
15+
"author": {
16+
"name": "FinTechSoftware",
17+
"url": "https://github.com/FinTechSoftware"
18+
},
19+
"license": "MIT",
20+
"scripts": {
21+
"prestart": "npm run build",
22+
"prepare": "husky install",
23+
"start": "npm run storybook:dev",
24+
"commit": "commit",
25+
"analyze": "cem analyze",
26+
"build": "del-cli dist/ && npm run analyze && npm run generate-react && tsc --emitDeclarationOnly && node generator/generate.js",
27+
"build-storybook": "NODE_ENV=production build-storybook -o storybook-static",
28+
"build-storybook-docs": "build-storybook --docs",
29+
"serve": "node generator/generate.js --serve",
30+
"storybook:dev": "start-storybook -p 1994",
31+
"lint": "npm-run-all -s lint:*",
32+
"lint:tsc": "tsc --noEmit",
33+
"lint:eslint": "eslint .",
34+
"lint:style": "stylelint src/**/*.css",
35+
"format": "npm-run-all -s format:*",
36+
"format:code": "eslint --fix ./src && prettier --write ./src",
37+
"fix": "npm run format && npm run lint",
38+
"chromatic": "npx chromatic --only-changed --project-token 14b660c71183 --force-rebuild",
39+
"ci": "rm -rf node_modules && npm install --frozen-lockfile",
40+
"clean": "npm-run-all -s clean:*",
41+
"clean:dist": "rimraf dist",
42+
"clean:modules": "rimraf node_modules",
43+
"reset": "npm run clean && npm install",
44+
"reboot": "npm run clean && npm install && npm start",
45+
"pretest": "npm run build",
46+
"test": "web-test-runner --coverage",
47+
"test:dev": "web-test-runner --coverage --dev",
48+
"test:component": "npm run test -- --group",
49+
"test:watch": "web-test-runner --coverage --watch",
50+
"test:debug": "web-test-runner --coverage --watch --debug",
51+
"test:headless": "web-test-runner --coverage --watch --debug --headless",
52+
"generate-react": "node generator/generate-react.js"
53+
},
54+
"keywords": [
55+
"typescript",
56+
"lit",
57+
"finpro",
58+
"financial ui",
59+
"web-components"
60+
],
61+
"dependencies": {
62+
"@floating-ui/dom": "^1.2.3",
63+
"@fontsource/poppins": "^4.5.10",
64+
"@lit-labs/react": "^1.1.0",
65+
"@open-wc/form-control": "^0.5.1",
66+
"@open-wc/form-helpers": "^0.2.1",
67+
"element-internals-polyfill": "^1.2.3",
68+
"lit": "^2.2.3",
69+
"qr-creator": "^1.0.0"
70+
},
71+
"engines": {
72+
"node": ">=16"
73+
},
74+
"devDependencies": {
75+
"@commitlint/cli": "^16.2.4",
76+
"@commitlint/config-conventional": "^16.2.4",
77+
"@commitlint/prompt-cli": "^16.2.4",
78+
"@custom-elements-manifest/analyzer": "^0.6.3",
79+
"@open-wc/testing": "^3.1.6",
80+
"@rollup/plugin-replace": "^4.0.0",
81+
"@storybook/addon-a11y": "6.5.9",
82+
"@storybook/addon-actions": "6.5.9",
83+
"@storybook/addon-essentials": "6.5.9",
84+
"@storybook/addon-interactions": "^6.5.9",
85+
"@storybook/addon-links": "6.5.9",
86+
"@storybook/addon-storysource": "6.5.9",
87+
"@storybook/addon-viewport": "^6.5.10",
88+
"@storybook/jest": "^0.0.10",
89+
"@storybook/testing-library": "^0.0.13",
90+
"@storybook/web-components": "6.5.9",
91+
"@types/estree": "0.0.47",
92+
"@types/prettier": "^2.6.4",
93+
"@typescript-eslint/eslint-plugin": "^5.18.0",
94+
"@typescript-eslint/parser": "^5.18.0",
95+
"@web/dev-server-esbuild": "0.2.16",
96+
"@web/dev-server-import-maps": "^0.0.7",
97+
"@web/dev-server-rollup": "^0.3.17",
98+
"@web/test-runner": "^0.13.15",
99+
"@web/test-runner-playwright": "^0.8.6",
100+
"@web/test-runner-puppeteer": "^0.10.5",
101+
"@webcomponents/webcomponentsjs": "^2.5.0",
102+
"chromatic": "^6.11.4",
103+
"del": "^6.1.0",
104+
"del-cli": "^5.0.0",
105+
"esbuild": "^0.17.8",
106+
"esbuild-plugin-lit-css": "^2.0.0",
107+
"eslint": "^8.12.0",
108+
"eslint-config-prettier": "^8.5.0",
109+
"globby": "^13.1.1",
110+
"husky": "^8.0.3",
111+
"lint-staged": "^13.1.2",
112+
"minimist": "^1.2.6",
113+
"npm-run-all": "^4.1.5",
114+
"prettier": "^2.0.4",
115+
"rollup-plugin-lit-css": "^4.0.0",
116+
"storybook": "6.5.9",
117+
"stylelint": "^14.11.0",
118+
"stylelint-config-prettier": "^9.0.3",
119+
"stylelint-config-standard": "^28.0.0",
120+
"ts-lit-plugin": "^1.2.1",
121+
"typescript": "4.6.3",
122+
"wait-on": "^5.3.0"
123+
},
124+
"customElements": "dist/custom-elements.json"
124125
}

‎src/components/fp-alert/fp-alert.ts

Lines changed: 9 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -88,9 +88,9 @@ export default class FpAlert extends FinproElement {
8888
private _predefinedIcons() {
8989
switch (this.variant) {
9090
case 'success':
91-
return 'check_fill';
91+
return 'check-circle';
9292
case 'danger':
93-
return 'close_fill';
93+
return 'x-circle';
9494
default:
9595
return this.variant;
9696
}
@@ -109,7 +109,7 @@ export default class FpAlert extends FinproElement {
109109
element.parentNode?.removeChild(element);
110110
return;
111111
}
112-
element.setAttribute('variant','tertiary' as ButtonVariant);
112+
element.setAttribute('variant', 'tertiary' as ButtonVariant);
113113
element.setAttribute('kind', 'neutral' as ButtonKind);
114114
element.setAttribute('size', 'medium' as ButtonSize);
115115
element.removeAttribute('icon');
@@ -120,27 +120,20 @@ export default class FpAlert extends FinproElement {
120120
const caption =
121121
this.caption || this._hasAlertCaptionSlot
122122
? html`<span class="caption">
123-
<slot name="caption"> ${this.caption} </slot>
124-
</span>`
123+
<slot name="caption"> ${this.caption} </slot>
124+
</span>`
125125
: null;
126126
const icon = this._getIcon()
127127
? html`<fp-icon class="icon" name=${ifDefined(this._getIcon())}></fp-icon>`
128128
: null;
129129

130130
const closable = this.closable
131-
? html`<fp-button
132-
class="close"
133-
label="close"
134-
variant="tertiary"
135-
kind="neutral"
136-
icon="close"
137-
variant="secondary"
138-
@click=${this._closeHandler}
139-
></fp-button>`
131+
? html`<fp-button class="close" label="close" variant="tertiary" kind="neutral" icon="close" variant="secondary"
132+
@click=${this._closeHandler}></fp-button>`
140133
: null;
141134
const description = html`<span class="description">
142-
<slot> ${this.description} </slot>
143-
</span>`;
135+
<slot> ${this.description} </slot>
136+
</span>`;
144137

145138
return html`
146139
<div class="alert">

‎src/components/fp-badge/fp-badge.stories.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,9 +35,9 @@ ${BadgeTemplate({ content:'Winner', styles: { '--fp-badge-bg-color' : 'var(--fp-
3535

3636
export const WithIconTemplate = (args) => html`
3737
${BadgeTemplate({ content:'In Progress', icon: 'waiting', styles: { '--fp-badge-bg-color' : 'var(--fp-color-accent-primary-background)', '--fp-badge-color': 'var(--fp-color-primary)' },...args})}
38-
${BadgeTemplate({ content:'Approved', icon: 'check_fill', styles: { '--fp-badge-bg-color' : 'var(--fp-color-success-background)', '--fp-badge-color': 'var(--fp-color-success)' },...args})}
38+
${BadgeTemplate({ content:'Approved', icon: 'check-circle', styles: { '--fp-badge-bg-color' : 'var(--fp-color-success-background)', '--fp-badge-color': 'var(--fp-color-success)' },...args})}
3939
${BadgeTemplate({ content:'Warning', icon: 'warning', styles: { '--fp-badge-bg-color' : 'var(--fp-color-warning-background)', '--fp-badge-color': 'var(--fp-color-warning)' },...args})}
40-
${BadgeTemplate({ content:'Denied', icon: 'close_fill', styles: { '--fp-badge-bg-color' : 'var(--fp-color-danger-background)', '--fp-badge-color': 'var(--fp-color-danger)' },...args})}
40+
${BadgeTemplate({ content:'Denied', icon: 'x-circle', styles: { '--fp-badge-bg-color' : 'var(--fp-color-danger-background)', '--fp-badge-color': 'var(--fp-color-danger)' },...args})}
4141
${BadgeTemplate({ content:'Offer', icon: 'my_offers', styles: { '--fp-badge-bg-color' : 'var(--fp-color-alternative-background)', '--fp-badge-color': 'var(--fp-color-alternative)' },...args})}
4242
${BadgeTemplate({ content:'Winner', icon: 'award', styles: { '--fp-badge-bg-color' : 'var(--fp-color-featured-background)', '--fp-badge-color': 'var(--fp-color-featured)' },...args})}
4343
`;

‎src/components/fp-icon/crypto-icon-list.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
export default ["$pac", "0xbtc", "1inch", "2give", "aave", "abt", "act", "actn", "ada", "add", "adx", "ae", "aeon", "aeur", "agi", "agrs", "aion", "algo", "amb", "amp", "ampl", "ankr", "ant", "ape", "apex", "appc", "ardr", "arg", "ark", "arn", "arnx", "ary", "ast", "atlas", "atm", "atom", "audr", "aury", "auto", "avax", "aywa", "bab", "bal", "band", "bat", "bay", "bcbc", "bcc", "bcd", "bch", "bcio", "bcn", "bco", "bcpt", "bdl", "beam", "bela", "bix", "blcn", "blk", "block", "blz", "bnb", "bnt", "bnty", "booty", "bos", "bpt", "bq", "brd", "bsd", "bsv", "btc", "btcd", "btch", "btcp", "btcz", "btdx", "btg", "btm", "bts", "btt", "btx", "burst", "bze", "call", "cc", "cdn", "cdt", "cenz", "chain", "chat", "chips", "chsb", "chz", "cix", "clam", "cloak", "cmm", "cmt", "cnd", "cnx", "cny", "cob", "colx", "comp", "coqui", "cred", "crpt", "crv", "crw", "cs", "ctr", "ctxc", "cvc", "d", "dai", "dash", "dat", "data", "dbc", "dcn", "dcr", "deez", "dent", "dew", "dgb", "dgd", "dlt", "dnt", "dock", "doge", "dot", "drgn", "drop", "dta", "dth", "dtr", "ebst", "eca", "edg", "edo", "edoge", "ela", "elec", "elf", "elix", "ella", "emb", "emc", "emc2", "eng", "enj", "entrp", "eon", "eop", "eos", "eqli", "equa", "etc", "eth", "ethos", "etn", "etp", "eur", "evx", "exmo", "exp", "fair", "fct", "fida", "fil", "fjc", "fldc", "flo", "flux", "fsn", "ftc", "fuel", "fun", "game", "gas", "gbp", "gbx", "gbyte", "generic", "gin", "glxt", "gmr", "gmt", "gno", "gnt", "gold", "grc", "grin", "grs", "grt", "gsc", "gto", "gup", "gusd", "gvt", "gxs", "gzr", "hight", "hns", "hodl", "hot", "hpb", "hsr", "ht", "html", "huc", "husd", "hush", "icn", "icp", "icx", "ignis", "ilk", "ink", "ins", "ion", "iop", "iost", "iotx", "iq", "itc", "jnt", "jpy", "kcs", "kin", "klown", "kmd", "knc", "krb", "ksm", "lbc", "lend", "leo", "lkk", "loom", "lpt", "lrc", "lsk", "ltc", "lun", "maid", "mana", "matic", "max", "mcap", "mco", "mda", "mds", "med", "meetone", "mft", "miota", "mith", "mkr", "mln", "mnx", "mnz", "moac", "mod", "mona", "msr", "mth", "mtl", "music", "mzc", "nano", "nas", "nav", "ncash", "ndz", "nebl", "neo", "neos", "neu", "nexo", "ngc", "nio", "nkn", "nlc2", "nlg", "nmc", "nmr", "npxs", "ntbc", "nuls", "nxs", "nxt", "oax", "ok", "omg", "omni", "one", "ong", "ont", "oot", "ost", "ox", "oxt", "oxy", "part", "pasc", "pasl", "pax", "paxg", "pay", "payx", "pink", "pirl", "pivx", "plr", "poa", "poe", "polis", "poly", "pot", "powr", "ppc", "ppp", "ppt", "pre", "prl", "pungo", "pura", "qash", "qiwi", "qlc", "qnt", "qrl", "qsp", "qtum", "r", "rads", "rap", "ray", "rcn", "rdd", "rdn", "ren", "rep", "repv2", "req", "rhoc", "ric", "rise", "rlc", "rpx", "rub", "rvn", "ryo", "safe", "safemoon", "sai", "salt", "san", "sand", "sbd", "sberbank", "sc", "script", "ser", "shift", "sib", "sin", "skl", "sky", "slr", "sls", "smart", "sngls", "snm", "snt", "snx", "soc", "sol", "spacehbit", "spank", "sphtx", "srn", "stak", "start", "steem", "storj", "storm", "stox", "stq", "strat", "stx", "sub", "sumo", "sushi", "sys", "taas", "tau", "tbx", "tel", "ten", "tern", "tgch", "theta", "tix", "tkn", "tks", "tnb", "tnc", "tnt", "tomo", "tpay", "trig", "trtl", "trx", "tusd", "tzc", "ubq", "uma", "uni", "unity", "usd", "usdc", "usdt", "utk", "veri", "vet", "via", "vib", "vibe", "vivo", "vrc", "vrsc", "vtc", "vtho", "wabi", "wan", "waves", "wax", "wbtc", "wgr", "wicc", "wings", "wpr", "wtc", "x", "xas", "xbc", "xbp", "xby", "xcp", "xdn", "xem", "xin", "xlm", "xmcc", "xmg", "xmo", "xmr", "xmy", "xp", "xpa", "xpm", "xpr", "xrp", "xsg", "xtz", "xuc", "xvc", "xvg", "xzc", "yfi", "yoyow", "zcl", "zec", "zel", "zen", "zest", "zil", "zilla", "zrx"]
1+
export default ["ada", "algo", "ape", "atom", "avax", "bch", "bnb", "bsv", "btc", "btt", "chz", "crv", "dai", "dash", "doge", "dot", "enj", "eos", "etc", "eth", "fil", "grt", "gusd", "ht", "kcs", "leo", "lrc", "ltc", "mana", "matic", "miota", "mkr", "neo", "nexo", "paxg", "qnt", "sand", "snx", "sol", "stx", "theta", "trx", "tusd", "uni", "usdc", "usdt", "vet", "wbtc", "xlm", "xmr", "xrp", "xtz", "zec", "zil"]

0 commit comments

Comments
 (0)