From c566bfd5676634a596a0f9ef64effb8d63ebe2a3 Mon Sep 17 00:00:00 2001 From: Yngve Sundfjord Date: Mon, 11 Sep 2023 14:52:39 +0200 Subject: [PATCH 1/4] Generate Tooltip snapshots for Sbanken --- .../__tests__/Tooltip.screenshot.test.ts | 3 ++- ...ve-to-match-tooltip-in-large-size.snap.png | Bin 0 -> 4455 bytes ...tch-tooltip-on-button-hover-state.snap.png | Bin 0 -> 5326 bytes ...e-to-match-tooltip-in-large-size.snap.png} | Bin 4315 -> 4315 bytes ...tch-tooltip-on-button-hover-state.snap.png | Bin 0 -> 4983 bytes ...tch-tooltip-on-button-hover-state.snap.png | Bin 4963 -> 0 bytes 6 files changed, 2 insertions(+), 1 deletion(-) create mode 100644 packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-for-sbanken-have-to-match-tooltip-in-large-size.snap.png create mode 100644 packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-for-sbanken-have-to-match-tooltip-on-button-hover-state.snap.png rename packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/{tooltip-have-to-match-tooltip-in-large-size.snap.png => tooltip-for-ui-have-to-match-tooltip-in-large-size.snap.png} (98%) create mode 100644 packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-for-ui-have-to-match-tooltip-on-button-hover-state.snap.png delete mode 100644 packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-have-to-match-tooltip-on-button-hover-state.snap.png diff --git a/packages/dnb-eufemia/src/components/tooltip/__tests__/Tooltip.screenshot.test.ts b/packages/dnb-eufemia/src/components/tooltip/__tests__/Tooltip.screenshot.test.ts index d5c9eeed0ff..72519cdb6dd 100644 --- a/packages/dnb-eufemia/src/components/tooltip/__tests__/Tooltip.screenshot.test.ts +++ b/packages/dnb-eufemia/src/components/tooltip/__tests__/Tooltip.screenshot.test.ts @@ -8,8 +8,9 @@ import { setupPageScreenshot, } from '../../../core/jest/jestSetupScreenshots' -describe('Tooltip', () => { +describe.each(['ui', 'sbanken'])('Tooltip for %s', (themeName) => { setupPageScreenshot({ + themeName, url: '/uilib/components/tooltip/demos', }) diff --git a/packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-for-sbanken-have-to-match-tooltip-in-large-size.snap.png b/packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-for-sbanken-have-to-match-tooltip-in-large-size.snap.png new file mode 100644 index 0000000000000000000000000000000000000000..632d9fbcdeaa611644efea0409296ae0ad0bb380 GIT binary patch literal 4455 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 g(X~_MT21%p~Bg7VaOIxcoLe12ul_;@l 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 Beu)48 literal 0 HcmV?d00001 diff --git a/packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-have-to-match-tooltip-on-button-hover-state.snap.png b/packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-have-to-match-tooltip-on-button-hover-state.snap.png deleted file mode 100644 index 3b93afc5d65e73577d99d22d6694fca5cef2eb8f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4963 zcmV-p6P)acP)vW0--_{LN znlx!rtaPOa@NFGnwdh(~FsufCY6V5cq zlaoei=TdTdIRMK^qot3Af-eQA)bIR`DM_n^A$sLi0-RJ@so&MM*)Z_Mz~XjOFH*XG}o}LyL0$stE13YQ^=+UF$@#Duv@zN&C&6+hU;|o~=j*PYf zx`8hQyy>@1n>N9iF=K2J97{EN)TmL=tXZ>U)d>lK9>ahx;L8Di_wL;=bm&k^@zAF0 znLK$i)TvX)Z~-s`e7-Qyzsa%d(xr>t)XNk}8Uog>TL<(vU&BqcU90wM2H#ZcO@XKW z1_lNKnS49R=Kz`hfPes&!6*UH1il>LN$Xp*Xd%DXyp*|f=Z39Yw~FSSGGz)ZU%p&b z+5Ai;N|a#bczAfg>C>m#Pn9ZFg2co`xOC}KQqqTx`*!c%J$U%=p{lZ_z+bj(8C!oK z0pqAopFU8(etkBCy?*^#bG=dp3>q{DI&|n@nD(m%UyjyO8Xq4YwveNha^}nl+qZ8A zKR-X%wr!i%;*#YT(tIKCb*)rJVKnUv4h~K-`+94??%;Dm!TsH>TQ^-+?!>^Sp~1_` z3%>g5E6A8JBOE?_7#1v809USDNn)>58b0_>o;-oDurSD*H!r++@q(HDojZ53Z=~^c z>(+(dy?e8|R;^kEq@4{KG+=+SXU`4?4jh2FbLT=rLV^r<%_pIiz=(*5WSY+jfF91D zF5n9}dE7TQH#f~ppaO)zr*E@o&xX5q@4})*i{RzUm(ad_dvJAi1v1g`@$oF5R2n|` z7cX9fa^=dw$dM!A{Q2{+V#NwpJ_%F5e*K_HlP2)pci%y#Oqtm5bLh|^Ac0xAawQX% z?%lgX$&w|ZSFc`h>((vJec!)-zaaSZ(VQiaQ?V-W#Z11b)>8wF1fKvVAlkKS2Tz|q zW&I^TVd27s3^eML)^qV(tSp6gvWGTohgocL7!N6=94tze?dTGCA z@XcvGHMncnt_%pRB&7K>XU=5WMXO?b>f5(3G;Z9O%`)Vq(E|RA88eu$@oCbeN#N+{ z$gF@CA`7y3@#3T+gh1D#{kns1Y88xh_-Jgsdi5%d9XmD|k7-OM;Az7|P8u!XlXfpz zvLspkTBWNMc;p3MIm(bB12g*@Hf%^XO;jTU07sMEvGGJ(+Gi2`{48D&4ZICPqH-ta=1Eo?#xU+nf^0p z&ag!isWeVbPCyGP#O&DESk?|-Utg$PxiSnKIFR`hS zT5LwZpK+*R!0Oej*}lJA@cDj$ocat0p9CN%C`j}2uGmzsNRc9J#jRq+ip<#~L6|;$ zI{TX=Icdl@C||xjTfrkLTC^zh_-W=q(>HH#Z$a?MsiZ?0wD?0>f8xXmwh+aw6v_cX zC=D&|(wc^tnb*VVvk3U4{p9=@xrd)VeR>8yX`dKLrJ;E`X*i#R_HgrhqsqPdDzBx~y?*q`kX--V0^iv^I@b&B$%@%6bteFgW zQ%%>y>C>e7O28-PY}v8}$P@k)$SCm1lF&jDH-3wOZgudffu>%*sX);G`Dym;+sCG6 zMh*d%5-t(|T2*}e_O0eB$<)*AgnSM@;3?MZs{x<#&@^oR{Q0nX^JdLV`xFXj+O#S3 z@86#t-rzKzulY9Z?Q=q6Y86Nb$P&=jDee1TxNzZ9z*4dgw5~u?P?{x>rsvC-@1yCQ zsrGY)nj8E1f+N`oOrUto=WDwh%{K*JY?u&QB$CqssWjo?;jnb+QXo%X?g|*Sh4$+^ zb?U?xiS#6?Fk^h+qNxR+0#nq_T0@a&+?r-b3$Wv z@TE+@l-V~2ydI$Q0i;tgw2Uh>1aQF9h7fH==}B^?WkSP&nDFSay2k`ZjoFt2m>lyi zwof3(?5hcqx-BCIEcxm9vl|N08(St}fuq)qXkY%mJ?!a8qWG0IXTFhFJh2 za_;D4u3j21CI~{`r5r%6?Rt9oNoDGx`R2xXKI5epgv?2-Uchs8(7ibBSUBwh(*N}& zHI_iioXfEuO8TH$^My3joT=v;C6z{Rkj0omt8(1EK{^SPHf>rZd{doPi32AzB=EnP zS_P$zG8}v{Gj7iFH|>O_1VSnEq|(bV|6&&pS8_JuTA%=}9UfLK{#`J|Yh zl72Tg&YRO*xsILG@M4Y^n!%TA{-uC4=lQ23Fx9rj+??OEOiKW-i{`7*YAG`=^}AXC ztesCvOO={-sq&=ytBdBV5dbMmAl2}cCLmgXkg^JLh7Kuy3H`1c_~yWrW71O^m};1* zB##_GilSU(dzJ-7AOWH|NHZouiyw?1^$RT17nviM{WObSfg(Fa?r#58z^7Y8S>_EfDCy0 z)g0N{uwV|XS9q`Q*8Tf%>he{XzkMg{K6xss>#b{i4ZiK$fU{%Xq;Ez5Z>Z)|;TNyp zfKf}9!nVUlSx4MTmxA#3}hDB0-LDhN`R z;quK}(AaMjBx3M~d4v1wE&#fMAG~rkOkNcYMbKQuOdJQ*?WCOp_c2a!SnbpAqm7FEsuYJ`J4m!0$Y93T!|67f$24foGFOTH9pLFT#O2TeiW71radTqYLzH_U=BP7Sas< zvj6UZ{=d$G!j5_1a9D`!ixFBHom%sf|5LU9V7QCd$o~kL0tIsA)Wix+;8SB74)=%S zmoCGfp;Mqlfe$Z6Xlj)`vnU7RuEs;1p~In1(?$@~y_+UZX#zjy*m3AEJ{T$%F9tg% zBoB(Dsa5vOW;x(KJOKVqh)2gdT+<4mCh)z(XTplzu@EyU2waOg+aa?M2mZQv3Ea`* zhW+3L9qWF0nL}yys==pa+b=!)!Am^z{!ipWLr=f1Ja!CXa0@sTZ_{MP&?kI)gke~I zUcVk1mo5!0F{Vyxpx3w;P`FDEsEXUd>qh&l?y_p|Ig{VHeq9Ld>#4c{axxCWhX+D2 zc=H1c?35h?BJk<$xqdZ?;GHTdN0-AQ~1cUDHKs#r-TrQj3rbul7GF5Fn^iGb%okO=7Q zXV1bijECE%LInm;ZA>#8@8Wy%!om}fT``hJECyYyiGdgwVMz7f7($kSY>$B+<1o;3 z1b!=)D;Mm*D4*njhGS@%K?r&YjQ#I~!a-D|vacM+dk;X8cQF%ZK&+-Ep|T1^5#L<>@F@!^8? z7$W@^M$OED+U_!OA~@m()E)$yqeio4!BsqBb!ONwxPu!i`O%r|gke}CFhmPSBmiac zrtdhk41Q<<2z>A8XeMa$Fy6nVh`_H`!4+2GK^Zk z0%lH(Wf$P?&i?ReADZo&7$SW=n&)rJmWAM5yI>f;`gIx87eOt(i8BW$eDrZVM#u8O z*~5B#Z0UQ98WxSwLn~kmTt0QgQ0RG3a5iF$T@L*1_~J)Hd>zA5WHs}t9)8G!;F0zY z!*_4^bP%6isg6OBqww7y8uy7>;(I)2Z{LPE3=Lal>QpvPuj$c){k9r|D7V4qTMlA; zo~nfkiFVN%;9J$<>l!>2&)*+OkyAZajFC?#X#T{&hFN%m>4gEA=HQz(H_^1`eSg?w zV_Y13i(%U%I(CF^_?+4Xd@`l^m+wx?kY%7Tzca?mTg)5t={Fh@$i#CFAC38z)O@Q> z^|(cz)&9ewHlD#Zl9XsZwc`N3zR?gJx5@*rYYHSTp}jm!*GfCCya;B(HnFa z3u8D~@*T2$_8G)u2vojP8HVxqhv4#Y8yrHq;R{|_F%8WeNZV;TN1nYkG~cR=Jlyhb z7rbQ>;?>(o>_I8`)EIK^0`VO_@&R7ptfVqNs6bOX{%3n9gp+$5jac);c#I} zBsB9d=Khgu*Vs?w{Q06o*!KO8%Hz)-`wYN{#tz3F}!7F5J zJdXS6C2rg(ZJ1u^U*aan^H;Cn3zIzoHRV4>>p(})`9q1Ca*+XXF(!x|D%>_cP+1S`sa12p zeS|-pP56iH=zXriqG{56S~YVY5dg>VaKXNi$xy0b@`Vu9y|ZT&<-m!{SD=BfpY@M% zQ42Y*(-|KTJQ((i{Q#$dg3BG?yo2}n4o;s6j<}DYg*0hCS1~u|55l9{ee6fKwcuek z@2t&RVdTQanznKI73czf!kxS9(gs~EIxy`QD3(8;VGKyE1#_1+DxrV1T_^ua7w`!X z?z$EQSvZZ3NDljTE#2hwEg5fYae?Xg;PFs6uRi++x`9tU4UAk4)7Nc)LU>(^ z8mY%cP2D(XqXm&QC96vJ^%o2o2n{P&)U7AFf={jTU$g{fZrXxUnh|2BOky{7?WB$a z=l{8mH+22r*^8GDF?29Asai!{K_al7$iImzR%3EKUmtzROyGA=MdBp_32777Z;MBcp5ocSy!Arale^=aE0vSs;jxKwW*8K(LC zhEgcDz{q9ELb1`=vrhHuK-E$uWrbqXyW`d@kDYx)2krm{pj?jE-RKBBM|25hFbj#WA~J^C5c>Mm{KX@1YF^VXR*did*oevqiz@I?RP%-H(!g5JRvY zI(I%*g Date: Mon, 11 Sep 2023 16:08:45 +0200 Subject: [PATCH 2/4] Slight refactor of Tooltip styles, added Sbanken theming --- .../components/tooltip/style/dnb-tooltip.scss | 14 ++++++++++++++ .../themes/dnb-tooltip-theme-sbanken.scss | 10 ++++++++++ .../style/themes/dnb-tooltip-theme-ui.scss | 18 +++--------------- .../sbanken-theme-components.scss | 2 +- 4 files changed, 28 insertions(+), 16 deletions(-) create mode 100644 packages/dnb-eufemia/src/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.scss diff --git a/packages/dnb-eufemia/src/components/tooltip/style/dnb-tooltip.scss b/packages/dnb-eufemia/src/components/tooltip/style/dnb-tooltip.scss index aa14fdba7b6..aac578c6a56 100644 --- a/packages/dnb-eufemia/src/components/tooltip/style/dnb-tooltip.scss +++ b/packages/dnb-eufemia/src/components/tooltip/style/dnb-tooltip.scss @@ -6,6 +6,11 @@ @import '../../../style/core/utilities.scss'; .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; + position: absolute; z-index: 3100; // over modal @@ -15,6 +20,11 @@ align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + @include defaultDropShadow(); &--large { padding: 0.25rem 1rem; @@ -89,6 +99,10 @@ width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + + border: var(--tooltip-border-color); + transform: translateY(70%) rotate(45deg); } diff --git a/packages/dnb-eufemia/src/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.scss b/packages/dnb-eufemia/src/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.scss new file mode 100644 index 00000000000..bd4792fc456 --- /dev/null +++ b/packages/dnb-eufemia/src/components/tooltip/style/themes/dnb-tooltip-theme-sbanken.scss @@ -0,0 +1,10 @@ +/* +* Tooltip theme for Sbanken +* +*/ + +.dnb-tooltip { + --tooltip-color: var(--sb-color-white); + --tooltip-background-color: var(--sb-color-gray-dark-3); + --tooltip-border-color: 1px solid var(--sb-color-gray-dark-3); +} diff --git a/packages/dnb-eufemia/src/components/tooltip/style/themes/dnb-tooltip-theme-ui.scss b/packages/dnb-eufemia/src/components/tooltip/style/themes/dnb-tooltip-theme-ui.scss index d6750e5e56d..9653a933110 100644 --- a/packages/dnb-eufemia/src/components/tooltip/style/themes/dnb-tooltip-theme-ui.scss +++ b/packages/dnb-eufemia/src/components/tooltip/style/themes/dnb-tooltip-theme-ui.scss @@ -3,20 +3,8 @@ * */ -@import '../../../../style/core/utilities.scss'; - .dnb-tooltip { - border-radius: 1rem; - - color: var(--color-white); - background-color: var(--color-black-80); - - @include defaultDropShadow(); - - &__arrow { - &::before { - border: 1px solid rgb(0 0 0 / 10%); - background-color: var(--color-black-80); - } - } + --tooltip-color: var(--color-white); + --tooltip-background-color: var(--color-black-80); + --tooltip-border-color: 1px solid rgb(0 0 0 / 10%); } diff --git a/packages/dnb-eufemia/src/style/themes/theme-sbanken/sbanken-theme-components.scss b/packages/dnb-eufemia/src/style/themes/theme-sbanken/sbanken-theme-components.scss index 3b38b4e3358..bb341983104 100644 --- a/packages/dnb-eufemia/src/style/themes/theme-sbanken/sbanken-theme-components.scss +++ b/packages/dnb-eufemia/src/style/themes/theme-sbanken/sbanken-theme-components.scss @@ -33,6 +33,7 @@ $fonts-path: '../../../../assets/fonts/dnb' !default; @import '../../../components/skeleton/style/themes/dnb-skeleton-theme-sbanken.scss'; @import '../../../components/table/style/themes/dnb-table-theme-sbanken.scss'; @import '../../../components/textarea/style/themes/dnb-textarea-theme-sbanken.scss'; +@import '../../../components/tooltip/style/themes/dnb-tooltip-theme-sbanken.scss'; @import '../../../components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss'; @import '../../../components/badge/style/themes/dnb-badge-theme-ui.scss'; @import '../../../components/checkbox/style/themes/dnb-checkbox-theme-ui.scss'; @@ -54,7 +55,6 @@ $fonts-path: '../../../../assets/fonts/dnb' !default; @import '../../../components/tabs/style/themes/dnb-tabs-theme-ui.scss'; @import '../../../components/timeline/style/themes/dnb-timeline-theme-ui.scss'; @import '../../../components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss'; -@import '../../../components/tooltip/style/themes/dnb-tooltip-theme-ui.scss'; @import '../../../components/upload/style/themes/dnb-upload-theme-ui.scss'; @import '../../../fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss'; @import '../../../fragments/scroll-view/style/themes/dnb-scroll-view-theme-ui.scss'; From a1ebfe3e6cdd42267c9113f1ef6051f8d600e28c Mon Sep 17 00:00:00 2001 From: Yngve Sundfjord Date: Mon, 11 Sep 2023 16:08:48 +0200 Subject: [PATCH 3/4] Update Tooltip and Tooltip-reliant tests and screenshot tests --- .../__snapshots__/Anchor.test.tsx.snap | 10 +++++ .../__snapshots__/Autocomplete.test.tsx.snap | 30 +++++++++++++ .../__snapshots__/Breadcrumb.test.tsx.snap | 10 +++++ ...th-href-have-to-match-hover-state.snap.png | Bin 15195 -> 15598 bytes .../__snapshots__/Button.test.tsx.snap | 10 +++++ .../__snapshots__/DatePicker.test.tsx.snap | 40 ++++++++++++++++++ .../__snapshots__/Dialog.test.tsx.snap | 10 +++++ .../__snapshots__/Drawer.test.tsx.snap | 10 +++++ .../__snapshots__/Dropdown.test.tsx.snap | 10 +++++ .../__snapshots__/GlobalError.test.tsx.snap | 10 +++++ .../__snapshots__/GlobalStatus.test.tsx.snap | 10 +++++ .../__snapshots__/HelpButton.test.tsx.snap | 10 +++++ .../__snapshots__/InputMasked.test.tsx.snap | 20 +++++++++ ...-with-clear-button-in-hover-state.snap.png | Bin 10927 -> 11052 bytes .../__snapshots__/Input.test.tsx.snap | 20 +++++++++ .../__snapshots__/Modal.test.tsx.snap | 10 +++++ .../__snapshots__/NumberFormat.test.tsx.snap | 10 +++++ .../__snapshots__/Pagination.test.tsx.snap | 10 +++++ .../__snapshots__/SkipContent.test.tsx.snap | 10 +++++ .../__snapshots__/Slider.test.tsx.snap | 20 +++++++++ .../__snapshots__/StepIndicator.test.tsx.snap | 10 +++++ .../__tests__/__snapshots__/Tag.test.tsx.snap | 10 +++++ .../__snapshots__/ToggleButton.test.tsx.snap | 10 +++++ ...ve-to-match-tooltip-in-large-size.snap.png | Bin 4455 -> 4608 bytes ...tch-tooltip-on-button-hover-state.snap.png | Bin 5326 -> 5460 bytes .../__snapshots__/Tooltip.test.tsx.snap | 24 ++++++----- .../__snapshots__/Upload.test.tsx.snap | 10 +++++ 27 files changed, 313 insertions(+), 11 deletions(-) diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap b/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap index db099ed2013..94e81de3030 100644 --- a/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap @@ -109,6 +109,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -116,6 +120,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -173,6 +181,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__snapshots__/Autocomplete.test.tsx.snap b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__snapshots__/Autocomplete.test.tsx.snap index 34c73d7f80f..0088027029b 100644 --- a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__snapshots__/Autocomplete.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__snapshots__/Autocomplete.test.tsx.snap @@ -123,6 +123,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -130,6 +134,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -187,6 +195,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { @@ -660,6 +670,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -667,6 +681,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -724,6 +742,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { @@ -1444,6 +1464,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -1451,6 +1475,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -1508,6 +1536,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap b/packages/dnb-eufemia/src/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap index fe5091abe82..317eb91f1a9 100644 --- a/packages/dnb-eufemia/src/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap @@ -116,6 +116,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/button/__tests__/__image_snapshots__/button-for-sbanken-with-href-have-to-match-hover-state.snap.png b/packages/dnb-eufemia/src/components/button/__tests__/__image_snapshots__/button-for-sbanken-with-href-have-to-match-hover-state.snap.png index a0adf0bda01880e4f60e2b537924517aa82cf575..3c4e748d4afa2c14c872ff585777d146d8c62601 100644 GIT binary patch literal 15598 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 B6tn;U literal 15195 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 x8IMm34wdHDwm5Q&!{ttOc4ln=! diff --git a/packages/dnb-eufemia/src/components/button/__tests__/__snapshots__/Button.test.tsx.snap b/packages/dnb-eufemia/src/components/button/__tests__/__snapshots__/Button.test.tsx.snap index 76d6ac8affb..fb741fbe4b0 100644 --- a/packages/dnb-eufemia/src/components/button/__tests__/__snapshots__/Button.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/button/__tests__/__snapshots__/Button.test.tsx.snap @@ -109,6 +109,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -116,6 +120,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -173,6 +181,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap b/packages/dnb-eufemia/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap index a63ee0c12d8..30b243ee11c 100644 --- a/packages/dnb-eufemia/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap @@ -123,6 +123,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -130,6 +134,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -187,6 +195,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { @@ -660,6 +670,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -667,6 +681,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -724,6 +742,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { @@ -1351,6 +1371,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -1358,6 +1382,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -1415,6 +1443,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { @@ -1944,6 +1974,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -1951,6 +1985,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -2008,6 +2046,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap index 18e3625d2fc..5e6fe0f3881 100644 --- a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap @@ -130,6 +130,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -137,6 +141,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -194,6 +202,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap b/packages/dnb-eufemia/src/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap index 7ea79fa0251..10645e3b71c 100644 --- a/packages/dnb-eufemia/src/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap @@ -131,6 +131,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -138,6 +142,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -195,6 +203,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap b/packages/dnb-eufemia/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap index cd2bbb281ee..ab18aaf1d84 100644 --- a/packages/dnb-eufemia/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap @@ -202,6 +202,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -209,6 +213,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -266,6 +274,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/global-error/__tests__/__snapshots__/GlobalError.test.tsx.snap b/packages/dnb-eufemia/src/components/global-error/__tests__/__snapshots__/GlobalError.test.tsx.snap index 0716a366750..f2bc0f9d342 100644 --- a/packages/dnb-eufemia/src/components/global-error/__tests__/__snapshots__/GlobalError.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/global-error/__tests__/__snapshots__/GlobalError.test.tsx.snap @@ -116,6 +116,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/global-status/__tests__/__snapshots__/GlobalStatus.test.tsx.snap b/packages/dnb-eufemia/src/components/global-status/__tests__/__snapshots__/GlobalStatus.test.tsx.snap index 073fef7a7f3..c27cd70ad2f 100644 --- a/packages/dnb-eufemia/src/components/global-status/__tests__/__snapshots__/GlobalStatus.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/global-status/__tests__/__snapshots__/GlobalStatus.test.tsx.snap @@ -116,6 +116,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/help-button/__tests__/__snapshots__/HelpButton.test.tsx.snap b/packages/dnb-eufemia/src/components/help-button/__tests__/__snapshots__/HelpButton.test.tsx.snap index d2a38465b97..d2de42e029d 100644 --- a/packages/dnb-eufemia/src/components/help-button/__tests__/__snapshots__/HelpButton.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/help-button/__tests__/__snapshots__/HelpButton.test.tsx.snap @@ -116,6 +116,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__snapshots__/InputMasked.test.tsx.snap b/packages/dnb-eufemia/src/components/input-masked/__tests__/__snapshots__/InputMasked.test.tsx.snap index c9d5aa2ce09..cf233d8ae2a 100644 --- a/packages/dnb-eufemia/src/components/input-masked/__tests__/__snapshots__/InputMasked.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/input-masked/__tests__/__snapshots__/InputMasked.test.tsx.snap @@ -123,6 +123,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -130,6 +134,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -187,6 +195,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { @@ -660,6 +670,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -667,6 +681,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -724,6 +742,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-clear-button-in-hover-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-clear-button-in-hover-state.snap.png index b2ebceff44134ffd72ac8d2a4c4ffa9ccfd6f27b..e699a6d7d649a12d2cdd16dd0efb5335c4c07294 100644 GIT binary patch literal 11052 zcmdU#WmKHsx8H#b1a}GUZWA0raM$3$Ew}~^i_;u|^mGALTv0xB)FWo1#IH&mr(g zZ0J*)O{xnIl0gY?aU$7@q#b`YD5R01J7hsof99@TtJiIP5N@4d@QQyDsY)SgofsA7 zKJ&WWes}dWt`x_3j9@4gfQ$`KLnWVsj8a5Ls~`plg~P!H$N>+esSsecpLAj%W;}d) z+P{NXlj(Q={2*370HDFZq#*P6*HqmF9{=Vf0S=`|=|f`VUyouS`7@XeK}w7P9#<(f zhl%*_AOMiC4zmG51C$WxAY9^VTz>~}C=BhdVE(b;Q(;%O0Ofu9XMn5Z{raze1TK_V zlVO1L&_4q{qES-*)2*(+8G+ARG#th%vX)TEJSCV*1>{7IC$dtlvPkcnj9;hE3@lnK z#qntbk+zFUz-HihdLxR}xPeTWwxjcxFW`LhU66R7tvuj3RLsRiC_aAN{Aix`yT%~S z*RK_7EpGDfXiWSx9B3fK#2!G0Wd#92t>7vr*FJ+r>V%*=vqXaT>v*m8E0&G^(}L9z5Bu=B|s=g+l`GA6}?kH`1^;7~XZ0Q<*k#C%x~ zPN|9?ej4~_me$tzG_(&(9hRCju&{b51biKtZX!Ul6zk%VlJ#ePqEiru#jzA+(n+_) zM-Es>tcFTsLIlf6VQVTtBMk?3m+s=Q)VHL||L+?GHxOMHD*f&s29({7uj8hc2L{i& zPxL(|bItXK<{zIQ9DNTTh}}>1zUkH5Dijq1q{P?(^P>s_H#=+ql}d{Sg)5}&e#JS( zTt9!=be&9q28m4v8Wc$aue=|DrZncMQkU=j)9TRY|tTfK6x` zg&cK+&)Xa(@_o{tx8>o1u7__bb|Z5{tG81$?}HWs&X^d}8-xDMrKO&p(5k`vx7Htw zgD^0M)V8BY8+$jL;0Onwf(Y3~V*lmQ3_(wvhas)S=RG86oR{OfLb?oySsA#2n4lAf zmCtG1K~t{u#46y4jf+Lry-B;W|3ck2c-D``sVU{-#M!2OLSW;a2tr9mHl$vD|TVguBn2ApTomF(}h>R4xu#4vFh0HqdPwh%DLv^iI5J#96Md z8Usyx(CNt60xx$*bm<{#aZ`DbhA4JRNI&P6qS<30!Aq|S6_Wa#%FGH;)KO_-(ExRM zLlNU>HFRhiMvSm4dTI6c$j}CQjpAWB67ZhQl~GPFo_k#-8)w@L^@ha6W@QDs?s0T2 zFn;78w22B{s*zM}yEmgBjmWC>!E96-jLZsB9Fn&`YQepfQ)i(ukwg##%tX@u1jiIm zH={#JaYkR+SH?#ywA@6f)k2R(x30S&ZzZv@@7-EU-rI}B`^?6Wze9W-@`FkDQgGFT zT0Vks0$gmR5y7scqeC?7=AA-5n{0uvWwu4A>FTS6B%>e!u$L9{ACFIA0q=NGrSZ_E zoJ!6iGgR5;gB>PI>qDG(&?)%{Wn=nlHBMNrG|Bl9v_wTm6$?&pM*Mt4ZSRkG$G# z^~3${`se(SnOW!a{y85$yPoDil!C2jXaH&KHb_%=R~O#QmT)8)(^%;^&TM!5!HTx#g0?n@TNR!^R!L15Dk_3Hg(w z`ETDXEGe(-ES zHNgTQsWeKHA?TMyj-m%I8FD-LGY;nskP5k17Ts3{=;akbRMB<3gckHIRKH@a)x)$5 zOt=q7DAsLtuXVmGC@RYJyx5{yW#V$loBBO6`jGnFxKr?I_Q9+#lv4`JCE`Zp;p<6@ zw2bJUKfeaXtcn<0R9j!Nj7n}{ob4&=97++{$5qMk_bbbb3W8ph#uH+@!_ccwpH@xA z>0S@z3ShmTCb}Aop^RX$4!H(r@6N_dV+TGmh)KE}P%y=UnAh0;S*#2HuFhd`CJNkn z_)=XQuo|u4!HrVHLkqJWgJ1>OjX&XkW@IH)5_&Ww;esvgh=FiV$%Q`hH6~x5ZY1s> z8Uyq5EuG|BU}cxd6A+&;Q)ALi7)kNub_ND5gs)cBm~|U;2nY7l5z2;OM!9x2TmxXm z$tAe!aPDDo9=vpazg^U<{?(LOv&N*TaINS5;L7TqOo zB6G70px@`Fe6?IDp5$RxqUd!5zzWB1f~ z2GG!ug{6p?+qGqeNG52$V(onV9q$m%r<5vuUcD1Q)3?3-DbX5>5gd1LGA*o}Mokym zZ0HC+S#o#JiX0C_waO_8f7>49tWKbsNsSdr)WA}Z1cZuFVE^j*SfOXp)HEyB3$9;6 zTHC$+RT8|11EZCmZ(u!%zo7IJMokIp$p2^fLkGFW#Quv=pKxJIKT3E!&ffuy*T|`0 zc=dmW*V54#HpK4#ov<9J*lO`$^j1xTu#6FTH0KIxeMm=id}W@F!my$1x89~K;0oo^ zt9SWUR>n=PX3E)#V9SV89RMdvL(6<1+~D{gB=m)Bb8j%_C(|3o@ntC>H`l4ja$S6p( z6VQr9{vO#?u4~sPUyCR%ivM4uRPpu~ty>!PFQH=MRR0mCz9hkz>v9)`Ni9!6$j!R^ z5UjonOUVb$z`3%!&8d8Q-^b4yH`?)YO0e1ga6<>J68WT}i`c8_gN(%ozzZr{P@QQIAH?#F) zJ`{S}%sTuL&Nxh|m0ytuI)LI(sS%{8I#CP++=;lqy>#_&zl4@1G8?1cojtNXuT8dc zA&r-O`!PYJqp6ImM11dlvK-Rsv??{ILP@MlPTBdo(P>RQB-(*q@!{!i?SA%-`*^h; zsor)jQArgA7BuQ=OKq-7Mk{J(7xr4MEdF~oqf#T(lZSW97 z18x*SCyF5gy6C@V4&LyPl?rwYR=8WQWePH{i%jmx#$6m8ju_fvI_E^Qvu_11O(}Mc@Ed{#C z{8`8-Y6BEjz2zO|oJc1d&#>)RIuO1b%@a1CuC;Q4x4(YvxVODFxmfc^u%u>TAyH0i zia6PEKV1zG`6^;BCn~YZk3ZV%N@RAegZG*DrT}6-g<9#+dit@G8q?A7Cg>dLHAYX7 z^1I2Nt5;;oLSg0QY;1-?Se1?(T>4@|pF#Wp0)t_x0)aH?@4EuruxdBk*JXufflvAs`+n zaFxF6#eAXDvfA|W%)TSuxS2j#f=N^m{OyRV`tUi#lJw`^+t<7*b#g!qG<5Wg0TqWy zwpu>?nbktpPPaL>D0DQ^C;;@Ws&JFmY==(OS2^?Ey)pf-enq@klp+$|-bgSShBMAK zStBdvCA1vGe1EYOkp$%QZaEcPrBrzzU zt9a%8iRo3`YW~;bMP>nkMCqaUiA^LldA&MMKH>N2diJI*EiE}kGp#*6yzcZ2j^ez7 zIu7@EIeDQ0UIht8Lzj_wVscj4NpNLaCMwdB_w>iT{g+NF1R|!U!Rm&7O zrm{14{E2h@15%TTCZ+PiTC@-{h5sHjcX_g!6B9Lg?3SYiz4grYt3PN~8DUsWJfp-| zo)G9loCI3)Em*OFz(~R~Q~v_ZW@WMH50^Zv=I!QFyq@k>2){Qn3Qt=NaL1nPX5LQi z0fx1iz?+JPyXVPQz@q(Jt5i<7bBj%-_1yVEei+17koyys+mpMRUIWiWJpJ~xSnIL(5|i7|&79m9wuAKD-I@?zs#&YOiX7uJZ%0R z3QC9kUV4cg2knh$Gewi!3KF{ncjjKR?gYZ1VhCoyrfv_KOvY;eq*`$&_^OF~Y)z@=Iu+H#%90mb{nAZppLV43uToO)xYatpx=xL$ z{^$<)NXQ?D1{maKP}U-n^3g5hq*|r_nUXy{Zk*TS?I{uJPP}q=#uB`<*S{1Uxj7>K zZm{H=6&Xo7nz}vD~6SZRiTU05V2lTvxP;x33NLql)`}$P|z2z z@rJS{=)}sI$v9B6e7`I2gGd)=r~Tk7!kel55XO}@D1HQsd~K5vZ1Q$*52o#AG_a+l zEEJ8kz9BxP9iAr|Xv2n8_6TFdVKKlCUMy|$YRhARUC^UMR6#~36}rdSryrqllrF0$ zb7k}-{3X2-P)mhm<629tJ`S?*nC0l6la;$_8&?2>iUIh3BSs$jrTiIpW&a`T=U~<6 z?LWV6GkqYBYgP8USvR|B-oQq#dTLoO=Cp9cS}L**j-{2v0OTE9ctOzbqbd{#uWNlC zNnd{y98twtab;IHLF*R_L_l5l!)WXA8Nb#KU;3T~0Y?FCwv7rO_nSklMH#-OChr@W zN@U9yc=E}5yBXm|E*O_B7;^@7`jZL>+1@6@9#w3340u7ap_!l<11fNb0tW{~dJ)*9 zUU+HG^ghhNAYV5)pA$l_fNyRDy<4u7p`rdQ=oN9@*kOi;%6XqV2qTF>6I zYx=Ikqo6Rx#(fUy=Sva4g5F@inI)8s&KQh7kzKNF!Sg(8*ZVo@9h$)S9M86p=6;2p zA9~^ECVAQR?w<<}WeYE4MOZ;V{(!lu(LpeNHw4;b)e5!db%woV!<>E~rTO zO2@P_Ew)EEtwd=dyTeJAy~h{(GgheMnRCK1Xlw7zW~Hn<joz zb^r9alY^1IPykHO(_3bbq@*0YO}v&(<*K{Yo6=WJMI(ThRBdYb3X^tRa6n6fm1Eu-K~Ij1_J~Ob~^M zC1Zld13}Xn{Uv|~v+ft0GqUWk_&I9Z2+JBk!!3eX`X< z(e1?zSIFHyFTGcj26BqA@oDSL&s*h1cJNxUisA57|8HiO54~{<3S;ulpV&d(1Ct+JoC*zPRLD1I)}c7I%xZ^tf%S3lnUWgCwI+oduCA#=KofC_}%IH+xZGA z+BEJ9ufPFIjDB>su^n}&)kINORSZM9^}uLHQ@qQonc^3)j&ViMkOn9=**zgM+hYBI z+kTO;r-zJ;FD0|;1`G5}RKk!UZ&kOiDwSI@Xxnz4P1#e^al-VnI*-F}ou4IE-8D@? zV8sBKqzS&n4eSx?ivO*c#m9T&Br$XV0k!IGqw$#q6w1yr)nTR1B9OBW#-l|fb1W~<7pg(rSc)z1}TFiF?7Lg`V8=-Xv&!U9lHKGH%~htW|p0)6fxDSsCC zSV9$(hLhP59SvP#L{Tg|+~D6QA}=Nftlld=c`7}hwfnq;sBMa_G;jr%*L}umpDGyA z7wnrh_|;Oe{nkd#=%*2rt;#cAwKmXejNeJ52fUYN;@skb`-blk&(q6hd}_LpLmqgb zOpSmD3E-7<@w0Q?=$L^3zcOP?y!gDn2m1E?bhKV=a*x(}&qK%AC5j8n@FeaB7DyXe z$Iks8;tHhSYq7H1+lyCBuG8JD*QCOt#K|;%X0Xy2%huPF$|TC<(*4R8-0Q`WvAU&X z_746cHdFLPi5)#usUgs5w)?Kx?TafRp+yqQgy=TP0wpNHgz#`7ki?1;Fv=dn^JT(W z1G8kJ!DQ*KmdT*W8AG_hh*XYKivz2Tvj_KLPD=E7R+Xjs_@M|&6XoZ`A&`l%U_o0P zBqc@;VACZjandEJ<*J`Ae%=7TXiwWJN^$e|saGah@9)2D=#~l8Cn+h|X5z$QVgu}W z4`cLCPL?LJCWB|-l3gCztO@l!zOI!QmJp0A82h7$j-5Ci(7F`xH>SrX-Y|VJexTA1 z!M|`}E|*hl)Uc#6$q1mog6OI7@B;X)bXf=#o|a!Djf!0sy5;AU5GW2FCM^xLzjByA zabc5im2{E(JUV6(M+f0Ma%Txe7FO)iW1UIVvN?!dC3(xskfzYDZd**{nw&G+R)k&i z!eG1`S~Y!_$fi^XU>3yzig%H)&Oknr;E8CMSx3o{Xp44b>!+n{He=J>hEP@$lIO4f z;GxeN=t!YW9sta&IvXF1D1b^5sdgC=2vLj3(56=nikN>jU@JN-wR@}d&$06N4eBiN zIoF`|+RsnSf6P#qbP&`oWhW5>*`S4MBH_T$n}@!<0bfRg{O@#IVDT*R zwn=xXNi}gX%^-Bf4Ljnp*Ar)nM8@|;APg@8Mk&=VLx6;AHNMMS=21LT=VZz}9LW<< zHqZdMvBb-gQ?7mR7N1v?Jq-l50o^>hm2YykXEU_9tyvG9X4wjiFZ|5zIPA8$2~L)I@cE%+r<8t8mx#tsN&wGSd2r-UQQe zY_k&<>v=FNAcAByh43gA;$MAAPMamfqKow_ok_y&D>VgT(CPN*a(yhdmu#P)PjEW^kC?4 z><^K#VA>0pX6vs@OgPdJ1md$(GM@d-kr^!MO8Fmw{uEy*Sc{E79-X$x8S08^7EIhY zOviwo0o7rgg`Qyr1%Ov8d)QtE&UMI}EDy}G==JRk0#gk($hS1Qt%-uxPlhaqNW=E3 zfSvH7aM;)=d2rG*h?_ERfP>TzD{MWSxJuGbVyP#I0g1t|XNWSL z-X?0Z!=p0_?p zCC-H9$Y)p?U=NG$;*h+#vPIK}XkCW=FPqld==h>#vB?ny~Uj-zQ^)_8YQ)6=ztpO}6^K`V`CIceKv$5aJ(=eH~M z6|~CDp<>k3CUzGF<7^{c&0U*e)7pj1L95I5Kr#psz}LR8(B|W9m?8gXmQBLbwQ(7O z2Fy0cnLP*G6~leD(F8`-?TEllfiH)3CLb#^UY)K#$v(C!ld39Z;{>7-3=_pKWT%P4 zdNN(=Z+Bgj#|B^3P$%mrgX^KmmQ|Di=H+eSgabiG`q9GIR+i_K_PrEiPFX&6^`v(^ z*Oig5#$wL#)qK@!PEF8I{|~JZ4$qVN(tGz~vd%SIPTb ztE}jgH>^cJE0^;QPoSZn9^Bxs*P6Z9M(1%Hd1To!u&J0jn6dj5Ip$$obv6&@do(Jo z6j0Gz_c=a^T=B1{$75@(i|=}-&DX%$7T)xksPD}G^x&?7a7=<0Vu0W3c5A-nNxITd z#lsS6@Zp`uVbtA*$KWGkE!$xNWu6(({aBOk*yy#@9*N+ki03&rhZBE)2z&bGASI(> zGE9&Q3&s7O0oTZ3*c(Wj;DXuTsgI^)>F=9*Wo1dZ9knl-E$DL#FWHv5_(OC#0&8py z3@?w9>@(iX1oj~x5IsI4eoaC`Aa#=F{4bRcnTVv@pk;^O_oAPv{Nr0nWe8PT3v@KB zA2O9t{bdC;0?IQpJ-rD%3={wMhsNG{`~`vEaTU|Q6aFLF9iCp@z1R<0IhZh|hLD5@ zX$u_FHv-T+WmkOH#*PXry3JBGH%Z>8^^!DS^kt}(1;3&EnOgAUKPZDm`rNF_}Z%F-5pkE52vVunZew2RmKP-MUlu3-{0ZYTsKv}eu>Ko zI|D*u>}6}r{!91QES+71_e1L~X$u<|RsAL_%pFW(tf71o!5Hna-E=5mTmIy`Xb+sabU|AUWz-PyVHoxrtECa4wA7gmc^U30^QK?aG3;#Qzfwo zv%PV@{q4P8@HK6ppJaE&I}d6Ze_k9N4b?-wSHD0%XUN>lXi3Z8L*e zcm4<`o1j9&${H~?HvX+FJwo~kY>8 zf>KjcgS|P%CR<~$WTHq4aQ2gqCOJR7sr{q9J+?gF^yR3*SvWZ8{(sSV-rUh7kD+*P zMretZ$fAYYSrJ~}w9Whq=YvF!oGO)Hv>S@v)DClDpSr%@u1N#&rNqIH8x1M9_Y5jF zv3hzHU(lD@O>FlVcE?Q>3c2SDO-=LTx`d%&uN%YZ+P!ZiNk~PU)-R8^bty!AgRZa9 zVIhR?5b16aRIy_ljVAZr>L+3~HM(|Nb8WI1-ZSTB5&q8Vxx1EVOW^H zl(UGT6jc>+Q#G}q$MR3&cvqMN=_|)UpXMt!UNMbFh&j}pB78o!_Wjb^M#|pNWLi;V z_z2l^aVoM8tewlk0~*q=y3xKeJ$wAk?dmzwOytK?J8*A6mEDStd1^rb%qmgq<+Gk! zmK1OSW06MW4{oWI#1C+%#K(tQDzChiRaHbMCk#KFE89F?65X6CZ>K@K!m#qFv)>Jz zoD8r!JUKq5lS=)kHN6Adn}uvb+xC{d^^dMMf8SNf4+c37_KRE4eq4<0Xw2||NiP`$ zo&F*oOC6p0THjG&oni!E`JJvn+F<9;n>!=acc&Idjf+~vuTuctzV9qw4Xk@ zD*tD(l6u_xZDyH{L*HID*8G^weAub<2Nw}!mYmfG9V__<1^t!%IVH=?EPd0JdVmAx%=3KFbV<5#!XPp*kYDGZ9K zV#pXiuPx-nDr_`H5O!X3n60(@Ss!==B@>1sEc{Npq}^u2GT=W(aa423RccK{VRY~C zlx#SZwfk%vlU6OmgH~ap&_1jnU8^x@WcGb5WE+f`vbbmw8m1e>T|AL*){pu|s7_QS zIAvGap|wWiNjK) zWj`Rdlb&%zOz52pw>0^HWf)mNKUp~K@{f4=qhj`dB3@ejBVKCy{NuB$LJ5nntUflF zTfe0uom&3%_<*=Dth3JT3d7Dvnl&w%tj&4>G$ejSAVDyk(kKwRwycupE0qJp`EYdW z=t2zp-uI5CS^U_Y6XMdXE(B{XM&dCsks`0;y~qI_#N&oxhqhD#^wW%=5qyVlvrsHs zS%!u3K$$*Gp8UXykP|-4@e@a??oo#xO%a@GJOp2rtFm4DZS;mfq>aSw{1;5|nQ^B} zFNF>rD3UueNlfFTXfneO)%7vmKuE-;fPmzYI`*D-i0 zMr|GqOtYK2x|=%7eDZue!-HvfUl1)A5Tv^10d?~hQ)bfVy)^^h^=j+#WSIz+p06n- zRLxzl32Lmf&UE(r2*+on|7p~#A{em!Zg75#bgc@|!NDyNbPyl1!0YyPet8S77x?~8 z1Hu`-C+UW(LT@PP6$Xb>4Td8cu2)N``R1_GUB$o7&Uw4crVBlAG@VZzxq=-B^b$Ad z|83A6Sbs1-AAI>w%idn$*V8yB_4S}okECP7$Y03_ePe=SbAg9!IkB5%u;A|Q?(QT&U~mZ%f;$9v*CDvOyXy|$*4Ea3 zTYL9b?ftX!W9sede!I_mPIsT@oaaO+%1fdm6ClIDz@SP?i7COrz=EL94Tx``|KS9G zH(_ANV5G%9tGMePWgvOWNj~)XB~8oIU0E{FE2$Es?h?w%(qB)PmF6YMh-m^!eNZEl ze&=FdQ4~oaS+2NM$})cbyP`%fB9@ykLy`C*kg$CD=eT8O(aSbIVbM&8l=N7T-O04o z>3EF&LV%rih4OoQ1QHOIrX7Hdv}x3#V%&`nhQZQ@i-$p>5k>_0L;HRJ)Pbsj>(>7? za6!Ir{uw}zRH6SH&@=Z>gAx4r?w?6iF!eiBkRq#DUuRSY-r?)RL0|ht)gD-ciEU=| z+NjV!XKx2UUsII!M^L8zINJN#(C^qZdtHns8@h6VjADAsKT-t_jJ-+&`a}(j3;L1G zL-^WgUkmiu=(XwYPVXHP*6ZFH8jzBcGaH1?y&L@LJB7ke!yd<98W0>^-SX8rGuhod zlg6L;@3BCby&e}_Yr`o+=JQinBqX->4s^--9RV-f^r(|{^p13PGfHIa{x}lB)Ez_YMQ57Tbb#roHf0Ra^Amksn`uY0?-LCT zD7-UI8rE8a{$iU5^vMm-KS{*J2uCS-pW}UJ<~$=L$SGB=&#YDVRzXk|-DY7LqTJTN z1pU<6Px@E;@C|-1u*+WM0jT-uEXAfBkB=82yUQ*3{O;)|b893!945gV=@6k$XzVBjY?PxNfb>A9jn0A9|M^a*Sd{JKrMIUKF~Z|zPyD7@gv2dq z^|sFubw`@?*QPt8Ew|$*Mu+n)Z&Zubz6_7ygZ*_8OH%OT4$dqP)0O^OCTyefMeWez zNTjtgzqjLq3NlHAH>_cR@j=*^{`yeoEqDE3TyI}v%=pzxP+qKLhiaV)zDy2Hm z(?bK^2$Yt~v$)(E`kME{B0Vth4H?(=$5^5zW_eM1G8SSX?{{7|y{i*HCC%rmSbwW} z@m7Zy>1Xmd$ZQ`iEeNxZ)mqI|8uoZPAI{1UaeQ;o-3fY&W`DYBASQVtnZlMoQQ+d# ztbXQU;t91957?h~V)%V!p6#n~3YY;-e+N-_|5^d-Z1iFYIDZeQtu#7)mG66cdIItp ze|tPG9$?47#f`ncYT0yfY;q<3#{53U=gg@uKBl`)Bcz|s#S$M-a=`f$Cu5t82^_F0TI zjHn}K9V#SJI*6v0mIRi6xVt5nd{`}~VCMF57^ZU+PI5Z;wPL>hZd}_Q(K4UU`&oet zze;+VGt6#x9Cv#@gdfgd2Tv`VR3QuO66rD_Zn`PKc}w;cleTUV57!hAn^_x?;j1`3 z)+P~%3$SE|6e>mM@fAERtfs^Imxzxy4MjeNg7E_TeQ_^= z>pf99iaCW2qQO*5+8l&JLa5etKtX}UFFjYNXSsD8)xQjl>a%l)Q0ReMDuCxTBNPkKEx1Bx5{Sr}rdQ%TAJYQ3%Q@ z1!VxI{h4ZX{6?`}qsi3Gn+r43YyGR=F}IrupHr+-o!7>5cp8_@5&79N;_a3&nF_BT z(5%I_2Jr)0u|KZt1+{|;(S9gMHAHqv){*-?Kc?Ks$~Mu?u=27798&0y5M~nR4g?kn zO#ZhAp#LKjj<~j zgpeRseqVewp&5*XaD$rI$zymc_IRz;oPIx3rX%Y3i4 zB-q#3&B)2uTJYKK+ebueM}~)o@HpK!yHlIfy~Cfxqm%%NwfPFNTD!l{0uuJMYV3JU z$1+)n#f)oRj~Blj5~OC)ffLP+=0_$662Rc#Km?RQ`=8_E(xx*k$|nW6YNhodh0ADN zVSe@A#`$3zInU!~3GO)UVx}(C_vC?p+bPg^J?c;^e^?G` zw`B%8Zj~fUOE;3IOZVUuu48)|Gj5}i3MI+`L3?t-#TKMH25`J`{)L-^l;0Q-lpD4F zxvsUKZj~MjdIOnu^Md`A(V=&KXmx!8@NX; zH4^HPKwj5FH~^r=KT5WDEl+EIe$TkU!H-_9qQ?i~)Aj2AxF^YODqOLJ zx~r9QAURo-*6Qjuu~NajxjOKUi$narDP^DoO@8DB}> z9fw_@H+bD-&eq}ve5ZUmU341bQRq9`g$~d2l8~^)D)+e60*$a=2RIqRfyi#q5m9w0 z>rnA<-u~qn5R4hkN#YX&LLj7w3{I8WeV120X-p$T1fW(XtcnmAjU)_=w4Q}`$Kg)+ z%Y6_9yqf$5-ig}1x55G+piDMWOL3o_%X1iwJG0bn?KnwNTz<|D22!z$~{{(^j5fZXqAr{zQ296O- z|Ji}-wegDC;9uAHFTrf9_8ocf!A6Gi8#`Gn=dhjhZv&vX&Wv22r@g^c?yI{;OZ>rm zpetB^a$x^r+om&xJ$a(0h*m&g@fHVX^qgVUmkpK>ah!o|eSOsEVEX4T-6e$Q=gY|G z#j{?GFhoH|*&rA#t&nHTPR zjA33UuG~)nkGm5=dey}b7&~v+U^6hlyiPIR5Nq3Uw2?rMr+YaN7(GNf0q*wd51$u$ zBQJ=I8=XwnX|@6}nrJWVd@F0hC4m!VyUN7tbV?avqRvK8$1Rbt52{9Aq!L{pn41&f zcCQo8aXU)!Ar6#n=yxZcaJo9s6&}PoZa@t@&I0QQ7|CiwASchbT9A@NG_|+?AR_v( z`zK+M2Wo*!1u|~)2vd~*0j6Glb}$)3(d!JrF(|1*fBzn1y_XeshrB&-PrztI&;;5= z2|b)KFpWG=U^^=6j{x!LP4yatBCPhYrk8dWFWdF&q5)RHjgji%A1VN9xT6s0&FG?7`K;4t>-5B1IJzALcT~rWkqFn4WR1kLdye; zZ`;}1`C7j|>*L*Bp9Yr;g&La~rOLVt{+o5twzx{G8v>P5O>tIXGkv(mkoMG+vj&o^ z&~`f2QZA3>>}vNiC4-v1gY}BC@9Ms4+_+oX$U_e^HVGI`K0Dj+)_V3hP>4mQ*Xj-S zx|frCbpnR{rXk|`kGDm$)o#R#i}b>3>;HmhB{2xf7#L>#`2eXzT!m)DtTLQDPBZ3_ zT@Pe_Ur_K#|KKU%*8aE5_>ZyHzG9#bQhf;!adn_nAYauSMuS&!M|eKxQ7a2d0kZSI zV4IBfVgoVk^HasgeLwT5U8bISbs!FgL#Q^Woh*D?jQv6rkNlU@2+D6kot0LyFY-OK z*4M#aU6Z)QWGFn|{k$OlU6Y$s8kB-TjNJbkG-rJ|2G$gCKZSXVMk3*S>6=KWOkktQ z-4}(E^>xk@8U$6vy`nk#$~@f(Y(4p=gyp*VfrI49@#=Y@ORQ--BLjqm1ZW_pq*dz( z?|DTKZL^U4QzFK)YAS=@ZOeIaWd-f0=$nC))>Hv31B10+dMmOdwDndqu+BF(ILh~H z=YNXyM>CpW$bZtVS*}Yr_8OuuPM7i-J%xUB_nc1bB%E@B;j)b^baB|KFvnG+)Q)=6Iwh_-$8sKLDOR3xiskJG--OUe z4XCEgjG-Z!sN7BH?XM;li5LR1HmyoS;`>Vy`jXba?)j;Nw#&^S1#*1IR;)13u%v?m z7u(O_EN$rl4MzNmRmMn70Cq+W?deLdF-->;M`{PdK_3GH*UxL6Ar+3Qd4nYOTr}Tm z0lUJk8yupb1h>d585s@gB&CnSJh7q&N)`LIM#aQ=F2k@_hBlZW2r@i;VMINbv2`^U z4x}W%xYc#ZI);b`2=EH-6Sy8%o4dDNx+jwcWpUfx?L{o-6|P7+IwHSnOL!%Fm{Z=1 zaoE+SDc5?=jFrXPbK9q%jTnm!KY4wld%{JbsBnNc#UCCC9GNHHK_xlS;Z3TU z7X88V{RTH(xxw!NGt{_BeS#fGg8RM%(5PFJI%4L}Rg_}>pls**WiOaDXoB)|Wh3)C z;!5iL7pd?wN+cdjs7Od=FDgcSjs1l6?JY;eT<7Jfy(G>IcV37Ub5F1BXYph_qFb!h z-(Y_ixM{IT#YuggcoXRe#t{jf=OAAVveZrLle>MPM86^+jdh95gsjk?tuOel98dbh zs-o8N04Ah@%x-1wKxxJOX^Vh@k>-3#v)S=89#;X)W>w}c_T>L0)_hl!mR5{yA`c=f zM*4*zGbl=OK#Wq}QCN-M?>EiJ-Zn%rA<)2upWy8$QK^Igw00QjYu>`{#TMEuIYof+ zrARMwsdzfe3J8GoBt9yuLeA2w_*|&L%59k;{r%KzBni`0ZCS$X7rZ(xmXtzw#){ji zG&(%aALYxq2|8mzg_~OSVnanw&+vp_8XbE-DP?;XqQS9e2&o8>uhG9JoeO=uyD(d3 zVLHmx?%V7JRK@$pD-!5&(D!v^~VuZj28fuNYth^{W7-FMqdbl9q~t7426((M3~+Dsf5)6M8Acd5ad74`=)GZg zc*O2ZIc+HF$xE=ll1~&abKl|IMSf6t$@FLjf25A+1v^5*d5KPw2A>BeR)S)M{%3q! zYy!T4!+VqcC6%e)S9PaT4+giV3R_OHxCc6CPxCG)Bfg`>XxukLLU5KLj>n6Q>h;HG zv&Ij{U@zHP%fHBiUe{AG_WMw1{Eo?^f1uiC=!J2nyf9mv_rOF+$rjN}$)Tr+Cxiq) z>aHsc&7>Mt*%LBmdEf1k9^_9@NfqUII9qvpP#zt`oGv(F7w`V9$3lwN#AaKj!}a}>*YV)zzQOT7KmQ=B60G&=HyX#%w!^s#*V+*}JI*mIE&?-YGg97A}i1Ah_kIYU< zQXeY8OFS0cnnsP9Ogr@e#k6^m397GU z+5?y!kB8M`s|N>ZM`{J89Yp-DuyAmi?LE{R*3$A&xN3~9NSTyq*8h#%ale@QyZ!`6 zgY{h1?P?I3{n0$9MnYKx>8}8zrR%zOsq6}&+G#@is56rERL zwCk+n!lfC*>ue6@Aa=}MfOAGz*+7fip@<+_4-g@sYo7=c;n z!U14r65{s~1&R?8jy+CSKUW7@Fynp)iP}WDx2s|VI2@v zo^-=3SZpHxLeeeJ!u&RdupWcZOTxX6Ih^}54GOv3*vOb*eFoC3^y-S+>Ei=mX7tIs ztQQZKtW&P6j=#l{N6iWntVSphMT{QZc(P0(A3pXH^XU?eb#NB|l);C?(tHY6ppeBZ zxL-4EF~ZC4xGB|qzh8WN2~jX9q5dmNAu~!L1HFPWoTvMJOnt$gw>j6p*w-~#l0s=dOWblD090B4iCD_%RGm7b^UVSGgVK5uELp37gK1ZoImqYC_yy6JAs{RR;1CD& z+i{~e#_=s`AuUog0jEs!PH}#-zO_!3{yC%*;K&N=Rj}DRz1`~bU>r@UFvd;-ml_I9 zziS>FapOv6#_z0?B5`LReLysa&J@->g6-XE(DkP9&BG}FNk3QtQ!dEF!rGuJd9jET z?butFOg~OvsjVn|&p9(VfpL^lGPYlNZY)bU3lCl65I%%|qS$4Rv&s0&^N#R~2ZeM0 z)F6jS5^IG?_+}#uXy{stCZ{v2yIL8{xG~XBqYROB3JzUYSMB8yGRFn;chLA zG*=-@DAv3eYx-vqr^VFR!Ej(v2uZRD94_K)73bt^6^EG#L5adfo7_vO z37Iv7iV42YB;}JXdG@rjEq!Q#TE1o_ht8XdACxv0c?sbq z8mVt8yvzRq?0 zd{kcBqKPYtsvK}6yE*zh7uYx_ZSv=NHqjD%e1Ra zs8sR%;Mo&b`O!VDDV$iMV6`Tt!VIq zJnchIaeDAOm7psGx|wOSxqOvk8n#u{WGJMb>ZmiFB*v5-J(msisl7Qm%FkteDHIb-1QT$SKt z4x(jdVk+n2XNZnbW&(al2I#!J?T*@QPe8(N)b+x!r$cdXL$0|2XlFsV)ayzt=(kk= z*qRspbdE$&UYK>VpjkzSv+S0aBk>{-72!2SsE`jgiJA#;6BPS6TKy>|62JDz5x>D3 zUY+!W%v|2GAlJ2;DK$=tUo>$=A$y2ju?Ub%+UTKIB&J{fabC;zj$FT8q`h7U zeG2d~zk+pJjUH%5Sm7>wDrc6x;dcaYP`rwNY-q<@2RtIAW$pnuqQZKKE84u>If8qG zRH@A=1!{V!r1_g9NLMoIst2!!GV$(GO>3~#`#LgDSsnav)3e?l0NpeP3M$SXuvhy} zc;zi>BSMqfkw}{uaIv^!CY@F9(ou*~@~l-gMWm)pj||$IGuypfHB$>*UYZ}!9;7W@YM>dn`J_Sk81Rf^(0 zHqUl!fv|m0>wqjq&W~99`g9MfMl#aSDttOr#pD{u{9c?C+AQkLxA8luz8ubW=!I`ESueD9TEQdY z!@wY0zSaViki}=an!kK^SE$5m%@T$bu%_VP2Apja8jdZy*gF+Js?T}dOs+j^!gJV8 zqObUHi&yI6g2ctrKkoqg|6G1RBFcEYRe3C~ZO1%d`6!xh-Y;5rHRN7L05MK=yMNnKDV)h7)e8Rhmy;s z7$7_d2&kW|hrbZ<{vk#{#{QQ4o>VBb#mi`uRjYKO z`yz1;CMt~>5?QiXYqQ;Qi3Hp~OiVm{DF9j2SS%5-sCh3J2-%y`tRljl$d4eBThgsF zjZiz~7EvXsj7eZ*N#{r$yq%vO^avU?1vTNgu8w2G3l<-V3Rfo0HCQ1m*ity|;CJK| zapmJM_$dY}t_gEO%LnY<5iClwmOF&1GH_>qE$=WKY$M{dG4I2({r$nHrk0D78P)a0kVoE+bDnn-q2d-fFOd@)n0+oXxLV=KE%aOANz;ubz`NbEsRN}+0cxv*wKSUf2C8`Q!UaTDd1rTnftMes>Vvs03?9@mHH}+N^hj+K{|^G~&pF zgP70?N(kNEG}DBmW!p=;gi2XD>$m@n)E2z9-KnYZawJZGiYpIi*%>)pszD!7&|)AS z+6qaM;=|9-g~)YkXf%I1%e#%8ls)drH%sq~^zL4%Ip~{C+yOvf{2661Wsu>2lZ#cG zMD?cNn!Wf^RygljHi@$f3BkHFrw(a}Bg#%!{0tXT4p+P|J^3jbrnXDn8O*HP9PD6J zxH|YlEI3py$v~taP&)VP)8Bh@rq1BNhc_|?M6BKvz7I^g@=sPXWz+&k4{HlWw3_u6 zvAS8eKh@82CsUk1PqkU6AnLLwn42k!o_JD3%cTFL#^n7qd9oB%t|!6sW6w;Blw|az z8Sv45$!RLVs~;5_Y!L}e!_8PI+)W_Wy)8?N1!yEvB}ykNt^mv#O_uewCZ0 zO!ZI${va_a&7Eu2;pY8Yu-8!3Ma||&M?rzRKD>AFQRfeK=)1ir3`&|@y|&B`T+J_7 zfzmcQ{{e^2Cl3ONbOa)pG<-4NrK&ziE^<@;QaruTseBT))+PLdr{A!Jp;fO*o`}h4 zyBd?dbrcYdq&`o8&r-)NKO9i{y)HVoC3mkTP}&|f7k{=|)-*bgY5d1|d|0}`LLCu< z%abSa;E!ru8tSc3dm5at>5NMaksb#nVlM!WL$IB(AB1s1l8T#rVE+UxGTDo2(g3ucIrh)% zD&nf;ztB$vwQKOe(>)Gv-^Zw|Gpox7p0@dZ-MKxySqG_aVXTVVm_DCKiLTFs{Q8-(+s zVUBQ(wg5=Eca4CIuEmA7{HJvEq zNagGyD*4a?H_vD0`(|Hsv=`rQwSt12)lTR*o>c#iKf`)tq^88>VaTeH=6^zFW5WhTGhP&MvAh)aVSZO} zn?Jor-#hN%>g6lbxh6-~x!%kq8q4!fHDgr} z43d$F1EcoQw#me4(D`|yt0YYrN&zKdpUXc3F2$hrj0!(HY@pOEl<`#ux .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { @@ -653,6 +663,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -660,6 +674,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -717,6 +735,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap b/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap index 5e0cf626935..0084e18b244 100644 --- a/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap @@ -123,6 +123,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -130,6 +134,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -187,6 +195,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/number-format/__tests__/__snapshots__/NumberFormat.test.tsx.snap b/packages/dnb-eufemia/src/components/number-format/__tests__/__snapshots__/NumberFormat.test.tsx.snap index 534bf32e7ae..e728e2fb095 100644 --- a/packages/dnb-eufemia/src/components/number-format/__tests__/__snapshots__/NumberFormat.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/number-format/__tests__/__snapshots__/NumberFormat.test.tsx.snap @@ -23,6 +23,10 @@ exports[`NumberFormat scss has to match style dependencies css 1`] = ` * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -30,6 +34,10 @@ exports[`NumberFormat scss has to match style dependencies css 1`] = ` justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -87,6 +95,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap b/packages/dnb-eufemia/src/components/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap index fc00f7b735f..dca690f9355 100644 --- a/packages/dnb-eufemia/src/components/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap @@ -116,6 +116,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/skip-content/__tests__/__snapshots__/SkipContent.test.tsx.snap b/packages/dnb-eufemia/src/components/skip-content/__tests__/__snapshots__/SkipContent.test.tsx.snap index 0517d87bc87..be556b49efc 100644 --- a/packages/dnb-eufemia/src/components/skip-content/__tests__/__snapshots__/SkipContent.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/skip-content/__tests__/__snapshots__/SkipContent.test.tsx.snap @@ -116,6 +116,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__snapshots__/Slider.test.tsx.snap b/packages/dnb-eufemia/src/components/slider/__tests__/__snapshots__/Slider.test.tsx.snap index b6e428ee3d4..d233a4376ec 100644 --- a/packages/dnb-eufemia/src/components/slider/__tests__/__snapshots__/Slider.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/slider/__tests__/__snapshots__/Slider.test.tsx.snap @@ -116,6 +116,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { @@ -567,6 +577,10 @@ button.dnb-button::-moz-focus-inner { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -574,6 +588,10 @@ button.dnb-button::-moz-focus-inner { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -631,6 +649,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/step-indicator/__tests__/__snapshots__/StepIndicator.test.tsx.snap b/packages/dnb-eufemia/src/components/step-indicator/__tests__/__snapshots__/StepIndicator.test.tsx.snap index 98ef3a8de64..da310184981 100644 --- a/packages/dnb-eufemia/src/components/step-indicator/__tests__/__snapshots__/StepIndicator.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/step-indicator/__tests__/__snapshots__/StepIndicator.test.tsx.snap @@ -116,6 +116,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/tag/__tests__/__snapshots__/Tag.test.tsx.snap b/packages/dnb-eufemia/src/components/tag/__tests__/__snapshots__/Tag.test.tsx.snap index 3333009a756..0051005b853 100644 --- a/packages/dnb-eufemia/src/components/tag/__tests__/__snapshots__/Tag.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/tag/__tests__/__snapshots__/Tag.test.tsx.snap @@ -116,6 +116,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -123,6 +127,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -180,6 +188,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap index fbf65c23f2b..95936203678 100644 --- a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap @@ -158,6 +158,10 @@ p > .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -165,6 +169,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -222,6 +230,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { diff --git a/packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-for-sbanken-have-to-match-tooltip-in-large-size.snap.png b/packages/dnb-eufemia/src/components/tooltip/__tests__/__image_snapshots__/tooltip-for-sbanken-have-to-match-tooltip-in-large-size.snap.png index 632d9fbcdeaa611644efea0409296ae0ad0bb380..dc5449aa19823859f8cad418ad7fd907e7b5ffb8 100644 GIT binary patch literal 4608 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 Is)#rL1ADI8e?dGoV8d? zXZW;4th}ak3_ouoPc5-yEQ~Ctwtq^lF^_3d(ldCby(@ja!*?O8{q}Of_dojE+qU!0 zw)Zy+3;Q?oAI=#s#pFV`+sQzCp*9?#xWE)$sM5YVTM}O(JW2?<@nj z;DK&XFObg39FzmrnD{l6cpA>GY}v5FKnAdNRO-*{&N2lvG1{t=s^e#KmeZ#qggOAC z!>^a;`x+)DOgq17?}=KrlQ+B072X~lAHO<189p9}V~(n`8<`5mRzQ*VqgiTwk$?it z7`oiEGQyQnL?)4rumSma5}ytaA0G*=sFgBpg-Nwp&qRR+5YfBzwEI31MVx9}U}I}* zeRl)me9yvaZL_>79rTJ0f4WUJ*XBD@44*HtjO@yv`(m^kkSa+I;`QmE2)tOU^7m}~k_}9IkC3?vIeocA{ zCo2<<;;|eBBWY-Ck<$4e&x2XFE}SU^C!g;YhGHgOu5W<7PO$Y377#&6d|4iD-Q5)z_a=j6#LC<+p9C>e#i>&KP1GaG$2 zr$}18x3!j}Jo5YI>g;qJX1;L#$W>zZ@brvl`1{?c!Wj6g$%Q>XfFg<@r8z?rif+hI z)%84BRAaLg4}cTn2bisjaqge8pExcbN*yTFTT=mHcZG`bSRM8^Cal@t-*?$ zVNrfB`&rhVXg>J%1B*C3#1V}irD6hw+%-7xv!9#i8X%O9K;UYCU}0@EJKh7z!>v^` z+u*2iExq}Gg@xRE3lpl~yQgYz&kt~kra>LspxI$-Rv#EWJUkc*`UnKV5+E&Z3(6zi>YlPbJFwr1wDqfAq33DFVe`;!K7+p;*Eh19eLjwgd(#pH{a-tVOYMF z2f~v1^}<$G-u&i&l9MU~HIzO#K}HC%F*C1k8o3#X=)ud&8JjqAmh*yda8J<&b`$56 z0Kn<%d$$QfVQZA3MhXedkp8hY%uv!jDne$W4u_!i@jM#tpnnC+k9(ca6QTP0`liGq zn-wT3P`O(~eBXYSjGL=4j9h(nIMsUPTVn2iLHix&a9o`oW>On#s9;rV^UMfdV4L^p z69K2Zmq9z!jtu4yu=?5OD{JA;!oxcFrUWvBDfrMQt2a8DoaKoFEmVtlIy~=XV{dP7 zi1&OnkU^NqlI(+Qtqo)qcNYRf;jk0Qh+}6O5KT;Q$P}J4ra&s|J{?mLD&zESx(YnX zGqz#Scn2srfJ2rR;S*gD8b!lB#T|(m>U}qwB^?*Zt9-d5B^!7K(#=!uFv#(3e^&BT z*z0KL6Ga-PE9tlyL9jzDv)I7J>Eu;7nWr(t_SUPnz{ir3Y3$^{-tFROwZMCO`bi6r zL|9rn74OE9ChNI&-@?3vNx$B#7OgymKoVpc>W+Zd45VO?n^amJPNjebzA=SL+K(Q# z96GKPG;4M_%)>)!-3=_kblmDKgnGPVs&{O;HfA&7td>nsVdGV;z;d)wgW6HZn<%K1 zhA`=%1FH=>*6D(#;<1qA;1(@Y9tjop-hSf1&=5PP{?Lj>a+CciTZXtb(P?GuvZ_>c ziD}4iX-{j=wR}g+Ncw1o#sjF+9W}hvdwU+nMpQIT+2K_5LlBm| zH>(Xtec$NkR`B^TbSOUkzMU-gL6Ehhq-oV{m#VH`1`#sG-`{^QU`E^1y8S+*)s=X} zI5GmnW2{cTc!$G-!y)c_H>+fAWa3YwAQ1_nU|Z;yJVwaU1Le3b=Akrku*ds&O)nt9?ec8*y%BBQC-k#8rW0j8(FBt)h!b7JxJNL_8%}P2 z=DuPQ5TB=DC*bi9w)*<|%{nWuJ$J`iF=yLwYPtEm{?pejlE#YL^vH*iU>C=aGoslq ziFBwXMJiBhc|iZ?kaMC}T#TaY7HvKv78Vt!%pYfZS7ns~&x&WMSmj_dhDXVmPSZH6 z?}U!U^FFJS4HNn`POL8#h1sJ=^cs5kA|ZZ6xZ&0ffNO=^?z|1DqY`*XsB^&5HRfZM z)A#ap@#m1rNBu|#W7LXj_vU3JfZaG%CxkLxI)P1kSTYwg4X)MY*lz!BEe-L>;HVBJ5?Z9NF8v&&e-o}&D z#gW~Hh9cDnU?${iS{777uB9p*q9>BFtY?UQP{}~0DB<9-WhX2mPuaZkAW#lEWrHsc z!PzlA5Pdy`9F8E9-&$tOlE>>vl+(dI7KAS>0`$r_-k3BD#7bt|0VOVpW>7L4#AuTv zGj*`B;n4b3l&fW&IH(B^zmPZM^aqMVhKE{nvAaKwa$V64VI^-wv2cu$dxs;pQUGzw z1vyuX&rRmr+)4BBr4x{NgJ9}sd4DCC2Y;NjZHm-8$bapx&H9R9{j9G_^zV}kS7#-x zy(x2G$MyoIBn_k(inC#fGU#h7->wxNX_-mh2|A1 zyRpK|7>4gVJezxIUsJ=#P`&wMdT8$|4QWTBIA3C7ua|BPr%ULlhHpY89(5HaKH^tB znidH3hK$JidvN1;FTQJCX??Ng*SE0|dZqc#)QlJ>6REg%O4ok5ryw4r&d`23ot+ii z`Qefpm%Xh*%L405zS+SACtq_8_XyXd{500G77$`U7suBbCVsJMQ{xh8(-y1sumip7 zK_@%cw*2q}-&Ukb*L-L$I;LN4rbF}h<|=_3xKysTIr>3(GXIQo?O(z0?2=X&@GmW& zu1rb+eLMe(e?x->2b0=L`L`kD3KcG`KOPe5R8QOIn>Qd>apimzl9J7e-Z6jv(7)k6 za~3pBYtJo)8Xdh0zEWNrNv~1&IpcMh$QN~fG<+V?Zie#SwqIFYyor=Ib($tdk6Fp? z0L7%Fs9Js5iK7yB!tQ>?iG8=ZRzRQ+H_zpW)nhR*c_b-ddum_8Wx2T=EvL*{qRUFw z)6=;4Ezwr|IF7{u)57JCQ`4#Y;2-V8>gOTsXs+75jaVH{Sm9l!UqNMK3tVQ`5b;;y zKc^(ivYH&()fpN;7Wn8$$x(x(s@2g?U3J5M%q=hp+OILk!FlDFe}5st37-loehVhp zmI0NPIB4TtS!59m?Kc75Wfqq%zrK2kt*o#2HKoY@zObi}LzleBxtIN1=>drN!4kF0 zY;yYAK>*MF7<^C)o7^HDY=IZs_OT~lMJWZqu}3=rWxhzrJI!0*Ze z93>*EBx$RB!-%Z+{*<3&Is8|upQk+^-NcgB?4aINd3;G*x32a0O$@S2Su}JfgBh?s7EHt1c9v)gNC>B5PVkebXB53`>(jjMd^*=dK20v!18Z;~ z71^eA@BJ$ykT{ni+;>#NJP~i~gejxR)6XNH3-mg9U1K@7W?Z0^z|~7ka z6M_Fh_)qlmzzAM#Q6J+xz^S2^iqjZlSWCoXDrbnA-nV6C&6=qNKa`q<9i@1=jIZ|g zsf6YG5?MESvcYk}^vl^o7qPt>dXpz|FaYUI}wIrF2{Dz0}w5e5fxLkeuCswSo z-_6CkBhwW}vvR2H?rb?QMaTs6O@H%dUm~tce1uUtLROeTVSl4+=F2JJk8G9r`>uk- z?XS{{S#>|~DNb;Z-R#kbdzw7)r!r%q2mR<1LL%*K1XsK9o2Bn2&}!@(*h(tRc)S#c zQb1Bh4|t;b9ofH;i~@!#%Z`WNb@ED7oA)@&96!e5Q{=~Ti2N>9@|^pp}Rh)?TUztw{Lk zwoKTIStCOqgT`*$-`)tRZ)=BYJ(go14^pMvAvydw+6CAtVu5C(T_N z&d!SE^aiC|SjxBMe)$2Bjr)MR0T3zH^_gV1&n$5Wmt?&okX&BVB>X6J+PwNcb=qcu zvFPGpy!n$Oksx(#XUhFV)oqQVC;H`vK~JaEzdF2EI_wBMUqYorM)>arDt;Wk>|^N- zY(cyK;`~^66Fe?dgl1b4TAzDf`uzf?HN50cc@{E`Y*g7+s6(x;qdn8lyRN#yh)YG- w3%2_**a+lm$)uNoxh#zOPD1}b%Nw$T^kEYzjy5)m8PY|5slv zT{z0fh05!`uK`CT==+{ASHPeLT~Q2 zGx5zp(hIBi+)TcdVf_YL4UF`DcJ>YI*nR~2_Mbv_)^+^)>qTG65_EAJH;zYa+{1XR zZ6Z1+w?J%c4No4`p!y58?VybUo}ao2-+lLU(82L%hMs@EJw}dtu3UiI3fc(d9XpO- z+DA)p=T5#q>ojQ7j*5!F)c1y&Q6oQjV9m8! zi=$?I`HHECiVBBRxk?q=p=zH&E7h!oOba=E+EQ%T@JmoCtb6x1xO=w{>FLLq`3nhg zqO{cQx4if4*$z{tzQU#NPuM;DIz&RUHvTlV|(9<9h!)xyxrU$FfSdc}(E z_-xKMmMV!>e63p5J#m*Vn}XT1zef5lUVV9a`N+-n&3l)Eu2Cb313PT!Oq@BB&Ap>_ z>)+t?=`8ZD0!w8u5^3U_eK2rfvR_qg8MF~K(=bz~EC3x+*>U~&uaEKJhiUk6>p@v^ z(a{lT_jnV;$JfN+Lm4=5;I!fA0_Zhg??n42nqlI^K1fa3h~2x7;mDD5=t(@|g9pwa zi%jSwB_+V+3ge)+Z{HNRZslR?)&rdB_vNBPt!dLocucoHRBbzGp#cd0jv4)_Z8Kgh z&@nO9@x_;uP*70By{Ai;)>yf6JLb$@!_~dsa{=_femn@;U%t@$32fQCj{rP~ZQK5X z4I8In#*F2l&&N-A5j}eR7T2%m;_TTRbnDg{=g(io@ZWt5U#4j34BEVuNiszXunJQLCPTMWxZP!F*|GuVe(@H@{nu<9KAZu)=X$1F z3A$s)Br<~dE7ynDs#OguSG|wd$IZd9W0^jcbKAc^W`d?SwG?jjrItXenQf(-X(s#$ z+Uay))8-kN^~ox%UoTFl(#l`Eb~hF;+M@Y<;eyRD3pz2e4t_s*uBU!K|9m2T-g5#A z=5I1u=ge>dXen4bRqZoqEj80jj~+D(r%qk+sSGC4r&%r|Z9FNdlRfcSfPGc9?Vy!v_qQ{)dCLqeT(Ajg zXZ9Kn|023}ZH<{TmJt==jKyzR22F=o0|smn{V|+@7_;xp6?kl=A~*rdGdls;abn7plJkJ z=`X*Wj5TX^k-mSm7w8Thnxn9=7>ydmQ8x)GDI2&h!k25w(svO@)~#6zwyU4^J7`+@ zGiR*u`xGdhTnP_%sZMO@J(q%_bI^3SR#H+b<41>Af-@E!T^0HHg0GuyATOJ*zBN_Z(~EAf?aA|t~=)l4URf*Q1z$1Ux%>Cd~!wB>tK7ur!j z<(9^)uXaPdgc!~ru;cn@+HiF2*jxr#X{zmV$b2&0W2Zsift0)KP^`;}7o+ zBC~9dapjPzIVeHXOe(!?C4Bn3G)#K>ar|ZavI=j;t+q63uKze?FgkQ-CY#$1YSV26 zG>wy!bCZmHw-ANzwOU^lG9H~LA3vctx6wdQvQ*I(-Wd}bgi`GkI92%mePp{YS+}Ok zf%nrzhhTJ_x$R?#oPulDuI}YoOHFl9ftIS+h@zE{)l5BW!o@1|H^%*qTTiARejEMB zk$xpkzlUttFcyEGJHhI!J@M4~TGoB7Ns)4!Fi``|QY{Oz5eH8B4lA{82DY7$jjB@V zfU%Y%?ee&}?txUi=@SoFuvqF=-cy?<)oMJxKp!{uGh}33)>O6txj};%%>8nrl{O_a z$I`x6*$)eev&^+t15r!UOlExst!KXVOt)DJVWx02?AS4Lka_M36Se?3p?)oVIqyxg zNz1|;U4+mw-K>V7gv|QgNX9LJ)`O$=oYg<;SqHU3m@z~w*j6FytsH5YTfKf;&jMJ5 zY}s_P%&FFRTB>Tja9XC?3|wUc88dpeN7-D#$selZc`0uh5d<@g8g$luH6^q9W;NhJ z1zKs!?Q*`2!Lsq^5Q& zdA8g~vmgp^mCsnJV>JXjRBNRYe2rs7?JSTil}gi+LifdNb8&r9v=pe;&`AiVrEayx zVa7E33e1=IMkY3_jFnmGTFIv^ppBStmIYun6n3}ZKND-E(!Aq{QxSU3l{BuJdi5HF zl{{Mptu`zYG9fkNN}%2<6+uc@yQ~x_7~&|$)WlPfWsB8+3jvhoT4}QNhIeY^w*;DH zPL0fZiSc-_%Eq9UNv-z<8m!jPNiQ!VL>|1_xSI7$%@XLnQ+RF~w3fr9X2PX_)f8(K zy0Tz_>cg!nNll@AdTihxIEsB_zQ8sG+K5-|4U(;1mIYAu<1~!X)hDAZ+h5_hnKnsg zjrP?_l?!UtN=w=hjF!hRXrty+1jrsktEryWks5ryFv04Od9MjcO|r0LWW>SZ`|f+C zWwdZ#x(!31jX;)%ad6PIRGaT8#f8#bTqw@P#gaS7D=XG)oaWcqjJ9>(!s%I@NJkjz zhDISiEE;t~q7hLRqPp58I%)b|yje4@3)&oH9yS8={17dPFCZ;FGJ zq;KuOYv)6CXB8xbK7>cZYN9GanHvK|XH4FQYng04A3_tfU64y1ZX6(h_Z0A_2$;Tt zy%Ffino(e)YqX1qMeEQ<5K`vU_z2z}*s7qdLRKm|)18a$g%@$hEjP`9@|I0EDnCb1 zDlf_zhU6;oNN`4Le5v6(Y{Q_{hfZS6NKJJCN|0WZjg!SUbgS-uhpuNF=eEGOWFO208A#dgZEo&ZvRfAyv^Qq9Ivr5FdZoav4o~Hb$r`#Lm|SMOqIz zT^JPJ7$KguX{D;Q`)W_aprDPKZI+s|$awkNeEA`(cGu9lcQ)Y0`CAyabg);_`_c~L z-?Mh&jcub*C8~aOB(LNbK4G)$568fuGxb9=Ee{(W+k(7q0M55zeJ&BI{5NYSgceX1$ugRW*!z zcID(%oFi#B@6{MbzB!J_npM%FPjkQ3L1I{SJRMf|-jXJ*chm@0CvnyNBvF-2qmWhp51W{iBC5~&ySwrDk=4a z#c1+eBRn;^lP9N(2QEcytJ-+>gKo&bnU7^7SL5#WeAH_fkBs#5c&JV^2G8%0@aQV| z&#EKXI(-{yDAiCze21nz8l%hGVp=vAA2mZF(7#F}E?JhU1*c5Sd~=}5raal0NC}#4 zws|$vKWPOgxXBWKUKI4jgV|^^Nd7;{(068$`x(13J$>|reV4Fu>>51#emAt}%d0Gt zsCD&(wRrBs?nru}DR#_B$B9j+FnZlE?)mkM8(1`82?osV!+~8haUG}bR~Eg@sW|Uy z9#UUSL%ZQ^(c$&>9?+d9bws;iZTwkuE^Rt#GBmuYXOjXiTyOKO*-xv179B6X90FK= zZ%3}Qy(TGsZe)ZFYlxJeu}!5Q26SvvL-2W{LBqlk0n@`Rt)YY`r4 z^f3DUUvFGFbq)U1f zb7p_gynY_g6LyY8SU7La{dv*x^r(m=8E9|w&F4VXe47O=jOPUKfdXyR>s~efTa*@* zVo+*7S>12?(+{|~KMNzj8Oq&H8?qerpQwvuqROv^u0XxV$HgpX)9XW5u>X9y66n9mioTIK+E)*amIFk@e6j({TU;^c@5R;R^yVT4%0unrQp#) ztvpWCohx}rd43Ub$`WyvOu7hT^y2(t{GEht+`SQcO?%dpt&*ZrgoN>Xy8;cGI%EA@ zWR2S6ReKM!ln$BK5K9W$jK?j6-CTS=sD@VsWH_~;?>|wyc?`O~(-|QyC({41hx5D# z&mVvq2|Rpyt)B2LanvrLGcnoie%ID>f9K~vVc+5dXgj1eTJ}#u{`CTE|8y4;I@HCJ zV;>JVXga*=78>vAgDrX9zJfmFzJ}d}7I$}Q$yoBtjG}3@YiDj?)1S8@hxE79+)^hl zd2$EDwW4#z;&p8O32glDtz5qw9UJ9&P)d$(-jlMIbL!~SYgl9$H~sp|dtDJ)B{blm zJB8Oll7s)hr@5gLW8y@2h~+D2It99}@T@^(fel6{J?JI%zRl!-TCF>m^AK4p(yyl@ z=;f(@cp@Hg@YB2H2D-G&jg>{Gaof#TYUO2b4bbhtgIxTghHao}Lh^+ReP@h@-|xPP zy+xPpEn#J9Tn+rz6@#|UnhFowM`uh8v~Ztq1oGh(y+=15EGsza_lc7SjXj+x864ik zv++PaX0~;B#m|B%K?_@bg-H_{X16;BM~eBQohmPTYM^CkO*|12<8i+D{#p30S_zte zr)@K1$|+C*b^+NGxT5e^6jg2xw1slGBLo9niDWZBKX#Y@VXa_U1TCsqRP?={WOLop zaHq;{V_Omb-w;(^zSTfiS3NXx(C@M2DiyqL(~BCuE>lX)H~o2+I~&JK^uM?Ats3s{ z*v-fW{*KOA*-*;NteDh<3qKp!VWPe9Kmg4v8)Ofe8{d~^BB!+SlN>9}u{PN<)GIWB z45z5c7R|9}x^3EcAedtLzby0Z?R^W&m$aYWSdwYWM|M^!tD?rCAKCRFkm=@q>BNYZ znt8?Q^v|pvCQ`uS&#a>=`0b~n>E_*Y0d@%)Z0&Mi#;KB<6}8?2n(xM;)zQHjLq3}2 z_i(e+thMFW(B?okT)B$1HV6vwMKdm#`!ZZ|6ktaY`4C>`jFN!XY7o6FikxxM*%gmE zW%Pf}5rN)T0X z`DTSqhO{NKUP-7%R7_9wm2S@W_O$)7fnUpf%by7+4|$t*xdq_OIz6oBsQU&ky7TL1y$zOrP&7Sg&) zRG#Iyi)^y`b+J_c_^Dt8r`Ui2#2-_Mo1IHd3MR+;kSb?GinUX{w} zOJTA^fGlkwN>5wfc<$K=ArNg?LLV(;QmwBRA*g={FL>N6Yrt~myur%PDGO%ELf+J1 zi*wS-N;meEh2VL!AsaW@o_v}I&9xoo`6beMa5ijS-EzR*2hhots1D!XiZzt2Qea_Fn@ZYeM=?_OG2!LDYHV$>>FabKxmUO?=fA$CEg@A!XqDFA)p8&l#J{k%rFe#2*@++4oFdNq4bF(T9*4-rIyRQr*A-6 z6c`?h@L1)6f`#nk04m_H3WgC>mr@BF{- zJ71q}1C`2#+U)q^Smn1?Rj3|c|Ff<`(oy!oq%#u#>)*>_c=~rIw=$BeMD8!cJSle)ufN8gJ$rEW>{%Q+awL*_iMw;#w{MS@ zEnDKAd+tHMe*Ms*MT<}yWl*C9+jr1T0e}4Q$5^{|ZQQ|$W`pj(|9(uJI<;DW`wH3# zWK!@;FTI4TSFc91Pvf@kdiCn5_fHCETP)P=8)y+^QjVks-)e(a>s@VvcZt|5^UICfyc-#gJ8iecDuVef6?ZW0IB_*M} zygX`6C-eQn3ooekM-z5Lpq)S_HIEoE!c#}JZQB+L7A%mSyKvz`%$haJQ{C(&GM@zn z1$gVNw~&~ah^(wEoIH6FrKP26kuSdZ0#s(>#*GnO$Li#jD_4dh@o2%0I_SlV7vsJ6 z-t*K+q^2fKnuN|>v0??@dFP#w`Y3WQEG+a?w+M8jMvYXUqeqX%@#DwUB3-(4!Leh< zqUv_0PoIu4W5z^P)t*5+Q8Sf!>ZzyHq=+BejvYHxGxz0}U+SvM$jCtV?%k1@nThYe z{~mky?sa^eDSG+x<>=Y7Cmw(NaeVaAN1$sRIB-CXjQ8!^rzUhdb?StaloS|4f51iD$XW|%i`9*T>L)$0rxFaS%I zEWx|)zN_}V-Ejtb^XAPMI&>%=c;EqS*swtzOkaKV6=?tKufL8>n>OLG#~#CwAwzKS z;zgV|aRLJe4#cTbr!aQxSVWSdr3~8q`SW#(7C|@qaW{j@7to>rjP0Y5@7E>*{lNzx zproWkow@~sL3HliSp`3N@?`AazaMtTc^@q@-A2%T`t(s}5ah#~Hf@U4t5;*nlqooP z@L)u@xog)hA!s99uMxN>&@!`aR5LX)nxGRB5sUJ{r0frE+)g-i_I_XZr%02kWP*BL;1yW@_}ri4$@3=+THeft_qr zbi;-XRUbKN(j?WNvTf$fnK*p-Fh2R@6U*ZiBt{CFrj7*U`RAYae2+AE_}PV>ulAy9 z-$5JI9_?U^6gzkBTzvZJr)o!2utdJ~jW^y<=k9jLBLz*Cgw#wH#Oua_G5&mlDGSP~ z6|~4~)4rukmwKLF89Pqoqsfd?P(%R}1!MGdh>{@V$B$QoCcEQ2=;Y*Nb&x#s%rn@! zb*p-LqmQPX0M$v?8Z~MZo_z92H9#Zt?{%Z;RZdQh5UicLonF(mqTTpsDofK6>JUFR z5ol8I6Hh#W;lqckkuS}8NzI229SSMj>NpRYPM}Vwc{EM8=$H|7uU@^>;ICb~b}AT} zijj+mWTR`*b8C@;{qoaM2Th$%YKwLXl#(l{sj1S$hTU-<6y=_2x@Js$()5Z2WA*FT zSLe@>rblU>{_L~Qs*r0uXi_x=Of~%(G!Hrw1+#N$K#`g$;S<-Ots-vTXVdT7wr#`H zPe1KP|5RHYG=pfr*E$%^6BaP9v5kCFRm!ZdjufFYWvq*G(nktPOHxARL zP4jx`(0Q_;O0?f9DN=0-6B%fcYDJKp1aQV{cFMWRF%d6%s3$9HU%nDw{f2= zO=>lGB7y$?`|o4fvSpUaW{@9x=pl8{ftO7LiPdALR=eZIdU)UNrme20SE7!$ioESi zw_6M0=H{p@r7>wumdK1V$dtd1bSbh^1zMSI+2F7mNKX616KFd)PW?DP^|Dj7@rK;2 z=n%p73fa!*TO~N`{5G#vzY-;(!K2);r;pXRdAPx=+D`perrKju)qADI2~64aHw9j# zWO|J1b(29C?UyN8rdE+j_iDD)^ZW+QgOVxM%2&%eT?W|=e0m*-)`QVDc<^A*YcWnY zH&FRHy#{ASGcNnvar?c37AcSKbXvbqPA$kRp}xbr}buU3_5K#z;UL&9oI@ zqZxOr_UZuW=9*3t8(!whGGFbcZK?(F1GFqKqYKDX&KfGqi0SK$?{9c1k9I=+ZWmnf zfMn{m8xU?GM+91w;o=*>12!t(Y@)*;MauVbW7T<%aZb$-1m>S*N)^QovZ9l#b%IV^*Zs*R3^?pu^H-n zN;_GZSbI~g_w!E7wVT1`7_?LK83q_$eZs3xrg{P@gRh+*uK}4kvB*PZc}FJ!mgd{5 z?p83uBXJv!Ks$kKjFNd}i{KUoDsZ}@5U0xuai;t#u2q&P)0O3pxLVg}MG6HU*^`GLWkblz9<=G@pyC(5=3?GCc$gN^=^K`%rZ_Lp72sq#Yn z94yhdH(p7)XRklQFcKOh)IsZ{`nWr}G3r8F7$Kj7>wS16uq{FR1-T*+#J39IZ;JE1 zbz8g-0y|j??po0`x}`P8uaa&>Vr4?qVM{@Kg=|!GZm>|B6lTWjs95{q{%XICO@upvMFq|Q!^h~i~KP`{=DcU3W7zpknIZ8ltJJGrro_Z zNl3%cw6?BbJB`GJik7LD8X7(p4!n3JR|G1t=K7B~7mVx!E_R)AqaJUTSQo?7ZdV>c zn1eK#8F!*;6X-}FlX=-toQo6XS8h}eF}be}NewX|HB%9lEKO>T#_eEx04-KBK|WG( z1)GaMH{M4(Q8V-CytyXGMU~}PbnUP*Q`T0N)NYaW zKnfBtHoXJV0!b3sTK!I8>l7`ItXaIKS2N2+)6cD?XYoVXrO58C_H11bbWCo9zA4(5 z5SSU)Cs*trikK8_uV%B!rl&7--gQ(cYCfd=*VBU1TD+1Tprp#U^gEOc8cUmM^K2t* zC#nu9+Nqj(ldU~w3t&fSo|@XM-Td!?t|?7$Z*p^*@2Gt(%ZtmNj)nF!A1%sJQ?re8 z=5RSp%@xY^7Z&{k#g!HQ-(^*ex!;^d+4VAH_5UZ+H7*{%g#3f&(c$;mNJ>eJS{tgX z;`#|G$VtscVkjqWRJFCQ)`50vwnb{rQ|8O7i?lD{Mr&I;*(_tJAw?TDKl zbnnzwxGSNd`m9<5YOQMFvu}IQvPfGq>l;gRakBiExC4FuZ~=06pGHYx30mCU0=M^R zqqec=N-++uK7@AnwMB#58id;Y)2>taC9e>jM|M>Am0T^wPdjswxBna(wrPMnhO|dY z-DLGx!I2C2NvZqJA=x;%>JZW!*Tr4K?~Ga>v`cP)fytRwk2I;@Mc+N4)j0YAz#61J z3N?Z@`)cDlFU>bIl`kzmYJRrt^DVno^qz&^V%wj0qD}ACNJ>t`iETfj-N4)N``3P} zwtMcd1!(`fEcBb+JJiwz4=qOX&do6Bg#jq~xd=-pufX+7MYye7E1cYU3iVrNVD!8P zk(yBl-!DIi&2MZ`2FficRbqz@gR{~9PvN?JzI`-KOv8h9vearts%EKCnfX>hD=RT| zb0Q;XvDwztO#c=ZA6Ank(cB31neXz^C8v|=GI`4WlRI)lKKk_Dv-oW4N(_2_0PY&0 zsVrAf>xyY>@Vi%jgO0;GVB3H0#Nmy{FlFsT_4uWemob0T|6tUt;VRgbkFHhKJ!bwt zt17;B;Tq=tVIjKxu`7E1>%Ae+eID z$StEqhH3?v>8>u&{G2)rHX_jGKun9cwMt`Yx}Ab1Iftzps`{VVhx%%-I{7O z)2;emT>xegkXb9*IuIk!|6BSaE>uLmz`)A%xe3O0ee`$in)NqKS~VUGGH+3|4zbB4}Wg0gnFpd?+`9KEcl41ZC|X8$G&LtY;gYF2q^1rn3BwOz3W zO~Kg66y+Ip2&#FSWemtnQ!E~|n~0m0{i5ttTurZvmFd(cBmRnJcQ(a+Gx{JgB>_8U zexpX-qvwr6!`2#n+Ez?ktpsYP(MK`a-5%~5+Q0q3cVq8@Z_#z^uh8kijwrfRjIHnQ zKza)Y{G89-!sGIVsvh4c|ahMfwL9_Q4pH z-xs`qJ*DUUy~Ent)E>Aer75~5G&V%o_CDG&7?Xi!`?W!!pI*^ET6nOe_(;?fCpQ~= zN|cOFZ68{Apr14QI=#{o=tj`|d(JHHy(@SQ2g@$rY%HRBznzjAqkCf0P?Q~>H-{G? z_>?d)gVtVe4W~d^hOAgw6u7M9C`xM=2l@g(HIRr=DeaWS{My`I|4;M;OS`P=6lhq* zVMSN{rUT8FJ68D%wv?XsOm^5DhfTLn3lGeZx86^O&9^!FW~wGXy`enUmzV6kbXHA0hhDN9tU#v4 z`%cxYDb~h6i&mKMpu@lG=hJMOWsJU=s_A&SGTGV@Jdb1LKiAZLk7>KJlNz9BLR00X zS#1rsNX=GDejP0i6vNdAVO9$S!vPulv=n>1srv{@B3YmXcCk0G5c3>5iibst*-YPS;9_>C};s`&^!Ja|amLF})*jD2O^ z|BtM3#KxDVP%@;elJ)9{TND-3SBCj#%jQTsDhv3n%(woSUcr3&RBr*atP6dt=7->A zoC#iw`hr4VXhfkB`dCe7LOSjWG(x(v7Ocv<3Z6CdD?QnQ0v}$Isj&b2R22F=CRJuAZ(6iaz_v_GN3&p>lFrn=5gzubawTi! zw6eavWM>6h4_)gYUcFkjOdo}Z&A67X3lA1e-J-!GY6DNh=w4z%%Hkr%2M2snb8uvQ zd7W2h*eCOYzzErROg~`w!Bb@?SVTtzn2%A&eI^VjS=X2xZMK`R$Vq_-gA z_p9U0WE%&V+=QFI8>YdoLa$rF$p(Qo0IZa(A28M?J2V)LiWY%3?hE^8GqA9-^}d;h zrT<+9o$t99&zo|YWsq4B)=ioPsJ_K{ z*5gSZ6j_;du}?LdY964>C%aLzT2=5j4P+jeRdipI)NExgtrZs@AaWIJ g(X~_MT21% .dnb-icon { * Utilities */ .dnb-tooltip { + --tooltip-color: white; + --tooltip-background-color: black; + --tooltip-border-color: 1px solid black; + --tooltip-border-radius: 1rem; position: absolute; z-index: 3100; display: flex; @@ -209,6 +213,10 @@ p > .dnb-icon { justify-content: center; align-items: center; padding: 0 1rem; + color: var(--tooltip-color); + background-color: var(--tooltip-background-color); + border-radius: var(--tooltip-border-radius); + box-shadow: var(--shadow-default); opacity: 0; visibility: hidden; transition: opacity 200ms var(--easing-default); @@ -266,6 +274,8 @@ html[data-visual-test] .dnb-tooltip--hide { left: 0; width: 1rem; height: 1rem; + background-color: var(--tooltip-background-color); + border: var(--tooltip-border-color); transform: translateY(70%) rotate(45deg); } .dnb-tooltip__arrow__position--bottom { From 1006e63537300e6b1e24d71eb3bd5337434252ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20H=C3=B8egh?= Date: Tue, 12 Sep 2023 21:26:39 +0200 Subject: [PATCH 4/4] Add theme logo --- .../src/docs/uilib/components/tooltip.mdx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/tooltip.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/tooltip.mdx index b27627efffd..655859ace30 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/components/tooltip.mdx +++ b/packages/dnb-design-system-portal/src/docs/uilib/components/tooltip.mdx @@ -4,6 +4,7 @@ description: 'The Tooltip component is primarily meant to enhance the UX for var showTabs: true hideTabs: - title: Events +theme: 'sbanken' --- import TooltipInfo from 'Docs/uilib/components/tooltip/info'