From 7ad8f20a4f72edb34fa789b82c3628b448a7dd9b Mon Sep 17 00:00:00 2001 From: Pfaff Fabian Date: Thu, 1 Aug 2024 08:58:20 +0200 Subject: [PATCH 1/9] set min/max-width for tooltip --- .../components/src/components/tooltip/tooltip.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/components/src/components/tooltip/tooltip.scss b/packages/components/src/components/tooltip/tooltip.scss index 67c834f3f1..69c0b3e280 100644 --- a/packages/components/src/components/tooltip/tooltip.scss +++ b/packages/components/src/components/tooltip/tooltip.scss @@ -38,7 +38,6 @@ .tooltip-dismissible { @extend %tooltip-common; - min-width: 110px; width: auto; .close-button { @@ -92,7 +91,6 @@ .tooltip-extended { @extend %tooltip-common; - min-width: 100px; width: auto; //padding-left: 36px; // Added this line, adjust as per your icon width //padding-left: tokens.$ifxSpace150; // Added this line, adjust as per your icon width @@ -205,12 +203,18 @@ .tooltip-compact { @extend %tooltip-arrow-positions; + min-width: 28px; + max-width: 145px; } .tooltip-dismissible { @extend %tooltip-arrow-positions; + min-width: 145px; + max-width: 310px; } .tooltip-extended { @extend %tooltip-arrow-positions; -} \ No newline at end of file + min-width: 145px; + max-width: 310px; +} From 9bca1bac8bca67ad909bc72a8c49680a4ad46b0a Mon Sep 17 00:00:00 2001 From: Pfaff Fabian Date: Thu, 1 Aug 2024 10:54:54 +0200 Subject: [PATCH 2/9] fix reference element label in tooltip story --- packages/components/src/components/tooltip/tooltip.stories.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/components/tooltip/tooltip.stories.ts b/packages/components/src/components/tooltip/tooltip.stories.ts index 92abc87d04..f5be77dbd5 100644 --- a/packages/components/src/components/tooltip/tooltip.stories.ts +++ b/packages/components/src/components/tooltip/tooltip.stories.ts @@ -37,7 +37,7 @@ const DefaultTemplate = ({ header, text, variant, position, icon }) => { element.setAttribute('position', position); element.setAttribute('icon', icon); - element.textContent = "I'm the tooltip reference element - Please hover me"; // Set content for the reference element + element.textContent = `I'm the tooltip reference element - Please ${variant==='dismissible' ? 'click' : 'hover'} me`; // Set content for the reference element return element; }; From c80da52a0afbe0a4ecd2c995e5159dc990c9ed62 Mon Sep 17 00:00:00 2001 From: Pfaff Fabian Date: Thu, 1 Aug 2024 12:34:51 +0200 Subject: [PATCH 3/9] fix tooltip width --- .../src/components/tooltip/tooltip.scss | 21 ++++++++++++------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/packages/components/src/components/tooltip/tooltip.scss b/packages/components/src/components/tooltip/tooltip.scss index 69c0b3e280..3f54f0324c 100644 --- a/packages/components/src/components/tooltip/tooltip.scss +++ b/packages/components/src/components/tooltip/tooltip.scss @@ -19,12 +19,17 @@ z-index: 1080; display: none; transition: opacity 0.3s; - position: relative; + position: absolute; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: tokens.$ifxColorBaseWhite; + width: max-content; + + white-space: pre-wrap; /* wraps text at spaces and within words */ + word-wrap: break-word; /* breaks text within a word if necessary */ + overflow-wrap: anywhere; /* breaks text at arbitrary points when needed */ &.visible { display: flex !important; @@ -201,20 +206,20 @@ } -.tooltip-compact { +.tooltip-compact.visible { @extend %tooltip-arrow-positions; - min-width: 28px; - max-width: 145px; + min-width: 28px !important; + max-width: 145px !important; } .tooltip-dismissible { @extend %tooltip-arrow-positions; - min-width: 145px; - max-width: 310px; + min-width: 145px !important; + max-width: 310px !important; } .tooltip-extended { @extend %tooltip-arrow-positions; - min-width: 145px; - max-width: 310px; + min-width: 145px !important; + max-width: 310px !important; } From 8e969c99a6a91a7130b20144f44245ff745629f5 Mon Sep 17 00:00:00 2001 From: github-actions Date: Thu, 1 Aug 2024 09:24:09 +0000 Subject: [PATCH 4/9] Update Stencil library version to 24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0 --- lerna.json | 2 +- package-lock.json | 18 +++++++++--------- packages/components-angular/package.json | 4 ++-- .../projects/component-library/package.json | 4 ++-- packages/components-react/package.json | 4 ++-- packages/components-vue/package.json | 4 ++-- packages/components/package.json | 2 +- 7 files changed, 19 insertions(+), 19 deletions(-) diff --git a/lerna.json b/lerna.json index aae04420b1..d4b363edb0 100644 --- a/lerna.json +++ b/lerna.json @@ -1,6 +1,6 @@ { "$schema": "node_modules/lerna/schemas/lerna-schema.json", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "command": { "publish": { "verifyAccess": false diff --git a/package-lock.json b/package-lock.json index 6e0c883db1..9d6a2143c3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -31982,7 +31982,7 @@ }, "packages/components": { "name": "@infineon/infineon-design-system-stencil", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "license": "MIT", "dependencies": { "@infineon/design-system-tokens": "3.3.2", @@ -32043,7 +32043,7 @@ } }, "packages/components-angular": { - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "license": "MIT", "dependencies": { "@angular/animations": "^17.3.3", @@ -32054,7 +32054,7 @@ "@angular/platform-browser": "^17.3.3", "@angular/platform-browser-dynamic": "^17.3.3", "@angular/router": "^17.3.3", - "@infineon/infineon-design-system-angular": "^24.2.3", + "@infineon/infineon-design-system-angular": "^24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.4" @@ -32074,7 +32074,7 @@ }, "packages/components-angular/projects/component-library": { "name": "@infineon/infineon-design-system-angular", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -32083,16 +32083,16 @@ "@angular/common": "^17.3.3", "@angular/core": "^17.3.3", "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "^24.2.3" + "@infineon/infineon-design-system-stencil": "^24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" } }, "packages/components-react": { "name": "@infineon/infineon-design-system-react", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "license": "MIT", "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.2.3" + "@infineon/infineon-design-system-stencil": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" }, "devDependencies": { "@types/node": "^20.1.4", @@ -32105,11 +32105,11 @@ }, "packages/components-vue": { "name": "@infineon/infineon-design-system-vue", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "license": "MIT", "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.2.3" + "@infineon/infineon-design-system-stencil": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" }, "devDependencies": { "@babel/types": "^7.22.5", diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json index 0ff591ffea..1b63faca11 100644 --- a/packages/components-angular/package.json +++ b/packages/components-angular/package.json @@ -1,6 +1,6 @@ { "name": "components-angular", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "scripts": { "ng": "ng", "start": "ng serve", @@ -26,7 +26,7 @@ "@angular/platform-browser": "^17.3.3", "@angular/platform-browser-dynamic": "^17.3.3", "@angular/router": "^17.3.3", - "@infineon/infineon-design-system-angular": "^24.2.3", + "@infineon/infineon-design-system-angular": "^24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.4" diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json index 81dd464cbe..4d4cb57a00 100644 --- a/packages/components-angular/projects/component-library/package.json +++ b/packages/components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-angular", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "description": "Infineon design system Stencil web components for Angular", "author": "Verena Lechner", "license": "MIT", @@ -11,7 +11,7 @@ "@angular/common": "^17.3.3", "@angular/core": "^17.3.3", "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "^24.2.3" + "@infineon/infineon-design-system-stencil": "^24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" }, "dependencies": { "tslib": "^2.3.0" diff --git a/packages/components-react/package.json b/packages/components-react/package.json index d317433c63..45f4123035 100644 --- a/packages/components-react/package.json +++ b/packages/components-react/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-react", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "description": "Infineon design system Stencil web components for React", "main": "dist/index.js", "module": "dist/index.js", @@ -28,7 +28,7 @@ }, "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.2.3" + "@infineon/infineon-design-system-stencil": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" }, "auto": { "plugins": [ diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json index cf432960a8..d8dcbcea72 100644 --- a/packages/components-vue/package.json +++ b/packages/components-vue/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-vue", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "description": "Infineon design system Stencil web components for Vue", "main": "./dist/index.js", "types": "./dist/index.d.ts", @@ -31,7 +31,7 @@ }, "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.2.3" + "@infineon/infineon-design-system-stencil": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" }, "auto": { "plugins": [ diff --git a/packages/components/package.json b/packages/components/package.json index 21585ae64e..945d6a2a81 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-stencil", - "version": "24.2.3", + "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", "private": false, "description": "Infineon design system Stencil web components", "homepage": "https://infineon.github.io/infineon-design-system-stencil", From cd90a2effba1c7fe56750a4cef2cebfb98d275b9 Mon Sep 17 00:00:00 2001 From: github-actions Date: Thu, 1 Aug 2024 12:01:36 +0000 Subject: [PATCH 5/9] Update Stencil library version to 24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0 --- lerna.json | 2 +- package-lock.json | 18 +++++++++--------- packages/components-angular/package.json | 4 ++-- .../projects/component-library/package.json | 4 ++-- packages/components-react/package.json | 4 ++-- packages/components-vue/package.json | 4 ++-- packages/components/package.json | 2 +- 7 files changed, 19 insertions(+), 19 deletions(-) diff --git a/lerna.json b/lerna.json index d4b363edb0..00e7b69434 100644 --- a/lerna.json +++ b/lerna.json @@ -1,6 +1,6 @@ { "$schema": "node_modules/lerna/schemas/lerna-schema.json", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "command": { "publish": { "verifyAccess": false diff --git a/package-lock.json b/package-lock.json index 9d6a2143c3..066c831a69 100644 --- a/package-lock.json +++ b/package-lock.json @@ -31982,7 +31982,7 @@ }, "packages/components": { "name": "@infineon/infineon-design-system-stencil", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "license": "MIT", "dependencies": { "@infineon/design-system-tokens": "3.3.2", @@ -32043,7 +32043,7 @@ } }, "packages/components-angular": { - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "license": "MIT", "dependencies": { "@angular/animations": "^17.3.3", @@ -32054,7 +32054,7 @@ "@angular/platform-browser": "^17.3.3", "@angular/platform-browser-dynamic": "^17.3.3", "@angular/router": "^17.3.3", - "@infineon/infineon-design-system-angular": "^24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "@infineon/infineon-design-system-angular": "^24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.4" @@ -32074,7 +32074,7 @@ }, "packages/components-angular/projects/component-library": { "name": "@infineon/infineon-design-system-angular", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -32083,16 +32083,16 @@ "@angular/common": "^17.3.3", "@angular/core": "^17.3.3", "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "^24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" + "@infineon/infineon-design-system-stencil": "^24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" } }, "packages/components-react": { "name": "@infineon/infineon-design-system-react", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "license": "MIT", "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" + "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" }, "devDependencies": { "@types/node": "^20.1.4", @@ -32105,11 +32105,11 @@ }, "packages/components-vue": { "name": "@infineon/infineon-design-system-vue", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "license": "MIT", "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" + "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" }, "devDependencies": { "@babel/types": "^7.22.5", diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json index 1b63faca11..a94a73d0d4 100644 --- a/packages/components-angular/package.json +++ b/packages/components-angular/package.json @@ -1,6 +1,6 @@ { "name": "components-angular", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "scripts": { "ng": "ng", "start": "ng serve", @@ -26,7 +26,7 @@ "@angular/platform-browser": "^17.3.3", "@angular/platform-browser-dynamic": "^17.3.3", "@angular/router": "^17.3.3", - "@infineon/infineon-design-system-angular": "^24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "@infineon/infineon-design-system-angular": "^24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.4" diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json index 4d4cb57a00..012abe9874 100644 --- a/packages/components-angular/projects/component-library/package.json +++ b/packages/components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-angular", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "description": "Infineon design system Stencil web components for Angular", "author": "Verena Lechner", "license": "MIT", @@ -11,7 +11,7 @@ "@angular/common": "^17.3.3", "@angular/core": "^17.3.3", "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "^24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" + "@infineon/infineon-design-system-stencil": "^24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" }, "dependencies": { "tslib": "^2.3.0" diff --git a/packages/components-react/package.json b/packages/components-react/package.json index 45f4123035..b000b85cad 100644 --- a/packages/components-react/package.json +++ b/packages/components-react/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-react", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "description": "Infineon design system Stencil web components for React", "main": "dist/index.js", "module": "dist/index.js", @@ -28,7 +28,7 @@ }, "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" + "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" }, "auto": { "plugins": [ diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json index d8dcbcea72..fb50320593 100644 --- a/packages/components-vue/package.json +++ b/packages/components-vue/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-vue", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "description": "Infineon design system Stencil web components for Vue", "main": "./dist/index.js", "types": "./dist/index.d.ts", @@ -31,7 +31,7 @@ }, "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0" + "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" }, "auto": { "plugins": [ diff --git a/packages/components/package.json b/packages/components/package.json index 945d6a2a81..699e1e22f4 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-stencil", - "version": "24.2.4--canary.1404.c0717cdcd345df88b4225e647ea5a05f51d8255b.0", + "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", "private": false, "description": "Infineon design system Stencil web components", "homepage": "https://infineon.github.io/infineon-design-system-stencil", From 183c9769bec840782b9ee8f71cd80f0949114087 Mon Sep 17 00:00:00 2001 From: Pfaff Fabian Date: Thu, 1 Aug 2024 13:32:59 +0200 Subject: [PATCH 6/9] undo temp change --- packages/components/src/components/tooltip/tooltip.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/components/tooltip/tooltip.scss b/packages/components/src/components/tooltip/tooltip.scss index 3f54f0324c..96fe5b4f9b 100644 --- a/packages/components/src/components/tooltip/tooltip.scss +++ b/packages/components/src/components/tooltip/tooltip.scss @@ -206,7 +206,7 @@ } -.tooltip-compact.visible { +.tooltip-compact { @extend %tooltip-arrow-positions; min-width: 28px !important; max-width: 145px !important; From 6b91858de18e410f364221e876b455067e5c4d12 Mon Sep 17 00:00:00 2001 From: Pfaff Fabian Date: Thu, 1 Aug 2024 14:44:46 +0200 Subject: [PATCH 7/9] fix tooltip width for dismissible and extended --- packages/components/src/components/tooltip/tooltip.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/components/src/components/tooltip/tooltip.scss b/packages/components/src/components/tooltip/tooltip.scss index 96fe5b4f9b..23cdd28b50 100644 --- a/packages/components/src/components/tooltip/tooltip.scss +++ b/packages/components/src/components/tooltip/tooltip.scss @@ -43,7 +43,6 @@ .tooltip-dismissible { @extend %tooltip-common; - width: auto; .close-button { all: unset; @@ -96,7 +95,6 @@ .tooltip-extended { @extend %tooltip-common; - width: auto; //padding-left: 36px; // Added this line, adjust as per your icon width //padding-left: tokens.$ifxSpace150; // Added this line, adjust as per your icon width align-items: center; From 10ea5aeb55a6d6aa22868f04284d100c72bd83ee Mon Sep 17 00:00:00 2001 From: Pfaff Fabian Date: Thu, 1 Aug 2024 15:17:44 +0200 Subject: [PATCH 8/9] fix tooltip to have box sizing border box --- packages/components/src/components/tooltip/tooltip.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/components/src/components/tooltip/tooltip.scss b/packages/components/src/components/tooltip/tooltip.scss index 23cdd28b50..55e6da82f9 100644 --- a/packages/components/src/components/tooltip/tooltip.scss +++ b/packages/components/src/components/tooltip/tooltip.scss @@ -26,6 +26,7 @@ line-height: 20px; color: tokens.$ifxColorBaseWhite; width: max-content; + box-sizing: border-box; white-space: pre-wrap; /* wraps text at spaces and within words */ word-wrap: break-word; /* breaks text within a word if necessary */ From f00d0ad7108a731b45901083702258ecd8602cb7 Mon Sep 17 00:00:00 2001 From: github-actions Date: Thu, 1 Aug 2024 14:29:40 +0000 Subject: [PATCH 9/9] Update Stencil library version to 24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0 --- lerna.json | 2 +- package-lock.json | 44 ++++++++++++++----- packages/components-angular/package.json | 4 +- .../projects/component-library/package.json | 4 +- packages/components-react/package.json | 4 +- packages/components-vue/package.json | 4 +- packages/components/package.json | 2 +- 7 files changed, 44 insertions(+), 20 deletions(-) diff --git a/lerna.json b/lerna.json index 00e7b69434..b5afece621 100644 --- a/lerna.json +++ b/lerna.json @@ -1,6 +1,6 @@ { "$schema": "node_modules/lerna/schemas/lerna-schema.json", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "command": { "publish": { "verifyAccess": false diff --git a/package-lock.json b/package-lock.json index 066c831a69..2f9322f0e6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13000,7 +13000,6 @@ "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", - "dev": true, "hasInstallScript": true, "optional": true, "os": [ @@ -31982,7 +31981,7 @@ }, "packages/components": { "name": "@infineon/infineon-design-system-stencil", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "license": "MIT", "dependencies": { "@infineon/design-system-tokens": "3.3.2", @@ -32043,7 +32042,7 @@ } }, "packages/components-angular": { - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "license": "MIT", "dependencies": { "@angular/animations": "^17.3.3", @@ -32054,7 +32053,7 @@ "@angular/platform-browser": "^17.3.3", "@angular/platform-browser-dynamic": "^17.3.3", "@angular/router": "^17.3.3", - "@infineon/infineon-design-system-angular": "^24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "@infineon/infineon-design-system-angular": "^24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.4" @@ -32072,9 +32071,34 @@ "typescript": "~5.4.4" } }, + "packages/components-angular/node_modules/@infineon/infineon-design-system-stencil": { + "version": "24.3.0--canary.1404.e95202a0a4c6a1e596224a9d62bcf5077427b847.0", + "resolved": "https://registry.npmjs.org/@infineon/infineon-design-system-stencil/-/infineon-design-system-stencil-24.3.0--canary.1404.e95202a0a4c6a1e596224a9d62bcf5077427b847.0.tgz", + "integrity": "sha512-3g6mXyJQs51ZiKGDiMvaUMGCznm2DxV/6LqbYgklp1bGgq4S+xgfqBfqpsVihcSC/JM0WLEKD60CtrnrJeCjBA==", + "peer": true, + "dependencies": { + "@infineon/design-system-tokens": "3.3.2", + "@infineon/infineon-icons": "^2.1.2", + "@popperjs/core": "^2.11.8", + "@stencil/core": "4.12.6", + "@storybook/cli": "^8.0.9", + "@storybook/test": "^8.0.9", + "babel-prettier-parser": "^0.10.8", + "classnames": "^2.3.2", + "i": "^0.3.7", + "npm": "^10.2.1", + "npm-run-all": "^4.1.5", + "prettier-standalone": "^1.3.1-0" + }, + "peerDependencies": { + "@floating-ui/dom": "^1.4.5", + "ag-grid-community": "^30.0.6", + "choices.js": "^10.2.0" + } + }, "packages/components-angular/projects/component-library": { "name": "@infineon/infineon-design-system-angular", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -32083,16 +32107,16 @@ "@angular/common": "^17.3.3", "@angular/core": "^17.3.3", "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "^24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" + "@infineon/infineon-design-system-stencil": "^24.3.0--canary.1404.e95202a0a4c6a1e596224a9d62bcf5077427b847.0" } }, "packages/components-react": { "name": "@infineon/infineon-design-system-react", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "license": "MIT", "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" + "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0" }, "devDependencies": { "@types/node": "^20.1.4", @@ -32105,11 +32129,11 @@ }, "packages/components-vue": { "name": "@infineon/infineon-design-system-vue", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "license": "MIT", "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" + "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0" }, "devDependencies": { "@babel/types": "^7.22.5", diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json index a94a73d0d4..c755b7a18c 100644 --- a/packages/components-angular/package.json +++ b/packages/components-angular/package.json @@ -1,6 +1,6 @@ { "name": "components-angular", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "scripts": { "ng": "ng", "start": "ng serve", @@ -26,7 +26,7 @@ "@angular/platform-browser": "^17.3.3", "@angular/platform-browser-dynamic": "^17.3.3", "@angular/router": "^17.3.3", - "@infineon/infineon-design-system-angular": "^24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "@infineon/infineon-design-system-angular": "^24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.4" diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json index 012abe9874..19932b5bfa 100644 --- a/packages/components-angular/projects/component-library/package.json +++ b/packages/components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-angular", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "description": "Infineon design system Stencil web components for Angular", "author": "Verena Lechner", "license": "MIT", @@ -11,7 +11,7 @@ "@angular/common": "^17.3.3", "@angular/core": "^17.3.3", "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "^24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" + "@infineon/infineon-design-system-stencil": "^24.3.0--canary.1404.e95202a0a4c6a1e596224a9d62bcf5077427b847.0" }, "dependencies": { "tslib": "^2.3.0" diff --git a/packages/components-react/package.json b/packages/components-react/package.json index b000b85cad..48afab92b1 100644 --- a/packages/components-react/package.json +++ b/packages/components-react/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-react", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "description": "Infineon design system Stencil web components for React", "main": "dist/index.js", "module": "dist/index.js", @@ -28,7 +28,7 @@ }, "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" + "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0" }, "auto": { "plugins": [ diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json index fb50320593..023214c0fd 100644 --- a/packages/components-vue/package.json +++ b/packages/components-vue/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-vue", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "description": "Infineon design system Stencil web components for Vue", "main": "./dist/index.js", "types": "./dist/index.d.ts", @@ -31,7 +31,7 @@ }, "dependencies": { "@infineon/design-system-tokens": "3.3.2", - "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0" + "@infineon/infineon-design-system-stencil": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0" }, "auto": { "plugins": [ diff --git a/packages/components/package.json b/packages/components/package.json index 699e1e22f4..5fd57c86ed 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@infineon/infineon-design-system-stencil", - "version": "24.3.0--canary.1404.8ae50864e758eae307f8af0ed297ee88924c5fa7.0", + "version": "24.3.0--canary.1404.1bdc97d0f737d29870aeaaf6cd091143bc6bcb6e.0", "private": false, "description": "Infineon design system Stencil web components", "homepage": "https://infineon.github.io/infineon-design-system-stencil",