From b77e9c5c2dbcbbff5257ca6d1f2418438ecadaee Mon Sep 17 00:00:00 2001 From: smallSohoSolo Date: Mon, 16 Oct 2023 12:15:09 +0800 Subject: [PATCH 1/4] chore: update framer --- packages/affix/package.json | 2 +- packages/alert/package.json | 2 +- packages/drawer/package.json | 2 +- packages/input/package.json | 2 +- packages/menu/package.json | 2 +- packages/message/package.json | 2 +- packages/modal/package.json | 2 +- packages/notification/package.json | 2 +- packages/slider/package.json | 2 +- packages/statistic/package.json | 2 +- packages/tabs/package.json | 2 +- packages/trigger/package.json | 2 +- packages/upload/package.json | 2 +- 13 files changed, 13 insertions(+), 13 deletions(-) diff --git a/packages/affix/package.json b/packages/affix/package.json index 51e4f0837..40b3b31f1 100644 --- a/packages/affix/package.json +++ b/packages/affix/package.json @@ -44,7 +44,7 @@ "@illa-design/system": "workspace:*", "react-use-measure": "^2.1.1", "react-use": "^17.4.0", - "framer-motion": "^7.6.12" + "framer-motion": "^10.16.4" }, "peerDependencies": { "react": "^18.2.0", diff --git a/packages/alert/package.json b/packages/alert/package.json index 0fe644c14..48a9258a2 100644 --- a/packages/alert/package.json +++ b/packages/alert/package.json @@ -43,7 +43,7 @@ "@illa-design/icon": "workspace:*", "@illa-design/system": "workspace:*", "@illa-design/theme": "workspace:*", - "framer-motion": "^7.6.12" + "framer-motion": "^10.16.4" }, "peerDependencies": { "react": "^18.2.0", diff --git a/packages/drawer/package.json b/packages/drawer/package.json index 8e11561c1..09e8c8efb 100644 --- a/packages/drawer/package.json +++ b/packages/drawer/package.json @@ -47,7 +47,7 @@ "@illa-design/theme": "workspace:*", "react-remove-scroll": "^2.5.4", "react-focus-lock": "^2.8.1", - "framer-motion": "^7.6.12" + "framer-motion": "^10.16.4" }, "peerDependencies": { "react": "^18.2.0", diff --git a/packages/input/package.json b/packages/input/package.json index c9c9c312c..831fd3995 100644 --- a/packages/input/package.json +++ b/packages/input/package.json @@ -43,7 +43,7 @@ "@illa-design/icon": "workspace:*", "@illa-design/system": "workspace:*", "@illa-design/theme": "workspace:*", - "framer-motion": "^7.6.12" + "framer-motion": "^10.16.4" }, "peerDependencies": { "react": "^18.2.0", diff --git a/packages/menu/package.json b/packages/menu/package.json index 8026b9e51..bc64321d4 100644 --- a/packages/menu/package.json +++ b/packages/menu/package.json @@ -44,7 +44,7 @@ "@illa-design/dropdown": "workspace:*", "@illa-design/system": "workspace:*", "@illa-design/theme": "workspace:*", - "framer-motion": "^7.6.12", + "framer-motion": "^10.16.4", "react-use-measure": "^2.1.1" }, "peerDependencies": { diff --git a/packages/message/package.json b/packages/message/package.json index 39a61c98e..63404d1b2 100644 --- a/packages/message/package.json +++ b/packages/message/package.json @@ -44,7 +44,7 @@ "@illa-design/system": "workspace:*", "@illa-design/theme": "workspace:*", "uuid": "^8.3.2", - "framer-motion": "^7.6.12" + "framer-motion": "^10.16.4" }, "devDependencies": { "@types/uuid": "^8.3.4" diff --git a/packages/modal/package.json b/packages/modal/package.json index b42454b25..f5ca085ef 100644 --- a/packages/modal/package.json +++ b/packages/modal/package.json @@ -49,7 +49,7 @@ "react-hotkeys-hook": "^4.4.0", "react-focus-lock": "^2.8.1", "uuid": "^8.3.2", - "framer-motion": "^7.6.12" + "framer-motion": "^10.16.4" }, "devDependencies": { "@types/uuid": "^8.3.4" diff --git a/packages/notification/package.json b/packages/notification/package.json index 358230b03..fe0fdfd10 100644 --- a/packages/notification/package.json +++ b/packages/notification/package.json @@ -44,7 +44,7 @@ "@illa-design/system": "workspace:*", "@illa-design/theme": "workspace:*", "uuid": "^8.3.2", - "framer-motion": "^7.6.12" + "framer-motion": "^10.16.4" }, "devDependencies": { "@types/uuid": "^8.3.4" diff --git a/packages/slider/package.json b/packages/slider/package.json index dd863651f..1096eeb7e 100644 --- a/packages/slider/package.json +++ b/packages/slider/package.json @@ -44,7 +44,7 @@ "@illa-design/theme": "workspace:*", "@illa-design/system": "workspace:*", "@illa-design/trigger": "workspace:*", - "framer-motion": "^7.6.12", + "framer-motion": "^10.16.4", "react-use-measure": "^2.1.1" }, "peerDependencies": { diff --git a/packages/statistic/package.json b/packages/statistic/package.json index 7ce05318c..aa52edace 100644 --- a/packages/statistic/package.json +++ b/packages/statistic/package.json @@ -45,7 +45,7 @@ "@illa-design/system": "workspace:*", "@illa-design/skeleton": "workspace:*", "dayjs": "^1.11.7", - "framer-motion": "^7.6.12" + "framer-motion": "^10.16.4" }, "peerDependencies": { "react": "^18.2.0", diff --git a/packages/tabs/package.json b/packages/tabs/package.json index 4e6e568b3..792e4ec63 100644 --- a/packages/tabs/package.json +++ b/packages/tabs/package.json @@ -43,7 +43,7 @@ "@illa-design/icon": "workspace:*", "@illa-design/system": "workspace:*", "@illa-design/theme": "workspace:*", - "framer-motion": "^7.6.12", + "framer-motion": "^10.16.4", "react-use": "^17.4.0" }, "peerDependencies": { diff --git a/packages/trigger/package.json b/packages/trigger/package.json index 7dbd4c28b..4bb6523c0 100644 --- a/packages/trigger/package.json +++ b/packages/trigger/package.json @@ -45,7 +45,7 @@ "@illa-design/theme": "workspace:*", "@illa-design/system": "workspace:*", "@floating-ui/react": "^0.25.2", - "framer-motion": "^7.6.12" + "framer-motion": "^10.16.4" }, "peerDependencies": { "react": "^18.2.0", diff --git a/packages/upload/package.json b/packages/upload/package.json index 957ff640c..6bc79026a 100644 --- a/packages/upload/package.json +++ b/packages/upload/package.json @@ -48,7 +48,7 @@ "@illa-design/progress": "workspace:*", "@illa-design/system": "workspace:*", "@illa-design/theme": "workspace:*", - "framer-motion": "^7.6.12", + "framer-motion": "^10.16.4", "uuid": "^8.3.2" }, "peerDependencies": { From 49a4d199afab5c2df1bfece119c2921e69e982c5 Mon Sep 17 00:00:00 2001 From: chenlongbo Date: Thu, 19 Oct 2023 15:04:17 +0800 Subject: [PATCH 2/4] feat: update turbo --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index af61c6096..c21c4470c 100644 --- a/package.json +++ b/package.json @@ -44,7 +44,7 @@ "prettier": "^2.8.8", "react": "^18.2.0", "react-dom": "^18.2.0", - "turbo": "1.8.3", + "turbo": "1.10.15", "typescript": "^5.0.4", "vite": "^4.4.2" }, From 2cd8b20536a7d49b917beb66fb47498ad1c4ca91 Mon Sep 17 00:00:00 2001 From: chenlongbo Date: Thu, 19 Oct 2023 15:06:30 +0800 Subject: [PATCH 3/4] feat: update turbo --- pnpm-lock.yaml | 165 +++++++++++++++++-------------------------------- 1 file changed, 56 insertions(+), 109 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 0c17fd22c..5f052afea 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -87,8 +87,8 @@ importers: specifier: ^18.2.0 version: 18.2.0(react@18.2.0) turbo: - specifier: 1.8.3 - version: 1.8.3 + specifier: 1.10.15 + version: 1.10.15 typescript: specifier: ^5.0.4 version: 5.2.2 @@ -151,8 +151,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -181,8 +181,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -587,8 +587,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -722,8 +722,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -881,8 +881,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -908,8 +908,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -948,8 +948,8 @@ importers: specifier: workspace:* version: link:../trigger framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -985,8 +985,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -1488,8 +1488,8 @@ importers: specifier: workspace:* version: link:../trigger framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -1563,8 +1563,8 @@ importers: specifier: ^1.11.7 version: 1.11.9 framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -1705,8 +1705,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -1858,8 +1858,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -1921,8 +1921,8 @@ importers: specifier: workspace:* version: link:../theme framer-motion: - specifier: ^7.6.12 - version: 7.10.3(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -4206,53 +4206,6 @@ packages: react: 18.2.0 dev: true - /@motionone/animation@10.15.1: - resolution: {integrity: sha512-mZcJxLjHor+bhcPuIFErMDNyrdb2vJur8lSfMCsuCB4UyV8ILZLvK+t+pg56erv8ud9xQGK/1OGPt10agPrCyQ==} - dependencies: - '@motionone/easing': 10.15.1 - '@motionone/types': 10.15.1 - '@motionone/utils': 10.15.1 - tslib: 2.4.0 - dev: false - - /@motionone/dom@10.16.2: - resolution: {integrity: sha512-bnuHdNbge1FutZXv+k7xub9oPWcF0hsu8y1HTH/qg6av58YI0VufZ3ngfC7p2xhMJMnoh0LXFma2EGTgPeCkeg==} - dependencies: - '@motionone/animation': 10.15.1 - '@motionone/generators': 10.15.1 - '@motionone/types': 10.15.1 - '@motionone/utils': 10.15.1 - hey-listen: 1.0.8 - tslib: 2.4.0 - dev: false - - /@motionone/easing@10.15.1: - resolution: {integrity: sha512-6hIHBSV+ZVehf9dcKZLT7p5PEKHGhDwky2k8RKkmOvUoYP3S+dXsKupyZpqx5apjd9f+php4vXk4LuS+ADsrWw==} - dependencies: - '@motionone/utils': 10.15.1 - tslib: 2.4.0 - dev: false - - /@motionone/generators@10.15.1: - resolution: {integrity: sha512-67HLsvHJbw6cIbLA/o+gsm7h+6D4Sn7AUrB/GPxvujse1cGZ38F5H7DzoH7PhX+sjvtDnt2IhFYF2Zp1QTMKWQ==} - dependencies: - '@motionone/types': 10.15.1 - '@motionone/utils': 10.15.1 - tslib: 2.4.0 - dev: false - - /@motionone/types@10.15.1: - resolution: {integrity: sha512-iIUd/EgUsRZGrvW0jqdst8st7zKTzS9EsKkP+6c6n4MPZoQHwiHuVtTQLD6Kp0bsBLhNzKIBlHXponn/SDT4hA==} - dev: false - - /@motionone/utils@10.15.1: - resolution: {integrity: sha512-p0YncgU+iklvYr/Dq4NobTRdAPv9PveRDUXabPEeOjBLSO/1FNB2phNTZxOxpi1/GZwYpAoECEa0Wam+nsmhSw==} - dependencies: - '@motionone/types': 10.15.1 - hey-listen: 1.0.8 - tslib: 2.4.0 - dev: false - /@ndelangen/get-tarball@3.0.9: resolution: {integrity: sha512-9JKTEik4vq+yGosHYhZ1tiH/3WpUS0Nh0kej4Agndhox8pAdWhEx5knFVRcb/ya9knCRCs1rPxNrSXTDdfVqpA==} dependencies: @@ -9066,17 +9019,20 @@ packages: engines: {node: '>= 0.6'} dev: true - /framer-motion@7.10.3(react-dom@18.2.0)(react@18.2.0): - resolution: {integrity: sha512-k2ccYeZNSpPg//HTaqrU+4pRq9f9ZpaaN7rr0+Rx5zA4wZLbk547wtDzge2db1sB+1mnJ6r59P4xb+aEIi/W+w==} + /framer-motion@10.16.4(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-p9V9nGomS3m6/CALXqv6nFGMuFOxbWsmaOrdmhyQimMIlLl3LC7h7l86wge/Js/8cRu5ktutS/zlzgR7eBOtFA==} peerDependencies: react: ^18.0.0 react-dom: ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true dependencies: - '@motionone/dom': 10.16.2 - hey-listen: 1.0.8 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) - tslib: 2.4.0 + tslib: 2.6.2 optionalDependencies: '@emotion/is-prop-valid': 0.8.8 dev: false @@ -9474,10 +9430,6 @@ packages: tslib: 2.6.2 dev: true - /hey-listen@1.0.8: - resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==} - dev: false - /hoist-non-react-statics@3.3.2: resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==} dependencies: @@ -13333,10 +13285,6 @@ packages: resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==} dev: true - /tslib@2.4.0: - resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==} - dev: false - /tslib@2.6.2: resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==} @@ -13364,65 +13312,64 @@ packages: yargs: 17.7.2 dev: true - /turbo-darwin-64@1.8.3: - resolution: {integrity: sha512-bLM084Wr17VAAY/EvCWj7+OwYHvI9s/NdsvlqGp8iT5HEYVimcornCHespgJS/yvZDfC+mX9EQkn3V2JmYgGGw==} + /turbo-darwin-64@1.10.15: + resolution: {integrity: sha512-Sik5uogjkRTe1XVP9TC2GryEMOJCaKE2pM/O9uLn4koQDnWKGcLQv+mDU+H+9DXvKLnJnKCD18OVRkwK5tdpoA==} cpu: [x64] os: [darwin] requiresBuild: true dev: true optional: true - /turbo-darwin-arm64@1.8.3: - resolution: {integrity: sha512-4oZjXtzakopMK110kue3z/hqu3WLv+eDLZOX1NGdo49gqca9BeD8GbH+sXpAp6tqyeuzpss+PIliVYuyt7LgbA==} + /turbo-darwin-arm64@1.10.15: + resolution: {integrity: sha512-xwqyFDYUcl2xwXyGPmHkmgnNm4Cy0oNzMpMOBGRr5x64SErS7QQLR4VHb0ubiR+VAb8M+ECPklU6vD1Gm+wekg==} cpu: [arm64] os: [darwin] requiresBuild: true dev: true optional: true - /turbo-linux-64@1.8.3: - resolution: {integrity: sha512-uvX2VKotf5PU14FCxJA5iHItPQno2JWzerMd+g3/h/Asay6dvxvtVjc39MQeGT0H5njSvzVKFkT+3/5q8lgOEg==} + /turbo-linux-64@1.10.15: + resolution: {integrity: sha512-dM07SiO3RMAJ09Z+uB2LNUSkPp3I1IMF8goH5eLj+d8Kkwoxd/+qbUZOj9RvInyxU/IhlnO9w3PGd3Hp14m/nA==} cpu: [x64] os: [linux] requiresBuild: true dev: true optional: true - /turbo-linux-arm64@1.8.3: - resolution: {integrity: sha512-E1p+oH3XKMaPS4rqWhYsL4j2Pzc0d/9P5KU7Kn1kqVLo2T3iRA7n2KVULEieUNE0nTH+aIJPXYXOpqCI5wFJaA==} + /turbo-linux-arm64@1.10.15: + resolution: {integrity: sha512-MkzKLkKYKyrz4lwfjNXH8aTny5+Hmiu4SFBZbx+5C0vOlyp6fV5jZANDBvLXWiDDL4DSEAuCEK/2cmN6FVH1ow==} cpu: [arm64] os: [linux] requiresBuild: true dev: true optional: true - /turbo-windows-64@1.8.3: - resolution: {integrity: sha512-cnzAytHtoLXd0J7aNzRpZFpL/GTjcBmkvAPlbOdf/Pl1iwS4qzGrudZQ+OM1lmLgLIfBPIavsGHBknTwTNib4A==} + /turbo-windows-64@1.10.15: + resolution: {integrity: sha512-3TdVU+WEH9ThvQGwV3ieX/XHebtYNHv9HARHauPwmVj3kakoALkpGxLclkHFBLdLKkqDvmHmXtcsfs6cXXRHJg==} cpu: [x64] os: [win32] requiresBuild: true dev: true optional: true - /turbo-windows-arm64@1.8.3: - resolution: {integrity: sha512-ulIiItNm2w/zYJdD5/oAzjzNns1IjbpweRzpsE8tLXaWwo6+fnXXkyloUug0IUhcd2k6fJXfoiDZfygqpOVuXg==} + /turbo-windows-arm64@1.10.15: + resolution: {integrity: sha512-l+7UOBCbfadvPMYsX08hyLD+UIoAkg6ojfH+E8aud3gcA1padpjCJTh9gMpm3QdMbKwZteT5uUM+wyi6Rbbyww==} cpu: [arm64] os: [win32] requiresBuild: true dev: true optional: true - /turbo@1.8.3: - resolution: {integrity: sha512-zGrkU1EuNFmkq6iky6LcMqD4h0OLE8XysVFxQWRIZbcTNnf0XAycbsbeEyiJpiWeqb7qtg2bVuY9EYcNoNhVuQ==} + /turbo@1.10.15: + resolution: {integrity: sha512-mKKkqsuDAQy1wCCIjCdG+jOCwUflhckDMSRoeBPcIL/CnCl7c5yRDFe7SyaXloUUkt4tUR0rvNIhVCcT7YeQpg==} hasBin: true - requiresBuild: true optionalDependencies: - turbo-darwin-64: 1.8.3 - turbo-darwin-arm64: 1.8.3 - turbo-linux-64: 1.8.3 - turbo-linux-arm64: 1.8.3 - turbo-windows-64: 1.8.3 - turbo-windows-arm64: 1.8.3 + turbo-darwin-64: 1.10.15 + turbo-darwin-arm64: 1.10.15 + turbo-linux-64: 1.10.15 + turbo-linux-arm64: 1.10.15 + turbo-windows-64: 1.10.15 + turbo-windows-arm64: 1.10.15 dev: true /type-check@0.4.0: From 9cb788410d05b2fce3b8fc93da9b9a966dce30fb Mon Sep 17 00:00:00 2001 From: chenlongbo Date: Fri, 27 Oct 2023 21:01:10 +0800 Subject: [PATCH 4/4] fix: button & label text wrap logic --- packages/button/src/style.ts | 6 ++++++ packages/link/src/style.ts | 6 +++--- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/packages/button/src/style.ts b/packages/button/src/style.ts index d69654812..9c8248c24 100644 --- a/packages/button/src/style.ts +++ b/packages/button/src/style.ts @@ -590,6 +590,9 @@ export function applyFontStyle(size: ButtonSize): SerializedStyles { font-style: normal; line-height: 20px; letter-spacing: normal; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; ` case "medium": case "large": @@ -600,6 +603,9 @@ export function applyFontStyle(size: ButtonSize): SerializedStyles { font-style: normal; line-height: 22px; letter-spacing: normal; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; ` } } diff --git a/packages/link/src/style.ts b/packages/link/src/style.ts index c6b1abcd3..bea685273 100644 --- a/packages/link/src/style.ts +++ b/packages/link/src/style.ts @@ -38,12 +38,12 @@ export function applyLinkContainer( transition: background-color 200ms ease-in-out; vertical-align: middle; border-radius: 4px; - display: inline-flex; - align-items: center; - flex-direction: row; padding: 1px 4px; font-size: 14px; line-height: 22px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; ${hoverCss}; ` }