diff --git a/.changeset/cold-countries-compare.md b/.changeset/cold-countries-compare.md new file mode 100644 index 000000000..5418db9bb --- /dev/null +++ b/.changeset/cold-countries-compare.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": patch +--- + +Allow numbers in more styles. diff --git a/.changeset/fluffy-cats-allow.md b/.changeset/fluffy-cats-allow.md new file mode 100644 index 000000000..2a5cf7914 --- /dev/null +++ b/.changeset/fluffy-cats-allow.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Add success theme for Button component. diff --git a/.changeset/friendly-days-jam.md b/.changeset/friendly-days-jam.md new file mode 100644 index 000000000..b3071f77e --- /dev/null +++ b/.changeset/friendly-days-jam.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Decrease the line height of the h2 headers to 32px. diff --git a/.changeset/good-dingos-tan.md b/.changeset/good-dingos-tan.md new file mode 100644 index 000000000..39be92c4d --- /dev/null +++ b/.changeset/good-dingos-tan.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Improved design of Switch component. diff --git a/.changeset/many-zoos-drum.md b/.changeset/many-zoos-drum.md new file mode 100644 index 000000000..39f650ef1 --- /dev/null +++ b/.changeset/many-zoos-drum.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Replace most of the icons with Tabler icons. diff --git a/.changeset/new-horses-melt.md b/.changeset/new-horses-melt.md new file mode 100644 index 000000000..5e190b9cb --- /dev/null +++ b/.changeset/new-horses-melt.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Remove default custom fonts. diff --git a/.changeset/proud-tomatoes-explode.md b/.changeset/proud-tomatoes-explode.md new file mode 100644 index 000000000..1c403678e --- /dev/null +++ b/.changeset/proud-tomatoes-explode.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": patch +--- + +Improve Dialog outline except for popovers. diff --git a/.changeset/rare-islands-applaud.md b/.changeset/rare-islands-applaud.md new file mode 100644 index 000000000..12dd59c09 --- /dev/null +++ b/.changeset/rare-islands-applaud.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Replace most of the colors by more contrast and consistent versions. diff --git a/.changeset/rich-otters-tan.md b/.changeset/rich-otters-tan.md new file mode 100644 index 000000000..6594a338c --- /dev/null +++ b/.changeset/rich-otters-tan.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Change neutral and outline types visually for Button component and set outline as the default type. diff --git a/.changeset/shaggy-socks-worry.md b/.changeset/shaggy-socks-worry.md new file mode 100644 index 000000000..f5cf7aecc --- /dev/null +++ b/.changeset/shaggy-socks-worry.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Rework of all color palette. diff --git a/.changeset/three-cats-help.md b/.changeset/three-cats-help.md new file mode 100644 index 000000000..04e9040a4 --- /dev/null +++ b/.changeset/three-cats-help.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": patch +--- + +Add basic transitions for icons. diff --git a/.changeset/unlucky-melons-perform.md b/.changeset/unlucky-melons-perform.md new file mode 100644 index 000000000..d530a11e4 --- /dev/null +++ b/.changeset/unlucky-melons-perform.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Improve Select and ComboBox styles and the size of their chevron icons. diff --git a/.changeset/young-bears-add.md b/.changeset/young-bears-add.md new file mode 100644 index 000000000..d7d64b587 --- /dev/null +++ b/.changeset/young-bears-add.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": minor +--- + +Add wrapperStyles to Select and ComboBox components and fix style props extraction. diff --git a/.size-limit.cjs b/.size-limit.cjs index 2ef484a55..da5f89b05 100644 --- a/.size-limit.cjs +++ b/.size-limit.cjs @@ -1,4 +1,5 @@ const StatoscopeWebpackPlugin = require('@statoscope/webpack-plugin').default; + const { join } = require('path'); const reportFolder = process.env.REPORT_FOLDER ?? './size-limit-report'; @@ -19,7 +20,7 @@ module.exports = [ }), ); }, - limit: '245kB', + limit: '247kB', }, { name: 'Tree shaking (just a Button)', @@ -33,6 +34,6 @@ module.exports = [ path: './dist/es/index.js', webpack: true, import: '{ AiIcon }', - limit: '11 kB', + limit: '12 kB', }, ]; diff --git a/package.json b/package.json index 511d4fb93..0601ca64d 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,10 @@ "version": "0.59.13", "type": "module", "description": "UIKit for Cube Projects", + "repository": { + "type": "git", + "url": "https://github.com/cube-js/cube-ui-kit.git" + }, "module": "dist/es/index.js", "types": "dist/types/index.d.ts", "sideEffects": false, @@ -56,7 +60,6 @@ "styled-components": ">= 5.3.0" }, "dependencies": { - "@ant-design/icons": "^5.5.1", "@ianvs/prettier-plugin-sort-imports": "^4.4.1", "@internationalized/date": "^3.7.0", "@react-aria/focus": "^3.19.1", @@ -68,6 +71,7 @@ "@react-spectrum/utils": "^3.12.1", "@react-stately/utils": "^3.10.5", "@react-types/shared": "^3.27.0", + "@tabler/icons-react": "^3.31.0", "@trivago/prettier-plugin-sort-imports": "^5.2.2", "@vitejs/plugin-react": "^4.3.2", "clipboard-copy": "^4.0.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index dcf9d8827..190f7bc47 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -8,9 +8,6 @@ importers: .: dependencies: - '@ant-design/icons': - specifier: ^5.5.1 - version: 5.5.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0) '@ianvs/prettier-plugin-sort-imports': specifier: ^4.4.1 version: 4.4.1(prettier@3.2.5) @@ -44,6 +41,9 @@ importers: '@react-types/shared': specifier: ^3.27.0 version: 3.27.0(react@18.2.0) + '@tabler/icons-react': + specifier: ^3.31.0 + version: 3.31.0(react@18.2.0) '@trivago/prettier-plugin-sort-imports': specifier: ^5.2.2 version: 5.2.2(prettier@3.2.5) @@ -351,23 +351,6 @@ packages: resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==} engines: {node: '>=6.0.0'} - '@ant-design/colors@7.0.0': - resolution: {integrity: sha512-iVm/9PfGCbC0dSMBrz7oiEXZaaGH7ceU40OJEfKmyuzR9R5CRimJYPlRiFtMQGQcbNMea/ePcoIebi4ASGYXtg==} - - '@ant-design/icons-svg@4.4.2': - resolution: {integrity: sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==} - - '@ant-design/icons@5.5.1': - resolution: {integrity: sha512-0UrM02MA2iDIgvLatWrj6YTCYe0F/cwXvVE0E2SqGrL7PZireQwgEKTKBisWpZyal5eXZLvuM98kju6YtYne8w==} - engines: {node: '>=8'} - peerDependencies: - react: '>=16.0.0' - react-dom: '>=16.0.0' - - '@babel/code-frame@7.25.7': - resolution: {integrity: sha512-0xZJFNE5XMpENsgfHYTw8FbX4kv53mFLn2i3XPoq69LyhYSCBJtitaHx9QnsVTrsogI4Z3+HtEfZ2/GFPOtf5g==} - engines: {node: '>=6.9.0'} - '@babel/code-frame@7.26.2': resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==} engines: {node: '>=6.9.0'} @@ -387,10 +370,6 @@ packages: '@babel/core': ^7.11.0 eslint: ^7.5.0 || ^8.0.0 - '@babel/generator@7.25.7': - resolution: {integrity: sha512-5Dqpl5fyV9pIAD62yK9P7fcA768uVPUyrQmqpqstHWgMma4feF1x/oFysBCVZLY5wJ2GkMUCdsNDnGZrPoR6rA==} - engines: {node: '>=6.9.0'} - '@babel/generator@7.27.0': resolution: {integrity: sha512-VybsKvpiN1gU1sdMZIp7FcqphVVKEwcuj02x73uvcHE0PTihx1nlBcowYWhDwjpoAXRv43+gDzyggGnn1XZhVw==} engines: {node: '>=6.9.0'} @@ -487,18 +466,10 @@ packages: resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==} engines: {node: '>=6.9.0'} - '@babel/helper-string-parser@7.25.7': - resolution: {integrity: sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==} - engines: {node: '>=6.9.0'} - '@babel/helper-string-parser@7.25.9': resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==} engines: {node: '>=6.9.0'} - '@babel/helper-validator-identifier@7.25.7': - resolution: {integrity: sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==} - engines: {node: '>=6.9.0'} - '@babel/helper-validator-identifier@7.25.9': resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==} engines: {node: '>=6.9.0'} @@ -515,15 +486,6 @@ packages: resolution: {integrity: sha512-Sv6pASx7Esm38KQpF/U/OXLwPPrdGHNKoeblRxgZRLXnAtnkEe4ptJPDtAZM7fBLadbc1Q07kQpSiGQ0Jg6tRA==} engines: {node: '>=6.9.0'} - '@babel/highlight@7.25.7': - resolution: {integrity: sha512-iYyACpW3iW8Fw+ZybQK+drQre+ns/tKpXbNESfrhNnPLIklLbXr7MYJ6gPEd0iETGLOK+SxMjVvKb/ffmk+FEw==} - engines: {node: '>=6.9.0'} - - '@babel/parser@7.25.8': - resolution: {integrity: sha512-HcttkxzdPucv3nNFmfOOMfFf64KgdJVqm1KaCm25dPGMLElo9nsLvXeJECQg8UzPuBGLyTSA0ZzqCtDSzKTEoQ==} - engines: {node: '>=6.0.0'} - hasBin: true - '@babel/parser@7.27.0': resolution: {integrity: sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==} engines: {node: '>=6.0.0'} @@ -1098,26 +1060,14 @@ packages: resolution: {integrity: sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==} engines: {node: '>=6.9.0'} - '@babel/template@7.25.7': - resolution: {integrity: sha512-wRwtAgI3bAS+JGU2upWNL9lSlDcRCqD05BZ1n3X2ONLH1WilFP6O1otQjeMK/1g0pvYcXC7b/qVUB1keofjtZA==} - engines: {node: '>=6.9.0'} - '@babel/template@7.27.0': resolution: {integrity: sha512-2ncevenBqXI6qRMukPlXwHKHchC7RyMuu4xv5JBXRfOGVcTy1mXCD12qrp7Jsoxll1EV3+9sE4GugBVRjT2jFA==} engines: {node: '>=6.9.0'} - '@babel/traverse@7.25.7': - resolution: {integrity: sha512-jatJPT1Zjqvh/1FyJs6qAHL+Dzb7sTb+xr7Q+gM1b+1oBsMsQQ4FkVKb6dFlJvLlVssqkRzV05Jzervt9yhnzg==} - engines: {node: '>=6.9.0'} - '@babel/traverse@7.27.0': resolution: {integrity: sha512-19lYZFzYVQkkHkl4Cy4WrAVcqBkgvV2YM2TU3xG6DIwO7O3ecbDPfW3yM3bjAGcqcQHi+CCtjMR3dIEHxsd6bA==} engines: {node: '>=6.9.0'} - '@babel/types@7.25.8': - resolution: {integrity: sha512-JWtuCu8VQsMladxVz/P4HzHUGCAwpuqacmowgXFs5XjxIgKuNjnLokQzuVjlTvIzODaDmpjT3oxcC48vyk9EWg==} - engines: {node: '>=6.9.0'} - '@babel/types@7.27.0': resolution: {integrity: sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==} engines: {node: '>=6.9.0'} @@ -1259,10 +1209,6 @@ packages: resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==} engines: {node: '>=12'} - '@ctrl/tinycolor@3.6.0': - resolution: {integrity: sha512-/Z3l6pXthq0JvMYdUFyX9j0MaCltlIn6mfh9jLyQwg5aPKxkyNa0PTHtU1AlFXLNk55ZuAeJRcpvq+tmLfKmaQ==} - engines: {node: '>=10'} - '@discoveryjs/json-ext@0.5.5': resolution: {integrity: sha512-6nFkfkmSeV/rqSaS4oWHgmpnYw194f6hmWF5is6b0J1naJZoiD0NTc9AiUwPHvWsowkjuHErCZT1wa0jg+BLIA==} engines: {node: '>=10.0.0'} @@ -2886,6 +2832,14 @@ packages: peerDependencies: '@swc/core': '*' + '@tabler/icons-react@3.31.0': + resolution: {integrity: sha512-2rrCM5y/VnaVKnORpDdAua9SEGuJKVqPtWxeQ/vUVsgaUx30LDgBZph7/lterXxDY1IKR6NO//HDhWiifXTi3w==} + peerDependencies: + react: '>= 16' + + '@tabler/icons@3.31.0': + resolution: {integrity: sha512-dblAdeKY3+GA1U+Q9eziZ0ooVlZMHsE8dqP0RkwvRtEsAULoKOYaCUOcJ4oW1DjWegdxk++UAt2SlQVnmeHv+g==} + '@testing-library/dom@10.4.0': resolution: {integrity: sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==} engines: {node: '>=18'} @@ -3726,9 +3680,6 @@ packages: cjs-module-lexer@1.2.2: resolution: {integrity: sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==} - classnames@2.3.2: - resolution: {integrity: sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==} - cli-cursor@2.1.0: resolution: {integrity: sha512-8lgKz8LmCRYZZQDpRyT2m5rKJ08TnU4tR9FFFW2rxpxR1FzWi4PQ/NfyODchAatHaUgnSPVcx/R5w6NuTBzFiw==} engines: {node: '>=4'} @@ -5984,12 +5935,6 @@ packages: randombytes@2.1.0: resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==} - rc-util@5.32.0: - resolution: {integrity: sha512-/AJTm1Na+ltHsfhUWodb9Gm1/cYyw0Cx8LrDBO6H0JT35WSMx3/2zXxFwmcVI1M8QnFKecwQNDBeVT1m2iw/vg==} - peerDependencies: - react: '>=16.9.0' - react-dom: '>=16.9.0' - react-aria@3.37.0: resolution: {integrity: sha512-u3WUEMTcbQFaoHauHO3KhPaBYzEv1o42EdPcLAs05GBw9Q6Axlqwo73UFgMrsc2ElwLAZ4EKpSdWHLo1R5gfiw==} peerDependencies: @@ -6624,10 +6569,6 @@ packages: tmpl@1.0.5: resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==} - to-fast-properties@2.0.0: - resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==} - engines: {node: '>=4'} - to-regex-range@5.0.1: resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} engines: {node: '>=8.0'} @@ -7150,27 +7091,6 @@ snapshots: '@jridgewell/gen-mapping': 0.3.5 '@jridgewell/trace-mapping': 0.3.25 - '@ant-design/colors@7.0.0': - dependencies: - '@ctrl/tinycolor': 3.6.0 - - '@ant-design/icons-svg@4.4.2': {} - - '@ant-design/icons@5.5.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': - dependencies: - '@ant-design/colors': 7.0.0 - '@ant-design/icons-svg': 4.4.2 - '@babel/runtime': 7.25.7 - classnames: 2.3.2 - rc-util: 5.32.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0) - react: 18.2.0 - react-dom: 18.2.0(react@18.2.0) - - '@babel/code-frame@7.25.7': - dependencies: - '@babel/highlight': 7.25.7 - picocolors: 1.1.1 - '@babel/code-frame@7.26.2': dependencies: '@babel/helper-validator-identifier': 7.25.9 @@ -7182,15 +7102,15 @@ snapshots: '@babel/core@7.25.8': dependencies: '@ampproject/remapping': 2.2.1 - '@babel/code-frame': 7.25.7 - '@babel/generator': 7.25.7 + '@babel/code-frame': 7.26.2 + '@babel/generator': 7.27.0 '@babel/helper-compilation-targets': 7.25.7 '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.8) '@babel/helpers': 7.25.7 - '@babel/parser': 7.25.8 - '@babel/template': 7.25.7 - '@babel/traverse': 7.25.7 - '@babel/types': 7.25.8 + '@babel/parser': 7.27.0 + '@babel/template': 7.27.0 + '@babel/traverse': 7.27.0 + '@babel/types': 7.27.0 convert-source-map: 2.0.0 debug: 4.3.5 gensync: 1.0.0-beta.2 @@ -7207,13 +7127,6 @@ snapshots: eslint-visitor-keys: 2.1.0 semver: 6.3.1 - '@babel/generator@7.25.7': - dependencies: - '@babel/types': 7.27.0 - '@jridgewell/gen-mapping': 0.3.5 - '@jridgewell/trace-mapping': 0.3.25 - jsesc: 3.0.2 - '@babel/generator@7.27.0': dependencies: '@babel/parser': 7.27.0 @@ -7284,7 +7197,7 @@ snapshots: '@babel/helper-function-name@7.23.0': dependencies: - '@babel/template': 7.25.7 + '@babel/template': 7.27.0 '@babel/types': 7.27.0 '@babel/helper-hoist-variables@7.22.5': @@ -7307,7 +7220,7 @@ snapshots: '@babel/core': 7.25.8 '@babel/helper-module-imports': 7.25.7 '@babel/helper-simple-access': 7.25.7 - '@babel/helper-validator-identifier': 7.25.7 + '@babel/helper-validator-identifier': 7.25.9 '@babel/traverse': 7.27.0 transitivePeerDependencies: - supports-color @@ -7347,12 +7260,8 @@ snapshots: dependencies: '@babel/types': 7.27.0 - '@babel/helper-string-parser@7.25.7': {} - '@babel/helper-string-parser@7.25.9': {} - '@babel/helper-validator-identifier@7.25.7': {} - '@babel/helper-validator-identifier@7.25.9': {} '@babel/helper-validator-option@7.25.7': {} @@ -7360,23 +7269,12 @@ snapshots: '@babel/helper-wrap-function@7.22.20': dependencies: '@babel/helper-function-name': 7.23.0 - '@babel/template': 7.25.7 + '@babel/template': 7.27.0 '@babel/types': 7.27.0 '@babel/helpers@7.25.7': dependencies: - '@babel/template': 7.25.7 - '@babel/types': 7.27.0 - - '@babel/highlight@7.25.7': - dependencies: - '@babel/helper-validator-identifier': 7.25.7 - chalk: 2.4.2 - js-tokens: 4.0.0 - picocolors: 1.1.1 - - '@babel/parser@7.25.8': - dependencies: + '@babel/template': 7.27.0 '@babel/types': 7.27.0 '@babel/parser@7.27.0': @@ -7630,7 +7528,7 @@ snapshots: dependencies: '@babel/core': 7.25.8 '@babel/helper-plugin-utils': 7.25.7 - '@babel/template': 7.25.7 + '@babel/template': 7.27.0 '@babel/plugin-transform-destructuring@7.24.1(@babel/core@7.25.8)': dependencies: @@ -7730,7 +7628,7 @@ snapshots: '@babel/helper-hoist-variables': 7.22.5 '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.8) '@babel/helper-plugin-utils': 7.25.7 - '@babel/helper-validator-identifier': 7.25.7 + '@babel/helper-validator-identifier': 7.25.9 transitivePeerDependencies: - supports-color @@ -8057,30 +7955,12 @@ snapshots: dependencies: regenerator-runtime: 0.14.1 - '@babel/template@7.25.7': - dependencies: - '@babel/code-frame': 7.25.7 - '@babel/parser': 7.27.0 - '@babel/types': 7.27.0 - '@babel/template@7.27.0': dependencies: '@babel/code-frame': 7.26.2 '@babel/parser': 7.27.0 '@babel/types': 7.27.0 - '@babel/traverse@7.25.7': - dependencies: - '@babel/code-frame': 7.25.7 - '@babel/generator': 7.27.0 - '@babel/parser': 7.27.0 - '@babel/template': 7.25.7 - '@babel/types': 7.27.0 - debug: 4.3.5 - globals: 11.12.0 - transitivePeerDependencies: - - supports-color - '@babel/traverse@7.27.0': dependencies: '@babel/code-frame': 7.26.2 @@ -8093,12 +7973,6 @@ snapshots: transitivePeerDependencies: - supports-color - '@babel/types@7.25.8': - dependencies: - '@babel/helper-string-parser': 7.25.7 - '@babel/helper-validator-identifier': 7.25.7 - to-fast-properties: 2.0.0 - '@babel/types@7.27.0': dependencies: '@babel/helper-string-parser': 7.25.9 @@ -8398,8 +8272,6 @@ snapshots: dependencies: '@jridgewell/trace-mapping': 0.3.9 - '@ctrl/tinycolor@3.6.0': {} - '@discoveryjs/json-ext@0.5.5': {} '@discoveryjs/json-ext@0.5.7': {} @@ -10518,9 +10390,16 @@ snapshots: '@swc/counter': 0.1.3 jsonc-parser: 3.2.0 + '@tabler/icons-react@3.31.0(react@18.2.0)': + dependencies: + '@tabler/icons': 3.31.0 + react: 18.2.0 + + '@tabler/icons@3.31.0': {} + '@testing-library/dom@10.4.0': dependencies: - '@babel/code-frame': 7.25.7 + '@babel/code-frame': 7.26.2 '@babel/runtime': 7.25.7 '@types/aria-query': 5.0.1 aria-query: 5.3.0 @@ -10531,7 +10410,7 @@ snapshots: '@testing-library/dom@9.3.4': dependencies: - '@babel/code-frame': 7.25.7 + '@babel/code-frame': 7.26.2 '@babel/runtime': 7.25.7 '@types/aria-query': 5.0.1 aria-query: 5.1.3 @@ -10604,8 +10483,8 @@ snapshots: '@types/babel__core@7.20.5': dependencies: - '@babel/parser': 7.25.8 - '@babel/types': 7.25.8 + '@babel/parser': 7.27.0 + '@babel/types': 7.27.0 '@types/babel__generator': 7.6.4 '@types/babel__template': 7.4.1 '@types/babel__traverse': 7.18.5 @@ -11290,7 +11169,7 @@ snapshots: babel-plugin-jest-hoist@29.6.3: dependencies: - '@babel/template': 7.25.7 + '@babel/template': 7.27.0 '@babel/types': 7.27.0 '@types/babel__core': 7.20.5 '@types/babel__traverse': 7.18.5 @@ -11537,8 +11416,6 @@ snapshots: cjs-module-lexer@1.2.2: {} - classnames@2.3.2: {} - cli-cursor@2.1.0: dependencies: restore-cursor: 2.0.0 @@ -13215,7 +13092,7 @@ snapshots: jest-message-util@29.7.0: dependencies: - '@babel/code-frame': 7.25.7 + '@babel/code-frame': 7.26.2 '@jest/types': 29.6.3 '@types/stack-utils': 2.0.1 chalk: 4.1.2 @@ -14255,7 +14132,7 @@ snapshots: parse-json@5.2.0: dependencies: - '@babel/code-frame': 7.25.7 + '@babel/code-frame': 7.26.2 error-ex: 1.3.2 json-parse-even-better-errors: 2.3.1 lines-and-columns: 1.2.4 @@ -14401,13 +14278,6 @@ snapshots: dependencies: safe-buffer: 5.2.1 - rc-util@5.32.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0): - dependencies: - '@babel/runtime': 7.25.7 - react: 18.2.0 - react-dom: 18.2.0(react@18.2.0) - react-is: 16.13.1 - react-aria@3.37.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0): dependencies: '@internationalized/string': 3.2.5 @@ -14464,8 +14334,8 @@ snapshots: react-docgen@7.0.3: dependencies: '@babel/core': 7.25.8 - '@babel/traverse': 7.25.7 - '@babel/types': 7.25.8 + '@babel/traverse': 7.27.0 + '@babel/types': 7.27.0 '@types/babel__core': 7.20.5 '@types/babel__traverse': 7.18.5 '@types/doctrine': 0.0.9 @@ -15219,8 +15089,6 @@ snapshots: tmpl@1.0.5: {} - to-fast-properties@2.0.0: {} - to-regex-range@5.0.1: dependencies: is-number: 7.0.0 diff --git a/public/fonts/Inter-Bold.woff b/public/fonts/Inter-Bold.woff deleted file mode 100644 index 80f70f058..000000000 Binary files a/public/fonts/Inter-Bold.woff and /dev/null differ diff --git a/public/fonts/Inter-Bold.woff2 b/public/fonts/Inter-Bold.woff2 deleted file mode 100644 index 622e5f147..000000000 Binary files a/public/fonts/Inter-Bold.woff2 and /dev/null differ diff --git a/public/fonts/Inter-Medium.woff b/public/fonts/Inter-Medium.woff deleted file mode 100644 index 1d50f8007..000000000 Binary files a/public/fonts/Inter-Medium.woff and /dev/null differ diff --git a/public/fonts/Inter-Medium.woff2 b/public/fonts/Inter-Medium.woff2 deleted file mode 100644 index ffb4206c2..000000000 Binary files a/public/fonts/Inter-Medium.woff2 and /dev/null differ diff --git a/public/fonts/Inter-Regular.woff b/public/fonts/Inter-Regular.woff deleted file mode 100644 index 7cb4990b8..000000000 Binary files a/public/fonts/Inter-Regular.woff and /dev/null differ diff --git a/public/fonts/Inter-Regular.woff2 b/public/fonts/Inter-Regular.woff2 deleted file mode 100644 index 66691b83a..000000000 Binary files a/public/fonts/Inter-Regular.woff2 and /dev/null differ diff --git a/public/fonts/Inter-SemiBold.woff b/public/fonts/Inter-SemiBold.woff deleted file mode 100644 index 490bd9d5e..000000000 Binary files a/public/fonts/Inter-SemiBold.woff and /dev/null differ diff --git a/public/fonts/Inter-SemiBold.woff2 b/public/fonts/Inter-SemiBold.woff2 deleted file mode 100644 index 9fd7726eb..000000000 Binary files a/public/fonts/Inter-SemiBold.woff2 and /dev/null differ diff --git a/public/fonts/JetBrainsMono-Bold.woff b/public/fonts/JetBrainsMono-Bold.woff deleted file mode 100644 index c8118a879..000000000 Binary files a/public/fonts/JetBrainsMono-Bold.woff and /dev/null differ diff --git a/public/fonts/JetBrainsMono-Bold.woff2 b/public/fonts/JetBrainsMono-Bold.woff2 deleted file mode 100644 index d09807617..000000000 Binary files a/public/fonts/JetBrainsMono-Bold.woff2 and /dev/null differ diff --git a/public/fonts/JetBrainsMono-Medium.woff b/public/fonts/JetBrainsMono-Medium.woff deleted file mode 100644 index 30e8af203..000000000 Binary files a/public/fonts/JetBrainsMono-Medium.woff and /dev/null differ diff --git a/public/fonts/JetBrainsMono-Medium.woff2 b/public/fonts/JetBrainsMono-Medium.woff2 deleted file mode 100644 index cf13ff6ba..000000000 Binary files a/public/fonts/JetBrainsMono-Medium.woff2 and /dev/null differ diff --git a/public/fonts/JetBrainsMono-Regular.woff b/public/fonts/JetBrainsMono-Regular.woff deleted file mode 100644 index dc1d85f57..000000000 Binary files a/public/fonts/JetBrainsMono-Regular.woff and /dev/null differ diff --git a/public/fonts/JetBrainsMono-Regular.woff2 b/public/fonts/JetBrainsMono-Regular.woff2 deleted file mode 100644 index fdf95dde6..000000000 Binary files a/public/fonts/JetBrainsMono-Regular.woff2 and /dev/null differ diff --git a/public/fonts/SourceCodePro-Regular.woff b/public/fonts/SourceCodePro-Regular.woff deleted file mode 100644 index eacf83e53..000000000 Binary files a/public/fonts/SourceCodePro-Regular.woff and /dev/null differ diff --git a/public/fonts/SourceCodePro-Regular.woff2 b/public/fonts/SourceCodePro-Regular.woff2 deleted file mode 100644 index 21411ef40..000000000 Binary files a/public/fonts/SourceCodePro-Regular.woff2 and /dev/null differ diff --git a/public/fonts/text-security-disc.woff b/public/fonts/text-security-disc.woff deleted file mode 100644 index bc3cd0e63..000000000 Binary files a/public/fonts/text-security-disc.woff and /dev/null differ diff --git a/public/fonts/text-security-disc.woff2 b/public/fonts/text-security-disc.woff2 deleted file mode 100644 index 658e00ddd..000000000 Binary files a/public/fonts/text-security-disc.woff2 and /dev/null differ diff --git a/src/components/GlobalStyles.tsx b/src/components/GlobalStyles.tsx index 766803caf..0efab2587 100644 --- a/src/components/GlobalStyles.tsx +++ b/src/components/GlobalStyles.tsx @@ -39,68 +39,8 @@ const BODY_STYLES = { const fontsProvider = ({ publicUrl = '', fontDisplay = 'swap' }) => ` @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: ${fontDisplay}; - src: url(${publicUrl}/fonts/Inter-Regular.woff2) format('woff2'), - url(${publicUrl}/fonts/Inter-Regular.woff) format('woff'); - } - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 500; - font-display: ${fontDisplay}; - src: url(${publicUrl}/fonts/Inter-Medium.woff2) format('woff2'), - url(${publicUrl}/fonts/Inter-Medium.woff) format('woff'); - } - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 600; - font-display: ${fontDisplay}; - src: url(${publicUrl}/fonts/Inter-SemiBold.woff2) format('woff2'), - url(${publicUrl}/fonts/Inter-SemiBold.woff) format('woff'); - } - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 700; - font-display: ${fontDisplay}; - src: url(${publicUrl}/fonts/Inter-Bold.woff2) format('woff2'), - url(${publicUrl}/fonts/Inter-Bold.woff) format('woff'); - } - @font-face { - font-family: 'Source Code Pro'; - src: url('${publicUrl}/fonts/SourceCodePro-Regular.woff2') format('woff2'), - url('${publicUrl}/fonts/SourceCodePro-Regular.woff') format('woff'); - font-weight: normal; - font-style: normal; - font-display: ${fontDisplay}; - } - - @font-face { - font-family: 'JetBrains Mono'; - font-style: normal; - font-weight: 400; - font-display: ${fontDisplay}; - src: url(${publicUrl}/fonts/JetBrainsMono-Regular.woff2) format('woff2'), - url(${publicUrl}/fonts/JetBrainsMono-Regular.woff) format('woff'); - } - - @font-face { - font-family: 'JetBrains Mono'; - font-style: normal; - font-weight: 700; - font-display: ${fontDisplay}; - src: url(${publicUrl}/fonts/JetBrainsMono-Bold.woff2) format('woff2'), - url(${publicUrl}/fonts/JetBrainsMono-Bold.woff) format('woff'); - } - - @font-face { - font-family: 'text-security-disc'; - src: url(${publicUrl}/fonts/text-security-disc.woff2) format('woff2'), - url(${publicUrl}/fonts/text-security-disc.woff) format('woff'); + font-family: text-security-disc; + src: url(data:font/woff2;base64,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) format('woff2'); } `; @@ -133,8 +73,9 @@ const GlobalStylesElement = createGlobalStyle` html { overscroll-behavior-y: none; --font: ${({ $font }) => - $font || - 'Inter'}, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + $font + ? `${$font}, ` + : ''}-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --monospace-font: ${({ $monospaceFont }) => `${ $monospaceFont ? `${$monospaceFont}, ` : '' @@ -152,6 +93,14 @@ const GlobalStylesElement = createGlobalStyle` padding: 0 var(--outline-width); } + :not([data-qa="Icon"]) .tabler-icon { + max-width: var(--icon-size); + min-width: var(--icon-size); + min-height: var(--icon-size); + max-height: var(--icon-size); + stroke-width: var(--stroke-width); + } + .cube-animation-spin { animation: cube-animation-spin 1s linear infinite; } diff --git a/src/components/actions/Button/Button.stories.tsx b/src/components/actions/Button/Button.stories.tsx index 601487017..d6f0d307c 100644 --- a/src/components/actions/Button/Button.stories.tsx +++ b/src/components/actions/Button/Button.stories.tsx @@ -1,5 +1,5 @@ -import { CaretDownOutlined, DollarCircleOutlined } from '@ant-design/icons'; import { StoryFn } from '@storybook/react'; +import { IconCaretDown, IconCoin } from '@tabler/icons-react'; import { baseProps } from '../../../stories/lists/baseProps'; import { Space } from '../../layout/Space'; @@ -50,8 +50,8 @@ const Template: StoryFn = ({ fill={props.theme === 'special' ? '#dark' : undefined} >