From 9320841195028a26565bb0bea80cb1e32156b81b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20H=C3=B8egh?= Date: Mon, 13 May 2024 09:37:10 +0200 Subject: [PATCH 1/8] chore(forms): housekeeping (#3552) --- .../extensions/forms/feature-fields/Name/properties.mdx | 5 ----- .../src/extensions/forms/Field/Name/NameDocs.ts | 8 +------- .../src/extensions/forms/Field/String/String.tsx | 3 --- .../src/extensions/forms/Form/Handler/Handler.tsx | 6 ++++-- 4 files changed, 5 insertions(+), 17 deletions(-) diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/Name/properties.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/Name/properties.mdx index bfa7fc06c4b..fff1b60f083 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/Name/properties.mdx +++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/Name/properties.mdx @@ -4,14 +4,9 @@ showTabs: true import PropertiesTable from 'dnb-design-system-portal/src/shared/parts/PropertiesTable' import { fieldProperties } from '@dnb/eufemia/src/extensions/forms/Field/FieldDocs' -import { NameProperties } from '@dnb/eufemia/src/extensions/forms/Field/Name/NameDocs' ## Properties -### Field-specific props - - - ### General props diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Name/NameDocs.ts b/packages/dnb-eufemia/src/extensions/forms/Field/Name/NameDocs.ts index 2dbda11ae9c..d676d6afc3f 100644 --- a/packages/dnb-eufemia/src/extensions/forms/Field/Name/NameDocs.ts +++ b/packages/dnb-eufemia/src/extensions/forms/Field/Name/NameDocs.ts @@ -1,9 +1,3 @@ import { PropertiesTableProps } from '../../../../shared/types' -export const NameProperties: PropertiesTableProps = { - capitalize: { - doc: 'Will capitalize the first letter of every word, transforming the rest to lowercase. Is enabled by default for first name and last name.', - type: 'boolean', - status: 'optional', - }, -} +export const NameProperties: PropertiesTableProps = {} diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/String/String.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/String/String.tsx index 8fe21702518..61d24e3048c 100644 --- a/packages/dnb-eufemia/src/extensions/forms/Field/String/String.tsx +++ b/packages/dnb-eufemia/src/extensions/forms/Field/String/String.tsx @@ -149,7 +149,6 @@ function StringComponent(props: Props) { id, name, className, - innerRef, inputClassName, layout, @@ -181,13 +180,11 @@ function StringComponent(props: Props) { // - Textarea props rows, - // formId, autoresizeMaxRows = 6, autoresize = true, characterCounter, // - Html props - autoComplete, inputMode, autoCorrect, diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Handler/Handler.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Handler/Handler.tsx index b83b98ed233..945c59f4127 100644 --- a/packages/dnb-eufemia/src/extensions/forms/Form/Handler/Handler.tsx +++ b/packages/dnb-eufemia/src/extensions/forms/Form/Handler/Handler.tsx @@ -84,7 +84,9 @@ export default function FormHandler({ function FormElementWithState({ children, ...rest }) { const id = useId() const { submitState } = useContext(DataContext) || {} - const states = Object.entries(submitState).filter(([, value]) => value) + const states = Object.entries(submitState || {}).filter( + ([, value]) => value + ) return ( { - const value = submitState[key] + const value = submitState?.[key] return ( Date: Tue, 14 May 2024 09:42:15 +0200 Subject: [PATCH 2/8] feat(Checkbox): add indeterminate state (#3515) Visual changed for checkbox indeterminate state --- .../uilib/components/checkbox/Examples.tsx | 14 ++ .../docs/uilib/components/checkbox/demos.mdx | 10 + .../src/components/checkbox/CheckIcon.tsx | 3 +- .../src/components/checkbox/Checkbox.tsx | 11 ++ .../src/components/checkbox/CheckboxDocs.ts | 5 + .../__tests__/Checkbox.screenshot.test.ts | 15 ++ .../checkbox/__tests__/Checkbox.test.tsx | 42 +++++ ...hecked-state-with-error-and-hover.snap.png | Bin 2474 -> 2367 bytes ...ckbox-in-checked-state-with-error.snap.png | Bin 2452 -> 2339 bytes ...ckbox-in-checked-state-with-focus.snap.png | Bin 1690 -> 1567 bytes ...ckbox-in-checked-state-with-hover.snap.png | Bin 1596 -> 1401 bytes ...d-state-with-larger-bounding-area.snap.png | Bin 3194 -> 3071 bytes ...o-match-checkbox-in-checked-state.snap.png | Bin 1596 -> 1422 bytes ...-to-match-checkbox-in-error-state.snap.png | Bin 5500 -> 5400 bytes ...e-state-with-larger-bounding-area.snap.png | Bin 0 -> 2316 bytes ...h-checkbox-in-indeterminate-state.snap.png | Bin 0 -> 2247 bytes ...to-match-different-checkbox-sizes.snap.png | Bin 3647 -> 3488 bytes ...d-have-to-match-disabled-checkbox.snap.png | Bin 703 -> 524 bytes ...hecked-state-with-error-and-hover.snap.png | Bin 2435 -> 2318 bytes ...box-in-unchecked-state-with-error.snap.png | Bin 2428 -> 2311 bytes ...box-in-unchecked-state-with-focus.snap.png | Bin 2552 -> 2409 bytes ...box-in-unchecked-state-with-hover.snap.png | Bin 2440 -> 2225 bytes ...match-checkbox-in-unchecked-state.snap.png | Bin 2419 -> 2230 bytes ...ckbox-in-checked-state-with-focus.snap.png | Bin 1814 -> 1821 bytes ...e-state-with-larger-bounding-area.snap.png | Bin 0 -> 2532 bytes ...h-checkbox-in-indeterminate-state.snap.png | Bin 0 -> 2435 bytes .../__snapshots__/Checkbox.test.tsx.snap | 128 +++++++++++-- .../checkbox/stories/Checkbox.stories.tsx | 149 ++++++++++++++- .../checkbox/style/dnb-checkbox.scss | 172 +++++++++++++++--- .../themes/dnb-checkbox-theme-sbanken.scss | 29 ++- .../style/themes/dnb-checkbox-theme-ui.scss | 26 ++- .../__snapshots__/DatePicker.test.tsx.snap | 107 +++++++++-- ...ave-to-match-horizontal-direction.snap.png | Bin 48626 -> 48436 bytes ...-have-to-match-vertical-direction.snap.png | Bin 58464 -> 58270 bytes ...o-match-vertical-labels-direction.snap.png | Bin 63348 -> 63147 bytes ...ave-to-match-checkbox-label-hover.snap.png | Bin 5518 -> 5321 bytes ...tch-default-form-label-with-hover.snap.png | Bin 5518 -> 5321 bytes ...-have-to-match-default-form-label.snap.png | Bin 5510 -> 5339 bytes ...have-to-match-vertical-form-label.snap.png | Bin 4871 -> 4719 bytes ...o-match-all-components-horizontal.snap.png | Bin 17550 -> 17076 bytes ...-to-match-all-components-vertical.snap.png | Bin 22530 -> 22155 bytes ...anken-have-to-match-default-state.snap.png | Bin 16025 -> 15418 bytes ...e-button-group-in-vertical-layout.snap.png | Bin 11082 -> 10674 bytes ...h-toggle-button-in-disabled-state.snap.png | Bin 8762 -> 8529 bytes .../__snapshots__/ToggleButton.test.tsx.snap | 107 +++++++++-- 45 files changed, 738 insertions(+), 80 deletions(-) create mode 100644 packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-indeterminate-state-with-larger-bounding-area.snap.png create mode 100644 packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-indeterminate-state.snap.png create mode 100644 packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-indeterminate-state-with-larger-bounding-area.snap.png create mode 100644 packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-indeterminate-state.snap.png diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/checkbox/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/checkbox/Examples.tsx index da78fb4dd16..1a4ecf131d7 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/components/checkbox/Examples.tsx +++ b/packages/dnb-design-system-portal/src/docs/uilib/components/checkbox/Examples.tsx @@ -73,6 +73,20 @@ export const CheckboxBoundingArea = () => ( ) +export const CheckboxIndeterminate = () => ( + + + +) + +export const CheckboxIndeterminateLarge = () => { + return ( + + + + ) +} + const ShowBoundingArea = styled.div` .dnb-checkbox__input { opacity: 0.5; diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/checkbox/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/checkbox/demos.mdx index e4842713633..351a3942664 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/components/checkbox/demos.mdx +++ b/packages/dnb-design-system-portal/src/docs/uilib/components/checkbox/demos.mdx @@ -11,6 +11,8 @@ import { CheckboxDisabled, CheckboxWithErrorStates, CheckboxBoundingArea, + CheckboxIndeterminate, + CheckboxIndeterminateLarge, } from 'Docs/uilib/components/checkbox/Examples' ## Demos @@ -41,6 +43,14 @@ As for now, there are two sizes. `medium` is the default size. +### Indeterminate state + +The checkbox offers a fully controlled indeterminate state (partialy checked). + + + + + diff --git a/packages/dnb-eufemia/src/components/checkbox/CheckIcon.tsx b/packages/dnb-eufemia/src/components/checkbox/CheckIcon.tsx index c53aadaac5f..6c670c03d3e 100644 --- a/packages/dnb-eufemia/src/components/checkbox/CheckIcon.tsx +++ b/packages/dnb-eufemia/src/components/checkbox/CheckIcon.tsx @@ -5,7 +5,7 @@ export type CheckIconProps = { } // The new checkbox has too low contrast, as it is too thin on web -function CheckIcon({ size, ...props }: CheckIconProps) { +function CheckIcon({ size }: CheckIconProps) { let vB = 16 if (size === 'large') { vB = 24 @@ -18,7 +18,6 @@ function CheckIcon({ size, ...props }: CheckIconProps) { fill="none" className="dnb-checkbox__gfx" aria-hidden - {...props} > { + ref.current.indeterminate = indeterminate + }, [indeterminate]) + const callOnChange: CheckboxProps['onChange'] = useCallback( (args) => { onChange?.(args) @@ -316,6 +325,8 @@ function Checkbox(localProps: CheckboxProps) { + + diff --git a/packages/dnb-eufemia/src/components/checkbox/CheckboxDocs.ts b/packages/dnb-eufemia/src/components/checkbox/CheckboxDocs.ts index d04296f3cd2..877eb8d5b84 100644 --- a/packages/dnb-eufemia/src/components/checkbox/CheckboxDocs.ts +++ b/packages/dnb-eufemia/src/components/checkbox/CheckboxDocs.ts @@ -31,6 +31,11 @@ export const CheckboxProperties: PropertiesTableProps = { type: ['string', 'number'], status: 'optional', }, + indeterminate: { + doc: 'Controls the checkbox indeterminate (partial) state.', + type: 'boolean', + status: 'optional', + }, status: { doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.', type: 'string', diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.screenshot.test.ts b/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.screenshot.test.ts index 4acada7ee32..ae0e4d696bf 100644 --- a/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.screenshot.test.ts +++ b/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.screenshot.test.ts @@ -134,5 +134,20 @@ describe.each(['ui', 'sbanken'])('Checkbox for %s', (themeName) => { }) expect(screenshot).toMatchImageSnapshot() }) + + it('have to match checkbox in indeterminate state', async () => { + const screenshot = await makeScreenshot({ + selector: + '[data-visual-test="checkbox-indeterminate"] .dnb-checkbox', + }) + expect(screenshot).toMatchImageSnapshot() + }) + it('have to match checkbox in indeterminate state with larger bounding area', async () => { + const screenshot = await makeScreenshot({ + selector: + '[data-visual-test="checkbox-indeterminate-large"] .dnb-checkbox', + }) + expect(screenshot).toMatchImageSnapshot() + }) }) }) diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.test.tsx b/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.test.tsx index 09d60ce32b5..ac4200ddf1e 100644 --- a/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.test.tsx +++ b/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.test.tsx @@ -261,6 +261,48 @@ describe('Checkbox component', () => { document.querySelector('.dnb-checkbox__input').getAttribute('type') ).toBe('checkbox') }) + describe('Indeterminate state', () => { + it('renders indeterminate state', () => { + render() + + expect( + document.querySelector('.dnb-checkbox__indeterminate') + ).toBeInTheDocument() + }) + + it('changes to no longer indeterminate when clicking indeterminate state', () => { + const mockOnChange = jest.fn() + render() + + screen.getByRole('checkbox').click() + + expect(mockOnChange).toHaveBeenCalledWith( + expect.not.objectContaining({ indeterminate: true }) + ) + + expect(screen.getByRole('checkbox')).not.toHaveClass( + '.dnb-checkbox__indeterminate' + ) + }) + + it('sets the input indeterminate when setting indeterminate true', () => { + render() + + expect( + (screen.getByRole('checkbox') as HTMLInputElement).indeterminate + ).toBe(true) + }) + + it('sets the input indeterminate to false when clicking an indeterminate checkbox', () => { + render() + + screen.getByRole('checkbox').click() + + expect( + (screen.getByRole('checkbox') as HTMLInputElement).indeterminate + ).toBe(false) + }) + }) }) describe('Checkbox scss', () => { diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-error-and-hover.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-error-and-hover.snap.png index 5bc67454d869551be4ade03b3d41b350e8e4f467..efa85663dbe2191c40630db3f56fbcfc62386094 100644 GIT binary patch literal 2367 zcmcIm`9Bkk1Kx7XHFAp$O%b_DZ?CjDhvr;vin&6{OUP@+n0q9lxl^vB!i42MqLo~+ zgfPP!#V|*%ntlBf-yfdm`8>ZqKRnMvMBA8y1!M&P000ui;p%o2$Ht%SB$86>s3 zbzh6=9ub!*(-@T6n5_gQCRBZvHU(JMY~62ou1EHVrf6a6KE37#btwy<)8)$V6nGsa z{rR-$`3iTHQ$Cg#LnvaAG@;4no2h@%-wKNGfi@Ug#N9Juzl=*QL8$o=l~EhoQI9pG zgirpYFn-IspRBKvr8VNm(H`rvcwFW9&uS@10`%udDf=|`DheOUD$}%k4~T7ac~jSB z1I!)9`mx>y&l$N+sTRYr!mWAK)s2a!jZn}@7UcA~99jf zPrP4h6pAx9>5biNyPiXi`EAZ(g-hPuJ4on?mUN+rl4S)G*_)$@B^MV21uf>+I)r3n z{?hht1`e07WnTuqOidGb&z#a6)C6%pc8o|zgH?I*#5XSoD4y&P+pnSO5b9nx3rXi; z)jwU1Zj|c4?NMuPWbpA54I`X1Lpi@hWaKg#jOp*hWl(254|$_7e?9)=jH3ISr=c40R{yHU9+A|niz^5Dd}g! z6a=OAy;+_?53oTJt^iYVW22$Pii-MlBPe#!OylO<7BvpYzNa1Zcft+K9KgS-<;ANu zA}WWP!{hXk;fId^un#*1>Gc7n2Azr<^%RP6SeOp}uv#`8*fEKVerKe(nEzk5f3oAU zab*gl`kBtfM#B)Y!XIb2x<=b0{V{|-9LBA$zddC?O=0tF-ovqm-W%s?EO`Ixvq)Xj zJ#thQ0;kL$XMSd3&h)8%mr<0N*h=8)g%TtkQYQB`*d;yB!_EYIaH?5%#3wyvg;=Ni?TJb-)631b$)25B3kyp9 zyWa;7qYDcOlIQi2R)f5eQ7!i`^p)O;xFN71vVY!AE6^JoF!)>BH!MZGi{`1)w+tmeURxBV{z8a=^uyN|e} zj%%b)?guXS5zEiGE0{4Ky6^9f@#lWMdPf4D6uCU?ZdGy@MTtXB9mO7g!RqQo-T!85 z8_f6VQ`r3X7MZuQa#_1V@cZ&xAbhV(`ROx!0()X{*@Zo2XApGV|Jz z5s!>)AFqBHEJ7a(g_z0O#?6MyWk<~6-sRTUpWa=w1U4P~`a8*YF1KR+VMcscEC;CX zvY5$u7LwcPT>JR(%jFSF--DkGqOwwbQl`J3f4d>6T>hYd+8iRvORBdbLddtO=|e-ro($p?@y8373h1{13gK(6 zQ+~cn&lHw-LA=b@r&7>4qxkCQ74NWc2<0x(f7G@C5HwLc?pfTjCaAdntv47}dE;LJ z55-6~+0i#OT36a#yS%_cLOW zCEzx=TNx%VF1G7^K{TIE4?|mW`$W22dTtfNMd(wO#EBE*8tbuKcMNV4sZ{0HnUjNR zkEBgzQ1kZWS=C4a9h1s)pvL|6KR=hYGQkL-?bCt5KgGnB zm6g>&Vab?!Wc{jK`#UCDoA4h~QLF9|DaoutIP;-!f~4wDz^cm!nnm~5uTUTA1LG|M z_Z#qx`5@&9_Yr1vZ0wyBbFhF$##(X@s5Oq}eEdFO62d-=oh);23OuEMq?_zpmnw}M zry-sqGnfN;!-@mI_AlJlZC_klTNBzOFbL=gcdO%Kz9<9zJ-Rbz^(G_t@)c}!vRQ+X z^$_^SqYcT56a(nc=MfNiObnj)Fd~*6T3aQ&;&o-hKI~7+2ZSQzk5#B>LT+$M+1V_O zOy!Q$QWKb}hMl}rONQ|A0D46I`ZUPRcLpS896XQyaYF>)ueLvaUNrAj2y5rfcjM5t zG_wx)4NRzaQyzx$xXN;RT1>dat(?WNs&mGio}-Kl%AL2~Pyz#D@f~jYN^Kh&3M}u3 vkEW&Gb3xkA{o@#24ryP|5xbT6e{=?1Autlj4WxxRK1KkPsSUE$*fairW08hJ delta 2464 zcmbu3`9IT-1IL-64?d31n)_;Qnkz=k@rfmO%ze%EapbBDnd8kw3OPd4UbEmr-5kh;StMrXi8e=Ne(-($NR7@7X#@51Z{VFf>*$i1@&??B z=vbw^vk)zLMf{CHC5a!q-PuI2v0!>{m3Cg(8ol4r}pRKtSB= z^s-y9h%nC=T&jg?(1~(nha5}=?W4w>qB8=;buPQY;N zxse4zZ_8}Ds%HR9`WZg{iP~3e@12bXA*oraw)U#hvuB|bsbKD`#ar!xSkX=;{d1oK zEEe#$Zb965Tf5y@sQ|p?a#SLra#;dzI?BVv7mf)bR;5x{q|L9V^8k+1`%Wm|UrY3&y7+0q-R12=2 zrqzw**3>*Vt?u0wtz;Cxmfe*QA$3Qgo7?iB#d*B`%y8Mv-Q70@s{2i&J)Gxg`PXm;3)P`k%B-j9E*y=M?z~`+q zPm-~ehnJ_hg@wh`2J7pfs;X-5ZAjwkmu@K^U+MRs+9ozT-QD&e?G8(egL1$?rNu4s z*qDfn5!OFWvgsh=6EJ*@&D6=2J})gQ+UG$?+P_lxGfr@(bUd(t%29N$>Ou4TRqvlW z474<|JS)cfo336mR8TO;`jB3Z!z}l{u6Q8vG@(P*P=; zl44R+{8eXe&5`6VQ07@~GAm}1w3o(^%6JDJ%4lfdE-Eq$nz<-@)a(ttniQ(s8At0+ zFOd=0AQ(?xjjzZW9#+qlHNo4p`S2L*4w+)t5BRoqKF!Ku{xU-#+#WSI_iOc(WH{7{ zCFL(9+_coH0dmK=+7Rw%T}r@?+ytsTKbYr$0z92lvq*Pk$jV8Ig5_#FNdu+u8hJ#B z%G<8;k#>~bjvxus1D#Pp>x5kfkhq;}5<7uPq>UKf2oqA**zgB?CZe;WJ)XrY`Qfbj zQK$uSekyBpYMR`3v;n;=BGZC96gF>#Z zlZHDJ-5yVoU~6k$CoiwGaYYU4*3lCjPPSFyWekl_od=-#{5Wn@wDSsTXOxv0!(bVe zgzYEWoy-Ydr#A!rFeYsxRirifE#7g@iSX=j@?)K4Qb+06eGJiNV& z;PMVHPRgpz^I8oO`DS<5Bhq^71nhPz^1Jl)FWK4_O(q>vY-w!qbN*lIvp5k=bndh! z`zVsHM*;CwgwF-Mg7&{3!PV89sxG@*bU1vBRl&M6-4kW|VIyf`S{EUEa~|j_HjnaS zYnH9e-s!Qr%yg_q_VdaeC|pIU+Ai3Z9%arLCv3n5dQ2oJXEdhk3$!X^^aFIK%foZG zSF~VSX1};Wj$M*9prxYCEoU}d?M6CXq4(v}?h5?oLX8jW*lks3VrmLnY0ye}&XBc9 zZwjy3=t1>Mw7c4jO@1=-2M&|t<4xZnSN?nUYHaBggN&r2$=8djiCfi%)VmG1gaj2H z1NHA{%Zru@%iG`=f6ldb2|*wlhQ|3;YkOI<)<)MlhPt^-d?RynDUJ3|BX?XBRo2PVD`8l~qPu9}i6SWsD;^8KxaNUWMm_iCb8}SX0wFr{odDX(<%A zzIk1o#7neX!b8XJD5pYRkqp~z%O~kIn z{&0sehE(OMp0c(7B?gIIUN*Qdqkd3#JJ4WlU;UW{1zgaTF*@oKe^w8+!W7Lp-l5dA>xXN!FIQTSZRF$RNiWO_)>LgT9{A$&fsm7mV| z)d2tG9e}zj+<({%+;=a|Nz-O-3F+V%oRlSE$@^Bn9aX3#{~W0VTWt1kSlJ&M0>~7c zekQWJ?lD1>ug0`n_kGMf?a9_`QIos#DmKTET;tcln;1Y3&u0gX?9o4LATl$`dQZxc zt)(r=59S*+QW^|^01dsnW6xuxm>)UqfkR$hMYBf*e5S6(4w=#^4krE8JtSBCc=f3m zW2U;%x5@rI4qmP3Bh>adB}Wu@O(vGPIDpaHlztQTKs{PaHQpM O{GK(+!LsFoKmLELle+W( diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-error.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-error.snap.png index 72c6e4362a60cf7eaa112ec665f2469a9222b028..e7ef39a7cc16a35cd9c473989979972203a514f6 100644 GIT binary patch delta 2329 zcmV+!3Fh{c6QdH4BYz0$Nkl)#fLjgBPg3VlfoaHCzdX4cgP($;YJ zs;_KN0xwtq8<+Qz>f#nF9K3T-=V{-+Q8;u7 z3ku&W0-$04z$S4M>Lu-kgP*yyb8BCvs&Z-uaV*?^UOI zGQj7RlDqt4V1Wa$!sq`6fAi)oR92qEi4$ML&|nzs?0;=BVuXRzfP44uM|fB?zOOq0 zZS4WQW>||!FT&Gv9@a#Ls_Yrf&Hu*l#@iw>aXq}e=L?qm_`%Z>kX8kP3UU5I9UL9(U~OXs z4Gj(Hx;uC7prWD*M~;+X=+Gf>cXPrhqmkXhYkytcMHC+?#ScIHgy$zs!2J0x=-00w znojTd^2;gVW@?b{Y6iZ~ujPkNd3>y42CQLAwg14}E z4u90JIy%}ocI+fxdBqh;$(>~*{f|ZdOG8jl@Fix=egUVd&!VHF1DTmSG1>C>Y);|l z#aO&J0KknIExe(-r*Hs|}d{vM+`V8H@v2yBOT2re?U#TZqQS zYp}JQN*t_|!Oi{b6AT*kG<(JpzaV^0o_}L!XM@((R{ZiyJ*Wfq?K?g(1IYRUhQ4%~&=uAzl5Ed4QpcVH^OZgI|;G<*0;qU)Co3(A*2iTsHhHuZ6vS^W#ybBvQ zCgSKfemWFOp%#)c+LB`5Dyk~gefw;E49rG=`hQ*d)##DAQJ z<`WX|fkFQ8^jOTElYMXx1`i&@eqZ$3G6L}u@(VJUBT(mCD)fLTeCm&AXcn+4+#nD;O*nlgNDlg^RFN34zNOYSNw zs~Olsd4Gka<@4-x>g(%a=dJ{)n19sNeTZBWiytpmqo}BaLHX>^Uod6LB#5;C5s;I?HzLE96x@TgzFq6C+);{=Z~|nE^koq6ymL0w=r|3HMs&(rT2gJ z$un?qxnHu%EFLv#1S+cv;p4p&*IQbUmq#Mw{qf|3mxOU=+s@v-WIQZ`7XY3vwVUb2 zj7*a|*%1{PhY1tS;pO$R+<&aTD|l<`DHvxq4UR9_ld${d|Hv{kGr^uc8K5%1`L>kY z+nu3Xc2Mwl@7}|oB7zVW8qLD@%9Vd))6SeZhdD1TKx9-XbBeA*v%e zA>!kbk@e|rb`7+*wZq)p2ClAiuzg3IRCDUMTBPqltBcL?DcG`QJ3IX}3ea)s(q&As zbm#-gU03)NJbi=LQ-2085Iil7XxTQ9G;h|fi-585D3p{`U}tJNH2P^EKR=Uo>J)`~ zdg6vK-^JO7^$CJQ-X`VQB&3qR?;~Bo!opAS zths5ote(za=;M!?n)9rmprCPr*JcgBJ*%E^laP#Hx@;04Lv`IeX1z1J?p(vlA`49H2!iWMS>ukFDC!of>guanI??{T3Y zNK)wZ6>W75|MaRC-Bvhw3d)bXR;8z2m17|3Sjl^NqsnK9Se9_`)OZyB`}Fhbi@=p8 zVdkXaeSe&BXXj67^bocawO*|n@M>)$^;C|7S5K}Awc_9vnn*n-aPaEMRiRcKyh0PH z=L8O3J-I5>ii1~ZBK4fW!K)`%g<5g&3QeS*6F7MF3B4ql;&)N=v{ubx~LYQ@1T zG?98v;NaDht3s_fc!efX&j}p7dU92$)qerXauSu5w}&&g00000NkvXXu0mjfuDXo; delta 2443 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 B-k$&f delta 1675 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 delta 1580 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 I69O*(2bE>(kN^Mx diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-error-state.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-error-state.snap.png index fb164983252b63dafd32248111bafa02140d5aca..af97d65643f1d6a2ef561058168558c476317d85 100644 GIT binary patch literal 5400 zcmbW5_ct8g)5n#y7OR(7BD&SP=&W9XtP-NP4Iz3BS&2>%vHC`D(QDM`eHTGQ@Imz6 zLlFHd&!6!8aOeIobLYJ0%$$2(_r8bgX^;{#5aZzBkZNhF8r<)__v{3k9K3SO z5g9t^nlvbj#{UMK57IQf$6T)$#=J9)^n7J{K*`n;{JWzfD~bMwwmHz74wQDvAv zrbfmLcUKtNe@6g86gu1~M&>gjqO~{{Z3M0NwaU}FRSJmY}*x?SwyxgF2Ly85hfd0m1mP0+Ic;Foz!C3*fz zKKs!DwyUR>pCM)1RB&Z9A>9KU1`LX?i+o|LUk)72l#VqxOzW9%Vcq&Qhhk^Pz?<*yM*_z}1B0*Aeifp(KfjU}w}E=`K&9gWuD+0xDV;#lPJ^@X@k zy>CzW`;MdY^C7O@oXvPP2NQmSAA(C?MjLCK=BPNelQDwlEBz!KoLODnVH)t-e4@;U ztt$mP8!b!i9?PODRAI%ynpe zo&Ngz-{5sq#h~f)Rza!{3_rsvUCl`+l{#bFWJS5hpflYJvYw-S_oZ1v9jjh`*@RmL ztZktX$<=T&QpTxauCNAQ`!?i7BFzZSpyq!TmTy>)@7cnK6@;a{RB_Jsq=WVR_B}5r z-CrNC5wWqG@OWOA8Wg?md?fceni{I-n3USkeYq*^0*;5@nJT&&%2!n9<%Q78jAWhL z2e&>jFcf0Bg^Ld*U*Oo<#!}SU$)7R*#cg;sJ?Z{!%I42uBsdo988=G~2*4rBDLH8T zgs{>3@?t+VUAX(fTYIahfD>HhZ84n;1xj`evJHO$i{^*JsZ|4q?>LSvUu-8nOP6>h zLdLX!rH!c^)r-e(sk=E^4V=efRLiICRG5!dlpO&DKHKLlY_ezcT}1uY)SM9Hje1Xi z0LXnaig`LuIpX-*T|Kg0wUOyN<9MN#%B{J_k&erJ4e4Ogc^H>Ar5W_LIEtk#E+@;#1GcJn=8c4`pHn@yUqwH%X z7vx}}Jqma_$66e^85PP)C?kDAV{&FGlJUJQfVv~bq{@Pb&qQFTii>SUHe3fC_9X2o ztDqpR3h-*F*fL{0U+u@wdRYDX{9*3Brr3C{l4S>9 zZDaC=8LB~PjO1kwc&{xuOY`b`m|p;ACk6!&7547QH}?LsyBXJVqD-8r_Y7g9U+iXi zb^NSTH)8{th8+sbughK?e8*)7Wq8tKvQj;{YH?vi#NMlTH{buoaqN3u7%BQGWebfF zEhJgi!X}rwO_4cfmQLVh1anMRu1L$Lm%qwLW(~7Q=)xWD77AKrBa+6JVDsdeG|J*C zuqy=o6YOlCW{j7oDEFVBn*2tlhb=22gfi7Sr0CelHTc>7oZ$;`9w@}c#Vj}e*(>B! z5jzqow^%kjRQ7nPat_aU^S?!EEIB+~J|F_My!g&Kk?qR1=dTmJVmG1vVEj;rfTHMR z*?)0+w_5Yi66) z{*8`;lWunj_^4AjPyPiF5otY#)Z%h#r{*RtXue&sNJsbi0gHO1Wqc!=rs4DqDeI@# zLCaM6_aj2!Q{%t7Nq>vGK*Q@A1NwT)l;t)!;HL2_FtsILYwz~fjotIWf>-gd#0VRn zWIOn=b$MzLE!$afhkKh8@LKX<>0>5~mKKl4fdqZWTlS@G>EI}X|Kvxoj(v8077bqP zpLNi>fSG~b()K{Ifz`o}lq%3UX_XN*6OtQ#eI&x>H7`;3tsu7-2MSyvWtb|2r>u#l z?%s2!YxLQ=g(z>KK;GVB3!yRyoAdqomNeNBNw>n2z;yfea5lA{uaKBs+vN!ynYrlL zCu^*5x_z{yJMV1ctN!Xuc}E+{lF=+nP1{}j-T`;a1Nx^o-}*F|(d^FV;%K8gFY_Gf zeQA~aH|LLF9^*QXB8x3PSL&Y-A$L(bpH7);?}4yd#{XEf#GE zn=Cs8fUK#pLU6I0#?Lse^~!iO|Mqs1t%Jj->acRR2lU->adCfnE40(M|3n*~YNzm( znXj9lml_i8YFr$z_c>RK4DHbJzZET+{@8RlkpTYm7&=6B4+VLQ?eizm%B3Q)-iqcN z1m^3*^3R<5KYU^@;?g%}$$gABfz3r$;gq7g_RzB>^9I8)1_oqKy2eKT$M6_?Vh&A0%!{+aB!7?q%dl= zwfDg+VRD<#;%4>l@)<#S8I|z!6L0FD#Zz(uW&0&H7ClWp*>%w(#!B^qZeDY7M zx#S4Ud>h@Ji)k?x3w0A~$;_gP*pVtv04s~XsPM_wgr^)3iz}%GW)s?6xXNuk3Lb;xeNO5VZBF{zjN&&UB|Ql==-BG(WVKQl_aPgtZ9I zSX*iOHm~hxtwvIUQoydvT)nzwtXaz}!aiC)5n#`*qHvZ&_Gra5tzhg*tR--j>x@Zy zDCtX$+CW9jAE@37CoWnVZGmVocx@=VK!2gMX^Kdn0#a932XBqVSEw+fP2rjT66O8W zNJJz=;|P(iKQ+GN;E*ml8=L$cAg_MmvF>V7Oy<|m99mp1_W9%Q<(mfPa$_f zXDnQ739IKbsj=UlE-`#!x8U5e4~~d1AYoVWj4*>hv{M4fjel-4)>Ieyeb@m#lE@Sd zDiBQoN<$EZ#PM$<{ZRk@lOEbk(UbRRZng6|rnDnQHRk)( zs<4y3l-^rrY*Hy;)Ebk5Z(!)H-CaU(rMIz#x+Rt2S$&U`G}_5A|Q~RiJ_mRy1RQ%M)tPU9o{E`6;UfqFAFt2 zMlr%J6EqevSLnNpqSCS-m4rP5m)(`EL4Hh?SAR6_4#HBD>yBp<^grt}>@TQPe z&%g!oyZ1cp0fe%uf|=xV#sYuchnrmbr+&ThwE4w*dme+~)_Hi#wYpQbub4|f>2BOb zKVnr&#ppj^gRnM{nhnw}Z(~z?kQ7=~yUXu8UA=kNBf{3NHp?>wZ|^*q*ORqZtKZp= ztW^Oz5Ykl@6&DnhGeYsj?!E@b_l(qb2#dqh5iXLl8L0zWd|GR&kq@>d|Kge}< z2l!E#lsQXi&1~>j#G{QUAfmU}zQOn^L_WXT$#l5wY3n6Hu1MwR2nR1OcLhF`<9p6099z$Ns+R0g5f89(;3A5EcV54>%43TnMl+1t2pGB3q@4e=~|L5>s zR}hkA)=W|@DbTlj!b8BU6Sq^<9h&qF$N0{>>wGyD!)(A2H>MT2X!v7E-WB*Y$tl%v z2<0yFZbi!JgcB-SLai-P|7A5;UdAIAwp7pLoT3e!GUXF3nu#g(>B*4`in%<~OP5u^ z3EFRU&H@iVR%1i$Qce z_Krbbu83~XWN+$b#>{lNo&dM=F*s!i4)(Zjs6p=>(-;mU$eN&p+G7)T~x6 z*|c%gkWjlGkVQ0bR`F3hZ}cS5%aM)Jzqwoj?rU0C>Zfaz_bSIeV3ST@t#mB5BfxrT zSkz7l@s54yx_^oNrrlp6{Fv26?N#q;E-@Is+-u|V@_8E^8v-s{u=_#hTqMB1?b@6& zTc$TzFbu+kfG^~ei%I8WPnP9f|2&<{QvSUgpss0KrCfBcBuQ#^UD^ z+ezGpBcS^R_k)v4teF3iQj{s3y%EVhA2rxeNp9ocL*1qDuw9%pD+?x+A{z#R=1hp3!HxPw$-fqIfbs=9HessGT^%d9_FT(r{tqDRHUt0w literal 5500 zcmcJTmVrpP zTm1UX{q}Ja;xvb^@8_s^YY>4hPN~ZD+zi8+KD`` z97i0W=y{x3TpBI0XG{PjSPLuSDNdkAh$upNs8S7HAEp8e=Oq!X^G>Y|GS3s7D)8!S^6c~ttxu8 zc3tp%i?Fda(bgOVH*1*zbqzvFOcB#{oiBt2Ge|NpOkU5OL9&`&Ccu)Y>)3R0g4s46 zU=evVBGRsWFW5gx;rk3#T4{x0g#Kcx)z29VEdDf1D-Fj=(qnPvh|#UU?OFoCX9 z&Ym?XQerNchN==crd#DaG9oQjZi$t6lmy+}%!&t6KYMgN;EuIq zuHy+ZPAqOUvRTBDsH4haXCfY@LSKv*kLY0%TBXvUmWSdf>g8JNT#grxIPT5JXS_Sc zA3$*8wk8d!HGJMCdjqRn3U@MPUO&WVHa63eb3r(J7Ah~Qj{Z>eRsz0Ew3hd{9BXpj zW^>=8eUyt_qCL7mb*Y?+@iwN-t7+Ltv2nkL^mcDCY|UTtk@0f^2NlR2|NYh_^XxSIlmXi6kW?T|NplA~7?S+2nl)O%rekf|aKg+OA)pZoc!{fDlrJi?8;Cnk=_q z*-Te(9>~iz1;7Q(x~_0HBRCMl90088gr*V}~? zD*rAgpCj zam~T;dgbOk{VLyF7DzcoGfX|7Q|}A9x{mER zS`8^hP%#`WC(_j-)h!mM;(#89OOi1=LvgU~S_wKnoST_yO^MmYuu9qc8@HcqhPhHs z><0W?Khomj4xe*7F>x9|Ly<_Uv%}56?+ulb!Pst^2fC7xpUur93O+Zey+L&!YdWv_ zORiBGJsm8oBX!8Us+fj4-wFw9d z<3#ODl`l$2rA1P_Er~RUm{;JRb}l3M(iU)l>e|G*>&gO&SS731L{hQRK1(M}`nHoN z8#@e0lV)DAf$;GdHm#qIY_H0&>d|F;^EwI?aNxMV!cM@AH`tJ)0|!}P<5Q-i)T%#~@D0;V zCvjxgy;j<}SR8P({;p{^dbGG_{qjt(m3@Lt`kRXsVIu|j%#!(ycXlPQD?7=<@E5~0rFU%z($iF=Do7NyBNgGZ8X?)`==ffLAw zQOz9iR-yo>_@3OXPA>hPe?x8v%2p(7yM}sap~JAn-68h<5E&cw-$3*c|poNOpEcEWOYJ?`gZkry&q7RxL-&2FQZg?i9O!iOimH-@bQ1I z-}LVF;3gD3|2Izeg+Lew^}K&1nir&}CpX$koRs&-cfMhtgzz+m@;LXEdl^VAzsM() zNLqx7^E{_E28j%&#~c{T(ye96v96U_^ZMn2{Z*{qele7+L2#<<9_|y!GqEg%cx@Rt zl-`5PztNt#*{drgh&Y(52R-r<~pY;Tn{g z-X!NDugJOk6{ssx)DOk{&c3<9^BIe1ry4~<<4?B_-txULo@(R8<W%Jp)ZL!Z(W!#KVbKkT(Lp@L9Sz+RVw5#4A`N}dZY0r^0Dk-9 zX)qT%!`tW|25_TWC8i*r_KRluj*DxWZHX)g88G-I^jbVXxKav^@x(b0(ly%~Eu|B} z95U)9;;SwdKd>ZgLX8jM^HBnDlQ@4WzjP6lK50*DGn-)z=AM*_wg~-j;Js02_r*U; zR?Nc;d8(#>w&aEh0WY0{5%<$zj0B)yumN4gN%Z!`TS(_Fcdh9C!u;tsOp7%^J6)Hf-NbK|XZi14g~sxN}D^zOmu872Zh2 zYN)GV!yX3D)E4pSL&ze!{A0w>=_Rndn7*QN)DVe*9w9iXonn<$4mC|uVtklNTdmDM zti#k;22hTH9pU{J2~Rom5&=VyK`N$xRDR_E>bdu>ojC3MH$XnUv4H{)MFKFA4ne+! z_0)hD4?zv-O~6x)(BDCO!G^T7sBF+UtxygTV1t~u&F2aYcksn(x8dX_gYw>d&d=^z1>L~ng;W?t`16+ykU8*8 zKX4yz7l2&ogpQMlxm|gyzPMUjakcrJackzEQi8<$7FAPMy8@M+tmy?oVwJ>O`xD~nZ02AC2IC?#PcqV&bR!kd zXB8wJY%VM&a5g?mJ=S#)z;yns*wii5?SQ7&9|q%tK-5`Dc8#l3dK5D>WqEXue!EYZ)>H~`XX(rR=(J# z|G`S@W)x$SOaG^-Lj8PguxX3CO4fa*pQ^<1CyVgt_ju#E(koV$I1D%X4+p_vPWKmf z@9M5}>Jnjo?>(~SgaZ@){c~)1#0-VX-M2lI3q{O)S)q+gB@^E*Xy7i;>O$on%!wiz z1=k#bBrFaFw)4M=Y;;)-(uLvSl04k3pV)srjCb7U?&qF;@lPrhu>W+K(@XyzpNrRA zfz5wy;^~*-mZRlnW*nyoq(Il)tPo@l5#)t1GUhl_%KGTEyiriAuxuQrR{!%GX#YT} z2Cso9acN?c$~GnPrsec<6Xmqkmuhui6y3kv_yg9I@d|$s1cJY&HT*ulU0@Zz*3Kzc zXZ{d|seBJ&m0oV}Za&f=gB+pkxguE>ijY>YgU zGK8H48VL3FD}PhCx^l1_v)kAVk!77IhY@u4{lW{P(P_n-(t?A6{nqayq?DigZxXIm z=yy+r8s#Z4hJGm}u(L#RBGRbA&aWp1%vjV`M0AoX<8r@$dyNQttm;O9wWQ$@3~*D= zk%P6HS9;{Pe?r3iTc7j4wGCg^Z|?_48$o>|<#Kxz);A6U?V>>820^H<5M2=$uL3g* z-o5uen8dGHbi@XJ3rXLaFsvNRQKP@=l?IP=ZPO1;1x2ho-NcGYXR7C~v^l#hH3|-M z0%$*7INQX&%9F_}sQ;j#+gbT9r{#nB+2Kang`VdGI@SGOZKV?}Mh)ORX~gkqkkiSn zTD(%9$Ax~*hGGOlScS>%aI7N;NFHHTpV`v2>>F+s7FwA~{+8Gm27$}KL*k4VZntmQ zc~D=0`lEG{AjHeHV!(8CXe#i7^>1eNo^j=3LSGhL~7=8ND zXk`*R+FWZgT@-j_cMOl2X)*;}ROm517?QMr*RcyN^bH#R;=G|<^WEkn;Y(ugo3mSe zIk$+Va`AnXtx{pEFZY1LXmi4#GwTswHk=G(U8o~|{?KBFzaRb2YGRT+@8(h-mt8+9 zR#p!Ti@4Q%-r_R4*j#IUmCrsFOCwN zED0KS9QxRf-5Fv>mpBBNdUW}D*?o$n(O`^LRfI2_u5CT3XPKN?GDN$uIy9{B+7_HBK>!zYZFzrq_9?mdd>8hO+#wtWP^L3 zh}$fvhwqwnQ$ARSW z89X1fu4NaNs}4n3%q>@VVzwq3%)?r}_zd@6wDAe&E9EQQWGaI4?A@pfH{X)+Lhilr zraO<+8+grF?0DP=qoKJY^SfdxK{5)2 z$i(^ll9~&4I~Ke!VTg~X`}OD6oi7kQs zaN_#4Q$CLgW@jCkvab?K)wD>FXf=^;c@%27xLXGGT&hFh67VvKVsJO{Ch(0DE}x}E zR63_*xe~l-PVKJO8UR3&hRebF}743?g@AejdHu3^fI zWCZUv+9$dw76+i1Oac84;!4Wj5^`5 z^dr{Qvenf!Io`mfrzn&I1_Cd8_{UrE@N4_Ji_{r(+Mt$ADw{z0{;%dAnHnX^XZg$i z!8b>~Gem^PQ@LnsBo~;I9xmlwL`$peMxU&VF_6(anQUA2*_uVKa8B~|Mj{{C%{s#;Qm1H##Q z#>&#?I(6>PRK5#^nTWKkV(-ftm8+%74i@74RpeNMtrm?b4pB%%wbOxwIlv6L$H8xq0~`Glxdi`MQo3U%auXdu7e`kb zcH$c7Z4YfLjCw!`x`sdP1+E%PK-dl9wtK(Kb@d4aHJ5&@5a}yX{%)44FVm%lj2q-e z?VMsfvCE+!4ZkZLuap^+Y3p(fzh1z(cb=? z6~P}T(L%SM6OEi=B{njiOzT}@9#1D=uylT$w)jls+FZnRsMZfzWJ zyFl-_VXa62x$e;Ed|rlwv1<*2ve&`?jW(dj*=|MvQ1`DcX3#dU|DzrxOF ztKV9eRaVx({K6W56q%Dgm;UhddK+8XvU-*^;08P}is3RT|ns!$HHx?MGE#pa%**MDBq+y~bv3O|(*&JqM3X$x0Zc(XuQ;*t4oIJ-o8oC56mPWgUFK8!R?1zN@V9X6kDw=mdjd zj6$L6*Jmh%vNBjgF^WhTtTJjrxM~Of9CREW8@(Gl?+agEj`~Q)Qh(=1j^f{m7q0end>>*xcu=)+=A4bS6MlYa`99<2lusx? z2@P>$J>8K%S!g@m$v(HOi|5VBVd>y2DyY-!x$aKoRtyQ&Jr%8Ysq`H>U@7|C$rcze zAptc#A4q)HpJ!@sFM-ACXn*61K_sKqP2AmO1V!bNhB}{}dqYTIO9B5PhJi+XzgD_$MQ zwin16MFfmeRbY7D+`Vt%<5i)bQ9oJZSgH5*CFq&_N8eCO)%<XroSuCd&7_e7+zd_ys$&lsw~n9cw5ttyQ*m-CnhHPg9?7D9guUujz(fihTW=PuG7e6>183a zEwUt&x_-ZL($NxcRwRsP^hw#f;mn-rMUY(`UEPih#by)E zJ~tO@*S(*a$OHigj@Fkv2RiJ~-6*`Zo_D z^qQ7w(T8$XW>|$<^m#SKulKMyx*F?#R-x^Uvb?;9NkmJNA?d~nA*aqkAb$PZLHhgo z$Q}U?>@`GMS|Yikg729uV{nOV8jQu!(`#Cumj=ye>h;h*OOlmMzSEov*R~?peC8LU zI~7>#mvSe;$g2sY(QpNwo&h7(hOw@$@Qsv4zw+SJ{z6@S8ENQ9)!r*!ey%Ql_lN#p z3|xduwdEQyWgpTE{R7@aGEjOO)|kp=>pae3K|BFV`s!dhV! z1|0U?m~hTIIcDNcLrcvGAj$EgX%~66GU-~JnH}gkpRfGty0)anyha?^l%RFMw39m@w*T76PoZ-xMb*(=UY$lDRej)@;4i^|C4 zSWVY2xg5Pw(r$jn)?z!D<9G%I}UNHC3myvqCN PQ3!SbAApXIjvcA>!0=z={{_O#_>bfM>+k94 znB$NSV8(tnzcT}k2h2cSvj+SgVAR)Z!awSqbI*D906A_LbcY7lgbia~)w|s&=n*ipE9|5KyzfM%>|F2=Rf zvC@25@p@nz`v0!O7qPXpc1dA<|JB48rh629Ac86SC^*NmbnZi76R(L$mx1*O`{91z z6=2+B>XcWY$^FSjg{xJvJ=;cZ3XQ(MhwNKw_^5Y|kChYNTqgO(CM0w~f?EWR4&1gX zRWJ??q*n#a8{$s=M2-{pLm2_ruw=2%q2<}qhDOOUPm{!kqsc-*UQ)>7M!MJb9q8X zyM97oMNnd*&`k&`2a3ae>L`Yq5vbC@goz0?1OlP3xjEfbTnvc_W#S-HD#e#0@Kw$7=sIV*!;ob^OiTiVBV=X&yX^y}134p365qy_R`&4%`)XL=P+$ zNtyx8qD<=e402l=N(8|1d>jBFW(A~gOPYz^N6#mcO@7*Mv)z*FGr^i$u#-=YXi;<4 z9x0JqTdEh=hs>(0_5|rdS2go0x9Nz)-_-pmBaE{%9EAdFTB>5@_&J2$> zvG6+QSG3~y?3#29(rfJT;X3ypzkvq>*^J#i0}iNn*p!R-^|iI?!08Vjm%8EtNw_!V zFq+bngL5G8QPI(#*j{y71`&kMouGFW96k@%H!@BeFqsHe*XD|4%_YO0;QEc*03}h!w1Nb(0zL$xVr5#B_3}aFbZ@A z2C=gT+eLPm*LwdcNHIuDFg3}t>z}pS<}D-PYm8=^p5I10kxU*YCsJ9GxXk8{!!Lb<5BVORT_MV$>{`lCY zD4MLVP zLWjm37rHXESJ-@Fzfh01*fH)cp&pCqrN*zAWf>o=xUk)$M-1>)rnYv!%TaW&NP;cJ zndQe|MQe8N$Cp0UYr9bb^lt-Hqt1)o;}ywpKJ$kZa{?EY(}gkc$$F`W+To%|3Rv&J z)QVIarVi#0zuN06d&-Rn3-5b@k(QIY^Sncf(j?*PI0~uhe&%Y? zM&}Ohx(ZlkYbG|NCM9{AdJZ|?kaCmQ=!|nxeRk9jlLTG8s=A=YihlM(%QFg7J?p|F zldHP3yR-yo?DD*j!O(CEMu-Mp7Ye#is*PdUn7dB)7Xk3`@fDXR^UB$fJq>4ud=K~H zm!>;yACD8pTJw~z$+z3K9P=OUukUt;8T>@%xB6_&WMvup#M&qXCmGF_Hsnzx1lPpS zz{Yq1mFz(+dCnRGQmA?iwRvlin*sr4a1qZ`@b6Lrc3wb0dgWPT@gqDS%Zd~R_9d(q zlccAk0%SkidYrW$wI~wEC-AK cmv+j}-T5X}9DaKH-$9{6YM>sJ!|ibY0a{B;qW}N^ literal 0 HcmV?d00001 diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-different-checkbox-sizes.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-different-checkbox-sizes.snap.png index 6b7060a8c4d87b47f605bab2bb93836a0b39bd5d..f62578b25b45dd93a9a1fe32fa252e5d018477cf 100644 GIT binary patch delta 3487 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 N002ovPDHLkV1lBh&^G`8 literal 3647 zcmb_f_ct317gj2is8zLFO6<|v6s^Xn-FS(_j#XQ0Z;Dc@s;E&lYc&aJ39q(hs2Wi- zcB-}-L5UeY@B0UQ=X~dUKiqrIx#zjhbMF1+o+s&%i5?RJ4+9ky6_fr$ZL^EIei8TS z0T=mXDCUrg>MB5ATgyDeZu4Degpnn0cl5`4!sU#xO=%DD@+w8pLn%S}kC(CKj@4BY z;@%+EdP3D@Y<*R^m9d$G9Y`zG(^RTt2-Gmq#r9E_6#DXq4ZBE>(H4JRpZ{6%BGJF_ zBz)jNs@4DTgvNDR8`vdi+cF2n3FfV-$0r~uz~KOE62efcL1GYN`lTvH&=|y$W*ft* z_N4?1(WLp?@Jk8VCsdNf?6h3acf!dy=Zm^UgNiY^<^T(PEp|2Y9|Gq8nZQ-@$<89b z6i*;uQli=Yd)9SdAxg}|4|Xh+3X98>{^$2@bw{=t(bAiohkeNiqddzCcJqfvCEDaR zf4M;;xwx2T@m6zxc${tKNPvuLP5qF@&>oGjK;po0IIo`}o##UZm(a?>UEAHw~wZ- zgl=v+FUXeKPD9V!1M=HHWdDQn4&wI&`=5MsiYGV4EXp%)PcFX(B9nZIxltao4}#9U z*v-J^gapO00>-SEN+f1E63)776$MwJcyL}2& z{jU!U>_7Sta3zzuAUA{|Jcy(>soYl_MVW#Rj9@*-A?1GH`1s3ZhL)znqV~8c?D}9? zBIoW>U(QmPH$_+R2){a+>Q7Rw8T8Mw8s6GjI2Rzd35Eo@#f{rX;|Ue9B4s3+lmm-En=*Fw)a)Wgx~D_$#LN~$xAAFx z(AqvIEHm?lV_3JpnAt5(fULBLF|FZiCzdfPPhv#q)9pFvH7S@t8qu=GMhAb8Ki?il zw>t4LtpZ~PZuFf6U@3Ars6~*FhTAI?k@FKJlkK!n|ErH+Ri9+kebuCtD`+a zct7$`nI1j!&loV>0_1ame!bV^wZQd;M{n9IO+kp+W8-b|mVn-$G~TkO2LrbC2LYCj zDgtj@Psm**(dTx%!Ecqi<}UcEplCTl?R5Mia(uA(?Bt2(R;*!;Oo~Ov^#YCXt6ONB z9Xoumw%v32j*wVb_v|%_P;Wc#5i4P z_P)F?E+G(OAsicH(-=j|$G73auNiqSV}68EU0waqKuwg~y>boa&OOsSP31Lx#wY=m zN^glwhC9bRug^x%keyds>y%lL3XgjuZf|{@Ree%NEYrU z)~*yz_S-)><98+OE#533(-*apO)!=e+NH;US~y$Az6FJQh4u-wtostVAjw9_{0*hNAoc z8?$|;B4ti`%;GcoH*ehzSPkhf)VN~X<&|#%YfLfuwAOgDYYt*SSl`-8`+EYHs~)O; zd>oL|$_UIA=|}FrNK4Ur$)~EI9|DyeVj!dz*n8p(;@td|Wg|{MrkC!NKL6>|o5fP{ zRAFP2Q34Z1K6?1n)}EUU9rT;vE(kS5yAZ4S?gsIBYlOYXhRRRgqu&VIx9Y&-b%6cP zqUq25mUptQ>|u{LG8>z2V!iPBCk%{9!8#_y;7ZGcz3kM7EFI#_*~tgjb1nj z?n$YY9D1)GZjQ8qcZ3~mX_$-I(_Ok$_UjLXS%)Q`yEfUyU3<|ll}D8oX_>fixMSN} zIGWX-m7SOEcpQk6D4$&$d7#t(=T*pj%)GO%-nk4OiMAGkRQu76^+5l6b{*sTCfpO} zVRPObegKM(rtHgp4n64ZwO|~qU!!9{or`Sg5x<&h>hTITXvG22Iu0b4abwsFv$VI! z9M}WPSCpRH;@aKuWd_;FyF9xOJo$lJ<5&R09kuyz4T!l_W!3%|f zQDY+ATm*JelfKDJzV^AEy7xl?rd04cS9zl%))*PvsWJpj@F?2}J)1JQ4N>p2>220# zR-WucYQb-B{Z8Q(7k6ZCvT7Qz!VFNtSSw84#mVa@W;M8_k5*@<+Yl@{;*5f>V=?&) zryn+%m;Y{m@BU~IICO6wQhYy3_4crmTUYOq8v&J}4+F2r=sww&5`LjIJ@Hi`A-g6| z!M&pA8ssNqo;*D8SRoNhTEQ-{HNJct74X(Z`^sR}AEc7%H_WiAM4E@P&-=M%9^>sJ z&ax+lQpU^uaIu^W1p}ojl8o!DDCUM{1W-CZxPy~juLM$d?Eau9TRx|t=lJAmcZN{+ zcI&-TF2ZBYK(NTrYr&k(VjC4auU>_pN6jB(!#!t!S2l$ znw)Q&as}`lS^K!5GU`Pt6Pl(HF5G8_cC)6+a!@U}L^LX~L}g;SGW^Wxrh8#JU1EHhI&H)LK0*{uIi2^c4c^aza{v zU#;E61wB^QQt%}8_6rOKGR7>b|sSWvQdXmiY8osT%pAT1C%a zgICd~d~#{y+ln_#Ty`BG9VsU~%sd=Fidw}6x(kLiZk4p&RaH%{YZ8_9b%w4M?0wt6 zrgA;Ua-$N`zgu|PaDiJxyXQ%3f{(z*H@h-6Esq#K)%Rm`16`H@yfo8( z7@Av^c75CL?EP`QC|mz^h(ABma)8}$@d5aBgJ;sZBTFIsZrYyUt!TIm(G6K%5mrYU z143iH-DYif4Y8wH5oA@?Pn9iQ7^Hh932$@BzxWQ7pr85y}job*k4Jcii8>O=|q3h z`wNDTbZaq*W^m?Im>jE-c71`scA+L5j3#M~gRq`);)7d(VCx8#m-=^Uhy72mp1+Rr zKdlF}<^OnJ;Zq17t2$tqMG`g}%_TJXL+tJ(j1AlECEL|zPy1F!M5t|>|I;DKojY?qGUm3SORH%>ryRKH>cA0+PvbSk0|~QA@PhY=v;PJqm0299WiR4xsD0P$(3k z~RTEJ1RmB5LNXMLIZmzGlbevk7Phpn+S*4AYnPE(%2xXO@u>ikgyz7X>1VHCc+^$ pNLUW4G&YE86X6gWBrFG2+7C5Ev1pbA{L%mb002ovPDHLkV1lcB+^GNn literal 703 zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q1|(OsS<5jnFtvHQIEG|6C;#DR;W;c}&{tK^ zar|8d58p?Q6p7x07bRq#C>qRiVXtHnEV-A#BgC`Fab1E58&l*)5?Lx96OKvi8{r4#2=i_7c!>dB2CF~e&C8fm~&u>4h#%8|e{;7iR z?`ju3KO}kNh|9y9=@AtL_xCwJICMldV(yC<8H=XyI^SzPp}K7HWLdX^<}YkBGBerM zotK%LV<^)fmz1P^jeReBV(CmXgO`m_CI$^_kH}1tV+s9Yz3qMCj;gP0%x5O=@H(UT z+Hu0+iMBtPZ!jDWOXADqSE?2|atz4Qk zd-LHL|2{tb6Tu4p>tZ%a+N6AZcb9$AA5O1n3lzIQaKx{w!AKvfRG}G#Bs8_ zs;is;01(Z@2yGqdwEB$OI@<=?^S3z^QfhrJ8=-dAd~Cq$A*Y^fW%S!?dZwbum@h6q5=-6s5(Fufa```Ap@SM|i7qQr^QF;hMEyT7!2 z-{$OY=HFxfJd9w@{Rr8K@nCZWabs%aJyJL~ zo$05oV$lH?%J4gh-A0m=Sz(<7H*Qem`DbRP5C(|jyn{gp{ClWt5y4pb+;>)1SZ^6W zKf7)mOE2^c1FN2&TYg&idSz_6b>Xbev`?CD6;qXU;2O)6HzB!B7w;PW%-%px7dY5z zFuiuqT>$mv)T}-Pfbg}!l=dch?rTq*BN&$Vr&sX?IH=Zqs;_)-LLi4(4EHxXfW+Sn z__YClL+(#WJ-0WC%O7_X5gmi9#j^mLt`|v5!#t)?8WJvl9;< zDA+9u61K8?3dvI@e0fhFv~IMB4;Hi&s#g^Ltx*Z67UkgmgB&%g$x_%oxyC3Q3L>e& zIy=`jR6gY)r{Yot_(fSf=^L-pFswk`_B@M@tz0Z;B*`+;tU%Ea-Dxq9hh!68erIu; zsk`Fm+|A%qGQ{C<{@E=p;udz1S;umTv1q~OX3e6&smY^t*~q>=-di{i#X(ZlSDAQH z=?-)4v$5elwvXxconKxkq0kLwi&8vdGDgeER?4V*u#vKNvw5DU_mH1QMsfNy_)Nd` z_R`JNUPb;rBp3|V3@!m4?g~=A)app#g1s_H+~4V+CnB)NT8mT%$zj`DN^jKtE5rib z-IH5dv_sdbiA6!Aq=l?myvv#RH z=AOB;Gj(j`YX!W~AJ>s4N~>)Q?#Mz6g1C97L;Ct;r*((;`K8Cn*t!%cu zDzAHKJRU;sp5F@aZ#}ja5*C)!a*rP;Ex3C|E$uQ%2_+?|(4V#;!hgBaD2t!HHN$nE zu$jbL=H|cBX)Nnj0sM($IZm2;znepe*dWv0R`Oa~X;_z>Bpxixi9qY$)J!O%Gy8) zG%Ul1M@tWhOnNy)Cm}r;9zk|q=6wfN?N6e(hSkzxpF11<@17B9$)SZ|t^F-Z$uT}I$Jen2#W?!ee@Z}r zzQ>2&y6HO1{Y1$*;eEc&tVWIda=-1IHjp})j|brwh>TjCN>HH|F|m>|`D1`9oLM|G zhivbTM%Kq*&93xpF31HP8NtXejOO>x-tnNuuqCi}Yli&-Y~%T=MM86p2Ne}3``=}Z zYLYC!t?EQ%6tr6@NK1Q)hp!GSVmw@3@1(q;iFMdiLz7c~5aK8oTVWR9U$f;>74DeL z4i>md$f&h#(_YnI*ja&;#8bSrq05q_;K4fAi#nciJoPn1_1Gy@XLJLTZHNGrRPV|Z#RxGuC;l0*L8DCP222&^)s{C9CW zVs}cox_mwT#=F;1vC#{Cs5gOAB*CMhl~1v4l`n2D4-44NxA%_kk)uL`!@@2tB%~;N zdSB}p0l{eZD;D1GA1jc`M8uE0Be(yyg&p5P1s3GioLJe~E|4uF4r>AEKe>S}T`Hbm zqS&vc&9b&WlCrVSiH^j=S-ljFx68PineTPaB5d;N18W6S3MM}x-6p8E9HhoEtLnmp u6C8WJunNUoU?J8-Ug6$>{J(9fGvNAdfszOKzrRoZ9DoVN%&6v)OWc2#8daVE delta 2425 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 diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-unchecked-have-to-match-checkbox-in-unchecked-state-with-error.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-unchecked-have-to-match-checkbox-in-unchecked-state-with-error.snap.png index 32a5d6d42cc1ec39827415ed4e53c449390e0e34..5fca0f7c538fbe7076c53118447468436d289b38 100644 GIT binary patch literal 2311 zcmcJR`9Bkm1ID*8$&qu8$rTO7$8z6Cjyam#A34G(ITOuhVL~Lrd=!y8)Urb5Cd^gj znmZa{?kx8?U;o7Shv#`-&+GXE-cO>n6@rru$_4-cIL*zBZO=0GOd6~#XWm}^{x$%> z+GlQTXpg4No!{@%DdL%;VTUn>`H6 z+-?j^^)RS9o70gpFg7eRQ@Vo03?V@4noWz8P+9;GnCeYQOazIwMtiffVx@DeZt&At zS)^SITBIf(qKcI0t{=fgL(#q(2MFuj^iG@*^#dNzxiykvqR*vf zI1C$zKRq=AyeW5pynu;|o&IR~8`6S;SKtaGeE5w&Ner-=|4wZ{C9E$y=p+c280|WQjsr79Xmdn+JxNbre4z zEleMW0{fer@>@TjUahEt{%V6_Hhvjdh3R#sd}&og;wAfS^?R*uOeH!*J+8HngdQGF z^Ap~gcR$)VoE<9Z>F%3&w*=*rsrB5ayL)-fJ5PkRO`xhTM*iD&qy zRiaQ*Giy5L)s<$^(TfOWHf$b`9I&6At-mf5A}g=+1k6s8@Y*x9cdKQ7)KCNW+ZGw1 zQ0!bv3TL(XA-O30WjK5ZC@6^FxHz7V{}5AFw8>nhv=uyy`eG{lP=SP5vIb^DbKssu z3Z}`}CNL3=#sqKQCIk$mZ!_PuS%kf?orh*{iUdEulpx2|6{kWibNtc z!mIcZDg3Pi6DGx-Of}Ia$zZS<z<$rAw(a}JtoGoeo*+`8 z)HYOdI|66iu226)!$zQ+x!vj?8V1vG((N)*d)D=n=6Rtn3+wAy zWRgCO(2o^`OG*~x*?P(GoUK{9UC%#m%_bC@Atz#oDB(*ZtBb)8y}7Re($j0;UAvvJ z=eRs|hk$k$*Y|ZC<|VTtA{lY7Uz5jkE1x4cp*h8K+)!v@an}Wpfdb&YfPi`bu+>q> zqg~kV-F4@2r<|D;bOM+*x@+cVmz>g&Sb{r$T?G>bj%~+42aZFUR||8Z(B4lJ71%sJgn*$m8Rz zl@CNlHagk^76~*9r0@l?-UTIF3JRWLqBg=k?f5=$vz$;Co^#S6xCp;fb&g7sLO9Qi z03GRDTfVcyv>snjMP0H@v8l(0MeU2sNUyn0RUx_`zP1iG>v1ezX1^)urIXCY5~=sCm;7D5QTQTW=Wa`>*zzANhF!pp%9_!fLqkx z>1}fzS(>3dNg#Ye?uiTZ=h|qBct8-DeQd^KcjsyRpcwYo?xvx`h)I<304^(QoBYLJ zea2%WWj_unA35RcnlLl*RbQlV6;z>j%*P?>*H>IftWa0~6yHSF*x#2AQl|C>aNDM1 z$W%OMU&g`~)WSF~zrcrayk~9i6!Xa^^?E*}m1vj{KEIZpZq&%`n>r`=WV!(_4hA2M zgoK20&9yKt-u8xFUJv@O+L@^~W#kfp;9}#H(Xq-iQt(fTUpmfFnoCrPC3NwJH`+4# zaBJzUlZtLs@{6mPe=|Y}kX6mPhTs@<|Hk;0;dgd9s&9Kj zFz(&{B3xX8=ys^`1uLd^AQD~UET)2!xL6Y{+k+*ZNFM7g9hCgxIa-okTVip<{ z9$&mI;r=y>FIO8w1LIY+Lkd3n-E(ciE0YHWOf?#l*z4 z1M^jQss_yUl{;~p3LPX`R@Z0A_M9Q=Rht;gqi!*lo@dNB#yIcyA&VXOcu%|mE=%49 z71DLfKu?F*Wv!3^V6e~YBh6;wf|$Nv>F|0hx`;86?ny{^-IS&axH*XUHW>S5>ilmY z_A-+AS^j{YX39JOJ6uL`25-59YuOT&e5f9Zg8EGapYD`=5{HiH$1*2F_A^!wUN2jE nW&sj&`R%J{=|kC^`fdwX_# delta 2418 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 diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-unchecked-have-to-match-checkbox-in-unchecked-state-with-focus.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-unchecked-have-to-match-checkbox-in-unchecked-state-with-focus.snap.png index 83cad304f85335d44659656156aaa17ddea91325..9997a4b6612e84dbca36e4c8d0a39bb09aaf6d29 100644 GIT binary patch literal 2409 zcmb`J`9Bkk1II_s*<3N#+``iy6v@VeW-HgikX#XS3tJ@2&1319%rRHWkz1t1TwyiK zQ78<#;&ETOk363KgzpdE&+GO1e13TU^7-+TY-M2#21)_}007w31a1AhNxu!};rg8; z#FYvFfcJta8fhEmvX)Dv|JvlY({6jN@ zF_!Bd`I908+xMWiEQ_M3eYW1F_yfEPl#PMwLuWO?NpqpYj`^+4tnASD6T#7A{=3Hc z6OJ1ZBgfIv8=i*&^;C~ofj~9{#A+6gS0AebkP_YulyJhKP=0=H?<)kpO=dx3pRE@s z3FYZreSkzjAC6-@?eK70#?V9Abo&1eGuVwSL~H8-s%>SB>|1si8Gba8eMd+3)R2!S zi5?_YdyHOy#WX1(PRWNzHc+YA+Y~(q;07DE#Lr6u6b~dTnw}507OG&IlION8S)6N%h8=Z_$ z_DN#Ui{1?4o`-@$q;zyewb7S+ecir~UPUVOo*qvBBKq9AkYFuvHmVKsy3D-&&|G)ec07 zG~M4IAMeY`DY)yC=S2%QStA!T2N&?F46Y^)sJwg(GI>s<+j0T*TVC-!)SC8T26#pY z$-~S0w1ZH7B(g;oDV#S`D}l4xyT^q6{QTy=d!G0%)Uc7JYjmGE4JoOv zZsj*6NW5}65xDl`^4}zqR@1!|#{63g*u8r?skyl+gxOvOcDCv zAk3bck#TO%d(|CViGUiOMsmxnZ}-K6L^% z!S^eC>u(pHnL+Znv>iO*N*#u-3>&vk#TeusFO}-O#vLyl%(zQD(j8B;eodIQOV5M% zf-uirbVg{s2crlge*d%nW9fbGNc3_Rt5LOOo6Hqlwel7Ly5KlvGQ$JhBT-8=##QuG zz>bblqwoKKa&okxXiMVS-RV&f(R#My!8caeLp3gnd(QH1L*g1n07ZAZ^I5rYge>iP zL40R-7eC90xi~s3ZJv41*%x&ly4orzQO|BpRTl(tiEa)XlaG#EFMju6&(Uj9>tVu7 zV6ZP27i2#j10j$imd)h*_x#q@x&OM#A;L8ZM*wxPygMjf-BrKBIO^ zA6_RV9o3e&<%hs5KHHdJBiZ)XhZXnnx{ovmS0M~b#+uf!JD-?LQL(~Px?p3_;b6mb3b%~aEP4F ziy@1G*#w_Q{{AbB{JK#Cm$mqWlB}jCDY(rI)(_txpRmqlGKFH3g_y;ynoSywc^khI zTMM+Sei&C&B%PNBwRbEim)BJWB`2R=F^UxChyIFx3DxzPYuwy;RF(g<1Q21V6?J6f z;q|i4XLfCkR9UQ8p-aSs$|TPzdG$GCbSVKI8brIlzUIuE;uIqzTZCx3{G3xBbqY5n zip(&@ z?y$$*=!({)Gu#H={Djb)kLy??BPwM$Opq*8FwZUlNOa4D8%gd6X zQ-wueQ#uH$3#wjydmbN^h72#w)l@xGKmXaSJ)L^9<15Y}K3)trP>86y_cGXL0D~-g zQBtx>AFI#h5p<}E+QmOlF;0<@Px;<*IcP}_Xhw}qkja+}^7Of+MA7UQygrWhrvC9j z`6erYTflwKR{$C^IYZ~H0G}QQ4tGf->wzdpMi?QoUN*~%I zI_>xNhxegx=>+_y0{1jp2NbR(L2jRm%RR zk<)D{DcG-PXkm3xGUc zi=wFFTZ#K#mgOx-o4%mA@{y&Q376EGKK~R@h4EBdRJt%&1pBt9qkuVc_+7{8iZ9-I z6u7fg4h`O>My2D73#>Uh27YNHk91uXXdqjLe>`k3$Hg$D0dUtSQ6{Zs;{hi}M~CZ$ z^#`A(^0niqUvxb_l(eT#Ah_pUuP;KI-`%XZ4PU&r(}NKaUdmlun`o&HzjSqAqjFP2 zo43BWcGoNpl?9Bfw^wVQ5v=q^zYrs#I4lG!fl&U}5!W~(2ypZ?$Los!8$3P3HdmN| UH5@JYeW3uRS1r)5jBdyO2g99)KL7v# delta 2542 zcmVX`ZJ=+CSb!mYlk_>-0 zvbog%ZvmO$ppil=s3Bqu?gOly0u1>hpiVvu8I|{e%l`qwz5y!8XF6yEDci_Xj1W7D zIaek)BEJPzrq!!M!8ox3=+#{|^&Zs#cB>iyiEsxZJ%41A$yc|{0y4p2vb>@A+~*IB zHEf#_%~u`!9`KH>|CSc1=huiMmrD_50h!=Xn%=P4jm@%04T&_GVobssWWU-Y?4kH< zaV#Jj9Cvq!qmV?(hrYt$c>1&s#l`1PTKYW(^#2gnHly&-NByOOcJEHc($JOoxvUi3 zyLS^;;eSTbjEz2lhldkZM1-`sho9dPR8&;r$dUc;Ob0Opw;MPL^3P)W^aW7vp$sie z4P3nV1G;qWg6QZ7Oq}Sr=h0S8!pZcP#-j~iD}EqZX)+&0m{q& z4MQUXxVbr^Q>RY#MRc>YQdxN$85u`mZf*iIGh;~7%J%Is$T)ZuRSzG*%4#HRZLON@ z@qg^uGZdXYhf}8tp{%S7JNwZXHcX$*xp(hAl9Mwqis)`^@@Mv4O?3@+?n=VYp?a{k zwiJlM>(ko>9Co(u%<${hlU};nICHufDyqF;V4x?3!`OHjUcP)u4Bj1QiSa!>CtyqL zI<}Jj2SDGs!8m&K1Z?fBaN+zV)YjG_DSs&*CZ_dH$Uc^fnKS*-uU}sbCCxE;H3{6reGwFh%JXnzr^ zqiu%J(1i$CH219rk<=V3S1pCF?+i9~XNZ?o);0q7;nQWi5^j%O@ zRbihg99aaugBgi1G&Eq}g@>=f-hadt6cryse^N|Sz5W)nmFc0Qqsiv1BYJJy_BDe+ zOG^W{Zv7XZ*tlZeyqR!u9S3_m4}^sWV*dPDGJ`<{y!Vl#s_G$z=#N5Uhrh`(Efu82 z#pjvx4`+S@Q&U6smiO)32k{A;q+;UY_8?-#dQ{vzkDQ!*%$(tme;(e4;eW%8q;nF9 zV|8@2U`fL~Nh{+W$B?4<5+2;ILdKy)7G)%(rEY~rI1i6m*!E>K+})kvdM*&Wd_ z5v__GjaymT)r@nP#G=B;k$6&BASR45J z&v{LjuC6wA?b;72^M@Y`NF7n1CYlcl$BP#)iDLs08nO~0q5cRAocGqqLE+FGY(naW z<*cUA*RzC+%eW@MQ)u<|EZ|4dMpzj6Rgw%EO=!(UpFb$r4~rKs5Q~lXKdn$pM6ch% zax{fw@ZdpG2M1e>A8*gn3QY|Wks;W$=^u!Rjz#K$uUX2WgGP=^|GLcT2}uf| z=QI;1&PH-d0*f}Do<1li9Z~7IjT$#Y3ZvW4tr$A5}vTGKqOtAn?>MR1cs^-OjSxrvzK5K?W@jJ3$9g(Vx)nNq zikC00UcJuFTYviW>CNCcn0^FaQ`}iGN%ap7`kb}XIVaN@FolJsaCe)5g#mLhXU2Ky`IBGRetnK z6tI?)b`vo%k+2*!g8jYuIS1`1ND)(_e)Ysgb;lnKwW(xQd2TW3VOk61zH3* zZb7rMP9QvN4eLs13v6v|fxnX|sHUbWO()Z)eTr42y`|&Im7mDDji+eoMKm}R<%c&K z;_uwKi+=$F`n|DWZ0(ywf$Q0`Cwog<8Z_1XM&9~9ebrhk^0j%bkwNuPQRyX0G!UYw zOmG;JpX@LGeqZ!m{bX-MezL#7f3g?iQ_<$i1V`h`KANPBKmNJwKikvGKK7(bE5BF& zjQp~XXucLKNG3SwH9<|%Q9UFMrGo;p)(g;Y<9{{5EA*NmIrEW#p+atzm6Nk5eiL1= zUqx9U6C6|ne!*B2KPaRSnc7@-ts!-Kv@kxOQ9LH0MP}{wW`J%z`E|lXkBhkWg?(7SUu6xu!VRgS|UU;8Wc z?q?hhg?5j8mE&;8*ZvBzi_@% diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-unchecked-have-to-match-checkbox-in-unchecked-state-with-hover.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-unchecked-have-to-match-checkbox-in-unchecked-state-with-hover.snap.png index 2a2a287323879a1138bad8487b325e6b82339b7d..60d11ba31fcecdae49e2aa443fe4e33a44d03f8e 100644 GIT binary patch delta 2214 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 diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-unchecked-have-to-match-checkbox-in-unchecked-state.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-unchecked-have-to-match-checkbox-in-unchecked-state.snap.png index eb62c154d8295c5747bd3bd9d94337a686c01cca..67bf7292a6dcdf9512a7c8f3ba09861ef716a1a5 100644 GIT binary patch literal 2230 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 literal 2419 zcmchZ`9Bkk1IL$Qa*R20%~e8h*Y}6d`~7$`-`GN@IHUST!Tm2CM~{*3gHl1)2d?{_&R@P>7+%fR+c}%XWje<#EPdgU*Zve$#>X*h zH(t+h{!ABd#I5W^+kDqJ-41j!&*Zxd0S$K3q-Mjy485NMh)G=?tXUC3w}b!?i+o~0 z1VrpizS3L<`CpbJtJ!ge@VVEfYH#JhVt{H{vG=J(%AQi11TisgVV>z`ZUEO5@frPw zi{J$|y+M6KTA^OUfaRWAsZb9C_^6#(T54@bN5mWTPLwS_@L^{@J4%U@Wz=~q73Aud zA=P6M@~uHyTr_ihPk1*W3;a&xY~vdC_-D#-DmB zVS5JWd!AL*oXx1N=INE}x7NK>PTQE~&NLPknn1yd4f1BAuGA==ksFhg6{}oSbkbc; z=7d{XLV|x)ZD>2IE2gF53#CX$4u09DUq5tOqN@7o`S^P$2aC>$`Ahq&snLBV4BVa^ zBU;GX=OoOde)~7K4Ei{5C$RO4<1aNJhek&U6dF`ORA~$`F)^X7sikwlYbxHyaO99vrM*>_(z!8MVN-reN>Fc~ zF`qWgvF?=t5#u@Ds0%g*W|pi?#Fu5J|^Mxtc3|KfbSKilSLPv7`SCVc4Qj$hptOZXE9hTmb!LLfb?NhoJ%WQ35O z?wtMt2TtA%O`V;WOpe=&Kwl=fSgO3JucsHKFY5#~5a$^go}?vHu`5@|z5VvSh$mrr z*$LX(+Ap!^aI4~#_V`Hw{WhT2Oea4Tju>@d-p(DP24!Sj1I_SHV-&;R97H-frIpS> z{$2WQ68o>C1geooANJirqf2^NB^RowiN{Mz31Eq(jWj~zH zdrtEz{>1w;o;jaZ*Lo<(*j*J#l4)DW^YBNTJL^39vS*YYW9byheu=c%P>xP2{+A$x?5lG@rdn%h2cV|l6`S13Xz(F7#D9c+xLnheXwszcAY8A|Uv4~``D{pp z^LkzW?QPIw8N_uRCu#>yb8X z)7XZ6nBAlVBFFtEx}z6t#njXo*c0KeLj42Xpu^Du?}bK3kLU=)jNY4V*H&$kF`~xS z(~nb?Z)v&fu|g0bNV1OwKMvNxBS$8+(6))g+4O%(LvSw|x3vstjf!EK65FQ!yb-BuCYn^E5o6`C< zq~aXJ(6DT+hw4gNO*}^+9C_;(w1_sR$iK+*Xij9(JqMKGP7tRG`Q86u}`D=UE$ zDr_F!>t;;8dxktNVTidAV{q5PAvBBvf7RX46y@tMjtTvEvIEgXN=c!?UGisGfuVuX z15256bGamAUvOh3Ms4{ev{hy~q(Ik`KOg{TOJ>s>rCVV1XQ`H`5wmPkcKVODYjwIr z5ZQQej}znS(Ax<3#~vCy!RL3Qq8>B!%r?2>^Kju1-A$%gzeJur4<^Jrn=<1;h{XosJ&SiOiHx0$X4C^uSv6-G0vF zw+kFzx8AWX(3DVH+`3M@vm3MSSHW9+gDeENuFR+zSE?bEbF&2Z6@n^-g*Kq*{{HG& zeXJ?LVz(}g1sQD_3A#CKizq93QnAw6pU*uk?oop;TryR*v$N|xu2H+}xy|IiAQ6V- zJjK}@o9q4LB1A3?q`=4h`R01T>+OjLNv2+jN#0SbXeDj)TCdi@A4BJ1k0OpHVfWjA z46Pdw9zTZXXptB_PjmxBC)rn;8-knJ+EIO zf);IAwEgzXgcodU1nX6gU{a~W7xOSGe$>(q)fj)XPJ3bMq}`!+k1EiZpYIaFyQ8+W zV^qPhNz7CMplC>yi(E|bOd)lmQp3$E$CO8`TQ# zKoKqZi(9Y2`Tlzv|Kc!3ER7{EHA7 R;lF1JaOr}*<@57s!hdR2o`nDa diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state-with-focus.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state-with-focus.snap.png index 05974e72d6285676d211f0a81aef07d27fffeee4..54df15ab23e55e9abec92467310655440f8143b3 100644 GIT binary patch delta 1806 zcmV+p2l4op4xJ8=B!A>dL_t(|UhSHHNLE)E$G=ukTH;)<>E@3NTL^2SF-H`Fnx(Yb z50z#OGc$F}U!|sQG_!CbE;V(^oQXB^XHLp=leJW480pltGA#RJr7k5EMbn}m+kH;F z@}_U^>+5^3bmJU|@V?J|&bi;ueV+52bFRUELIZEIQNVx$lYb2>Hc$>sUc5LknepPl zI54>>AhYrEIgA67nF2B!E{`w{OlAtmY`8qaI53$hAhY4}2;;zHrhv?b%Oi{flbHfC z8!nHqmjEkk`~&&F)ZzL+cjkn2t?f!|b$%ZqTRma2bm^RYsJn>+o2JU>g9rHJ$hUI_ zHC<$DGX+i^jDN;^0zfeu2R2Pbx45qvEK7v~2X^|v#>xVUH{Z}n>%rj>-0kg0X6eu9 z8yo~dYe-8GCDJ%B6%?gH8jQ@#XRz`UqhVxds1vB^#uJm12tAs?pdIw}M%)e`z5LP5 z9GHrP{%IMg`?C$lB0{mw!Cr51$wB+yU5L%eXHnLkn}4OZPYz5)!gXO$=(#_Ln(P$4 zqU%(39rGISkryaE?ub9a{=Q#P{AvKZaNz=4T3Qej6N4p7mdtrjRaI5!?d?TmWaONE zsNVSa@nfW=rD5a7jc|2!)#}r1$LGwZz93Vp?aK`6np==oR0?ko7leQ2&CJ|`54>8y z($mvXT7O!K#>Pf0TefV@4;vpJkE>U&qOR`w8>(-c6y^{Y7Z(Hu1|lphOshM6fpz!v z33JvlY;atQwX%;4qag*|)rVDaL`>;aW2 zvAnz-nVFerYik32n7n@ddieSIVfE_OF9^}q)rE?R3beMivg^*y&dhGjnl#8 zwSToW+}+(VGBSd5=gzVJPnVRt1%?Jnd{^re_=;`S}ZEY<}d&=sPQX&B(2oxczEhi@jr%#_|wgkq_&5c3y_I_SE zD;rg-=g*&Kc8?xC(yL0O_0;&pB*OeYox$N{72#_Gj3TMHxEQo%Gc`43X>oXX7=PW} z-DqfNfU&VLo5Px$o6*$NG~>BzYHE;_l*A&8)>py7!7Q>23=Gt!A)4E0p46wTSEf5p zA=SkTDNornRfMk%FiK$rB_SaJc6N5`xssEUSv08vqX?tOGdDMX;n@imU9YdN$J3`z z;o;$dsHiCT`}?Z}Mi<4X5>tyx@PAu#E0oZ*RfMkvup2jSu=JIhn#zQxMp3e5%NC4{ zjm-c?wyL`wN?U?hR#wLD_x1H~Zz{LPYK2@O+FijPqtbkF(Oy8QK z)JKs;#ekEO6ZY@lkAZ;!Rxw_?b`9g>0H^HXtAX5fKqAm6eo~FrkfvU4YG-H)GeXUD&&KFRL7nA3x53QBgu^GbJSj9UUE@ z^&9;j6cohPS*neGFDxu%K7T2iXer?7>50(L(5bmCJ3E^dD~XATto+y1oW6`guTYWJ zWC@$UMl+9AXihUWG-8{&vu%Sz!sc(nE4KMN+rg6^rNE`ak@i88HDR17ABCBYZT8R!*`Z1@4DF3Ra(>w54jbl$lOf_7l1FRb4-hhn*o zp9lzPu;Tj+;gqJMmRqZ};%L_l)%;&#A+iL0mN-Z(JHB^I{>4oqAM6N54oq^1#qEFt6IV~ky>VcYODt{&9GJLzO74vVlU!nPJK(^?)l+hB9GK)1 wi`xMQCa#{6d*i?)mss2mI52Vbl-%3@&N)AoGvxdD00000Ne4wvM6N<$g3R)IDF6Tf delta 1798 zcmV+h2l@D&4wep(B!AsWL_t(|UhSHDOqFFE$G@nXiW*WNOfKSJ##WM8EH`s;Q<&*& zz{tx$R4x?)iU`yUv4|O^2n>pliB04pIzcd+36xBS28<8~${#7vU;-0SF7s0F?`el# z;CPPbocDFS?s+!Gc+cU^EF?(M&aJDuG~EjW#? z-d+&2>Xc+jB8>wRp(qg2U}RP{gO!~S4ddCfbpkcfcxZSSVP76*(DwTIAlBd4Ab<2S z2PTp*AmuPB|ER}z5n)*FWjvvnXrGOn)=jCkG~yaCvwXI_~zOJU!W< z==%P*TIThW_um7hNB_73?C-n9`BMYfg$oyO_3BmZ*|P_;X3f%jP-o7ZL1$+tA|oU9 z_91@p(W6I5NlC%Vl`G-u>Z;YJx&IbsQBomAv`=>t4~9L zwRZQw|HnMIz3zatkN%&pI54f!|7Y+bfpy&zQeSo+7MhwMH*gbP5oH<EN9KQe;g z;|1s%7(j7o5Ul2pUj`@=*wd#^k&}~yD_5?dy??zO=H}+`_Vz|lP!ML$oXHTVQesh2 z5mHlAQD0vVx|qCT#R_cPxDgHx4&zX@wzi_UxER;2U1QH(TwIvlk|j%CXoN)-okn$A zJA>tDX))>FNs++P($aA1)G369hQij?7PYmtID7Ui6F4R&W(-(eT^-DXb&!pX4cy(` zaeq%pHKnDc?Dx^5M`34Y$82xjyvcl7Sy^G-x^)a}Sy>tS`ucF}*fCgJTfdN$_{}fB zBEPO4Uu{^64R0+~8~cg`*4^C=`dPMY+1Qr~4i09~M#YLM!Y*FCi1q8&WB>mBV|Km5 z!ZR>15DOM8Kwe%RdrqJq3fo8oefsq2?0?zg$B)^&ix)3OR#ukmz|>WQ>WC>4nCgoR z4Gp2KtqmO=9jK_NU};ZPT~bOUU<838MBFkmGH~L=31&-R+}zw4L?0iYaduR#o;!Dr z*^Q2l8dN3HdTMZF6tP|&lQ=x9B7A9pQ6%N(=Y!U4rlzJWE%x{KM0Nl8g8n#8~;!YJ}AEXGgX1dE^h8ut6aoSQ z)B>Z2Qk3=kN-I#-be+vl1Wj8-_$1rx@D(kztJ$p`w6M#7x|pqSQx`Ma6)# zvom(>+J&B;9#%0nH#g(Kg9j)nDPh$grNpkTF7}K{c@GZ{HeXR1Y-wp>g@1&TlM~Z~ z!0g<)6ON9K%r}+t4Gj&*%*=$ZuP>sbqsQht@>0s-+_cOHIz5{}`dy^k*7FxjUH65=A2x+k6 z?;hcbKna6I(N*&;zapRmhUYh>OE?=6lNdB98o~N0mS4h=LQ9Q4C_QFZ{H!;)Hx}8l zYi?m5cuR8mMm1P|MSnnc^wM^~fk~^U?A|yq*(H{?0}f1DJ!SXCfypkhv>k9@(&{O@ zHx5j8iKXp;1Cv%y*}ZXKvP&#&2OOBRddlvN1Cw21X*=M+q}5Y)ZycEH5=+|w2PUna ovU}seWS3al4mdDr^_1P)zu*NwmB^lqKmY&$07*qoM6N<$f-CxG3IG5A diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-indeterminate-state-with-larger-bounding-area.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-indeterminate-state-with-larger-bounding-area.snap.png new file mode 100644 index 0000000000000000000000000000000000000000..abebba8c0a0951ff8080f6744971c892e83f7996 GIT binary patch literal 2532 zcma)8`9Bkm8{c8B(MQT;XoQ?wQjR$`_kADPYB5R5xkTn(laebPSem1cBge-anOq-+ zP^^R^v0ORRa*L$T{)6xLhv#{IdH?Xd-tYJGyx#Ym9j!!#;lcm_K-9+C+?6+JyfPN# z=k@vOHeUchsM5yV#GUN*oel|dx0CF3N{o2`n3hLA6jR&;Q|;s%`Eu^UMyKEt93fQq z#YD5hMl&&%_`g!R(No9&#imy!PXy*wN1rJG###Gid`ZOjh;eihv2 z2t-6xOpYSudhU)NgijOLQ3e9hT%!C)K>K5w6%@b~cP}Xd;0S-38V{7^$uG&e4J;BC zBwEg8bwD(ISpNgQBTO7j_-zpv`Tg(L*gwUKqt)pZ@W&XVr2TE_w-uiEsalsc^>ai* zyn*8sAmb04W)g~tt80hX zM*jFx68CF+aJKh;)CwJa!}a@Trm9oEVeNdbb|7r7FDn(U6SVj!FLrlb35l<}Jt{6P zJ`?uNE(bN(ktk4p;bq9vePh8FFDk&G6fH|e$-4?q! z*Dslpkug6xUP%q!;c|SlaV54AYF@2+4*7;->viA5TND0Zv;#-d?vzJgO5_(M9AZXo zT*=jsPz#=H%R80k{cIOO-1Cs~;$LCi0-q&F_yHX!+u~I1vNc+udY+dFrU zFMq7uSOC!?SGP{FWTrZox;lM5wJc{$f!>MnE4(|3PnnuHUM z|G9eW9E0#?MCuu!$E4t-LoNxsSnEGLqqL8NMfsDd~`80Axh$eVW_7*VA2h$M%4R zfbg%c4+nfGJKS=KbJCG+Z4k-*TAKnx+D39Go&}FLoK7PRzM~i=9MC^E1luinSf)>5 z9dgeW`_^(|!HpK2ADfuk8b0Ze)`WQ%Tr1%{FjE0pC&V;ppGt*UONuW)RhltYCkiC0+^U~5zJ zG&x9vMXt&(8a9dlSm6-V<4^}-j} zPtF9@&cA(X#Z$6WC-}3ot;aIH{;JDA@il#)9Ri@K{~XPnjje6tG3AFIV01i2)d1T72UG|MP}7+QXPHG#L2B0`Yo z>xnrnn^{U;DW`|WDRbTCRr?&9`YCgT}aajhWGksMCgegE9^cmD@{Pp zlu9kvs^V|}FfM{KFea?fMrE20_g)I-F?=OeW^|VfqK5*9GpCKt$Fnd@hXWt*o6jhfjPEZcd6T^HeZ1}vhsjD+YHoSmK7 zOUu!6tZs|j2GV*9yhrLf+mr5lfDQPd;-nWgKB`PvdhTU}zmCc>vglo_uTYNAWJ4t( zIorlY0iu$g4MF&K;t#g+3?ef)AdQD8B(9by$N;|E-B>`+Qte`YZ6iD2yz6*$QDz3d z2~MU7ya7@}f;2#+$LeAvh4CAVuL{2)bSO+?%9Rgb=1q`myh@UW3b77;|3Vvt+n>lh z8_u10as;BNL|fopgrV{~2@Ai=4=9qT<8qzRC(Q0V4VPGms!M3Db^>(07*6jouxx;=36_@(HGhr`ksWSx|p!GZB>$nNLNVEt)>LCHY>rV zA34#6R-t?2913(`$EqwQVtpB~LHU%|p+o$%Di#p~s{U)$&+d5&^}+i35pUb$)lEU* zJ9r=-u~lze9If>s;Iy_^rH4QV@=lqu$d$_HLiQK>e==M$epQ3KfcAV6kO@^eijcIW zgcvKWPdyPz?4-ExVo%X}-xP?ZNpuGS*=4O-jewIP$2^PyXVj`iP!u8X{{^2yq{Q{6 U4RvASceZ(is5jk?kqLHI)r5w$D3~4szj+C4q zcR91jBqVYd(s%#F_lM_set11UJjd%fl5DNb_~8<8008(c%rSNxOX7$Q50s-3NABnY zz!6Iej1eyU#t#b23U?WqAjoh+Kax1^W|1nt@o_@*><)q+28l|EV@*Vft1x&cn&TM0 z$Q3E~6@Gdr;=Z>Eqvf~FXTQ6%cihJ%=)X)I= z*k9-SBnSmoj zePMTPMoCvUD|S`cZf>Z+1UrZyDLyhZtL4{NOv!cDHtceN6y zTB5X7T^dL`YcqqhfBB!61Hb!nbMBm1I6T>}5pZJ!>vNEPF*ZA7P2WPT`b#yTB+F-~ zx8EQgsn$|cHC}=jqIOcx5C8nqex%A`fBU<*|711sjB68ylQ1<|RM{>b%3o%dc4B^K z<{*N94(&J7n)8X(dhbPVhMG;S?|A8rmPqxXI=hK@n4nIHL%AKX)H=uVD$MR^t1)j! zN5}A|`hfCFk0d^pVvqZLEF*V}#U37H6&4oiG|4)6NHUi`mW$NKUlfqidrv;L^wT)^Xme`dwV46(0!qC2powjzhB|_%94Y7yv?~78}MPb8S}qr#0HZtPe&$YU@*53G0TRxF9Pe$ph5+ ze_EhlqzmKm_-Nx4akYUz2oaI;*uRHJ1j4vIfxk$@YhY-C;eqc>S3)Y@?k0$O)DAg&?s=Bg~n7(|cx6PW

zfW&hp)REKbxfAG>KG!A0tc^n({7>S4j`5 zp-=?RzRWN5s&hV>jld&`Tf+DiEXEh!?)f_APqu)x;R@Xz5VDgvt&KN#iiwFi5Tu4I zjg*A^oHeo*(G8kETif0VgTX%J8^!;6;L#pf&1SQeuGjf#eM89&{aR=1p8w*tSc{Oi z%$&MRAO*$6#i?{QhOf(-Q8=8pWi^GChpl~1cS53k$0`}#iDjohWTukJmI3v#l;8fW zre_=TJ#2c_p(MKD_!HqSE6wXR=E~^6R=bUIRcmME#VrSbxx4(b+ zLcYmuT+vag=FEJ!P5yl$otwwjowksG<7HK27ELkc0O;t~mJC1TBE>EKLMf}Aj_G7E z)n4KAMcX=HTq)Osl=p6oJ4$yyXTc1H-w7WUx|0{+Xd#MDR{d>O;lqbK0_zJ2q(|e! z(DJS;1XS)RYf866YJ}xm$X6n-c=yaqUKf{6nP256R!dX{0)e=?-~BRyEN2!pW#YrF zIHbi{3iEePq8rLNwWu|n!ZdGw8?1qH@c?HXqc=dln>#yNs!pF1K~|E8={}Es)$4V| zkEQgpTl2L1vo$Ca{x8ab#&af4z`J0QF)1iFS=)mg$D!JwgIGl=XOMy?E@8+e^>V^I zbE0l8jX^|ZvEs_Dtq^0)=CHLBRMaAz3HA;bc(097)e_(m|7yUkS|R`ag*PsZ5HMQd z;8FobF*`tQ1#O>HgeEx4>FaW@OR-71prj6osDrtf8_e$Hk5L#)zHE=XNf1#wnlH0g z@D3wUQ&QtHrPgv7uarfzBmUY7yprFeZU5>+b`h_M1M#(BB3O}U#%HwR$}8tuo!YE_ z&gyXqCejTZ3eC67IMctxPZk?;dn_~qNO_o>Xf{V~ zpH2y%_Qk8SWJw1)iEkRx9wP8PlVS59!Oz+$BBMzsq`whN7?Wf5BhC~ETE_Z^gL9A{ zvxZ8fL>O-I3B-N$-`SgMh37A=TX`)c)^W};5KU}rH`8NgHuKaZErV}4yJVK!3kCDk zKrsb#h9|GQ-u>4`=hJnmk>^znB1uBK(gT;ORJJoCGl{Sei23iaaLzMvEMPFymBD51 w6ebaH7D8IzaTym?CWM4i*P-_RS8)A}g6rjCs-w>|=eYtbOsz3AW4E~f0djqTc>n+a literal 0 HcmV?d00001 diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap b/packages/dnb-eufemia/src/components/checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap index 23e7c934d64..48453549d3d 100644 --- a/packages/dnb-eufemia/src/components/checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap @@ -142,11 +142,17 @@ button .dnb-form-status__text { } .dnb-checkbox { + --checkbox-border-radius: 0.25rem; + --checkbox-gfx-border-radius__indeterminate: 0.125rem; --checkbox-width--large: 2rem; --checkbox-height--large: 2rem; + --checkbox-gfx-height__indeterminate: 0.625rem; + --checkbox-gfx-width__indeterminate: 0.625rem; + --checkbox-gfx-height__indeterminate--large: 0.875rem; + --checkbox-gfx-width__indeterminate--large: 0.875rem; --checkbox-border-width: 0.125rem; + --checkbox-border-width--hover: 0.125rem; --checkbox-color-gfx-on: black; - --checkbox-color-gfx-off: black; --checkbox-color-background-on: white; --checkbox-color-background-off: white; --checkbox-color-border-on: black; @@ -156,6 +162,7 @@ button .dnb-form-status__text { --checkbox-color-background-off--disabled: lightgrey; --checkbox-color-border-on--disabled: grey; --checkbox-color-border-off--disabled: grey; + --checkbox-color-gfx__indeterminate--disabled: grey; --checkbox-color-background--active: lightgrey; --checkbox-color-border--active: transparent; --checkbox-color-gfx--hover: grey; @@ -169,6 +176,15 @@ button .dnb-form-status__text { --checkbox-color-background-on--error: red; --checkbox-color-background--error-contrast: lavenderblush; --checkbox-color-border--error: red; + --checkbox-color-gfx-indeterminate--error: red; + --checkbox-color-gfx--error--hover: red; + --checkbox-color-background--error--hover: lavenderblush; + --checkbox-color-border--error--hover: red; + --checkbox-color-background-indeterminate: grey; + --checkbox-color-gfx-indeterminate: darkgray; + --checkbox-color-background-indeterminate--active: grey; + --checkbox-color-border-indeterminate--active: white; + --checkbox-color-gfx-indeterminate--active: white; --checkbox-bounding--medium: 1.75, 1.75; display: inline-flex; flex-direction: column; @@ -221,12 +237,12 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus { z-index: 4; width: calc(var(--checkbox-width--medium) - 0.25rem); height: calc(var(--checkbox-height--medium) - 0.25rem); - border-radius: 0.25rem; + border-radius: var(--checkbox-border-radius); } .dnb-checkbox--large .dnb-checkbox__focus, .dnb-checkbox--large .dnb-checkbox__button { width: var(--checkbox-width--large); height: var(--checkbox-height--large); - border-radius: 0.25rem; + border-radius: var(--checkbox-border-radius); } .dnb-checkbox__gfx { position: absolute; @@ -313,11 +329,34 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus { .dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__gfx { opacity: 0; transform: scale(0.8); - color: var(--checkbox-color-gfx-off); + color: var(--checkbox-color-background-on); } .dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__button { background-color: var(--checkbox-color-background-off); border-color: var(--checkbox-color-border-off); + transition: background-color 100ms ease-out; +} +.dnb-checkbox__input ~ .dnb-checkbox__indeterminate { + position: absolute; + z-index: 5; + width: var(--checkbox-gfx-width__indeterminate); + height: var(--checkbox-gfx-height__indeterminate); + transform: scale(0.85); + opacity: 0; + background-color: var(--checkbox-color-gfx-indeterminate); + border-radius: var(--checkbox-gfx-border-radius__indeterminate); + transition: opacity 200ms ease-out, transform 200ms ease-out; +} +.dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate { + transform: scale(1); + opacity: 1; +} +.dnb-checkbox__input:indeterminate:hover ~ .dnb-checkbox__gfx { + color: transparent; +} +.dnb-checkbox--large .dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate { + width: var(--checkbox-gfx-width__indeterminate--large); + height: var(--checkbox-gfx-height__indeterminate--large); } .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button, .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__button { background-color: var(--checkbox-color-background-on--disabled); @@ -330,6 +369,12 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus { border-color: var(--checkbox-color-border-off--disabled); background-color: var(--checkbox-color-background-off--disabled); } +.dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__indeterminate { + background-color: var(--checkbox-color-gfx__indeterminate--disabled); +} +.dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__gfx { + color: transparent; +} .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button { background-color: var(--checkbox-color-background--active); border-color: var(--checkbox-color-border--active); @@ -337,44 +382,54 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus { .dnb-checkbox__input:not([disabled]):checked:active ~ .dnb-checkbox__gfx, .dnb-checkbox__input:not([disabled])[data-checked=true]:active ~ .dnb-checkbox__gfx { color: var(--checkbox-color-gfx-on); } -.dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__button { +.dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__button { + background-color: var(--checkbox-color-background-indeterminate--active); + border-color: var(--checkbox-color-border-indeterminate--active); +} +.dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__indeterminate { + background-color: var(--checkbox-color-gfx-indeterminate--active); +} +.dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__button { border-color: var(--checkbox-color-border-off--hover); background-color: var(--checkbox-color-background--hover); } -.dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__gfx { +.dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__gfx { color: var(--checkbox-color-gfx--hover); } -.dnb-checkbox__input:not([disabled]):not(:focus):checked:hover ~ .dnb-checkbox__button, .dnb-checkbox__input:not([disabled]):not(:focus)[data-checked=true]:hover ~ .dnb-checkbox__button { - border-color: var(--checkbox-color-border-on--hover); +.dnb-checkbox__input:not([disabled]):checked:hover ~ .dnb-checkbox__button, .dnb-checkbox__input:not([disabled])[data-checked=true]:hover ~ .dnb-checkbox__button { + border: var(--checkbox-border-width--hover) solid var(--checkbox-color-border-on--hover); } -html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button { +html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button { border: none; background-color: var(--checkbox-color-background--focus); } -html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__gfx { +html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__gfx { color: var(--checkbox-color-gfx--focus); } -.dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button .dnb-checkbox__focus, .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button .dnb-checkbox__focus { +.dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button .dnb-checkbox__focus, .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button .dnb-checkbox__focus { display: block; } +.dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__indeterminate { + background-color: var(--checkbox-color-gfx--focus); +} .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button { border: none; } .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus { display: block; --border-color: var(--checkbox-color-border--error); - --border-width: var(--focus-ring-width); + --border-width: var(--checkbox-border-width); box-shadow: 0 0 0 var(--border-width) var(--border-color); border-color: transparent; } .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button { - background-color: var(--checkbox-color-background--error-contrast); + background-color: var(--checkbox-color-background--error--hover); } .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button[data-checked=true] { - border-color: var(--checkbox-color-border--error); + border-color: var(--checkbox-color-border--error--hover); } .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__gfx { - color: var(--checkbox-color-gfx--error-contrast); + color: var(--checkbox-color-gfx--error--hover); } .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx { color: var(--checkbox-color-gfx--error); @@ -383,7 +438,7 @@ html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input: border: none; background-color: var(--checkbox-color-background--error-contrast); --border-color: var(--checkbox-color-border--error); - --border-width: calc(var(--focus-ring-width) + 0.0625rem); + --border-width: calc(var(--checkbox-border-width--hover)); box-shadow: 0 0 0 var(--border-width) var(--border-color); border-color: transparent; } @@ -393,6 +448,23 @@ html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input: .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button, .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true] ~ .dnb-checkbox__button { background-color: var(--checkbox-color-background-on--error); } +.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx { + color: var(--checkbox-color-gfx--error-contrast); + background-color: var(--checkbox-color-gfx--error-contrast); + border-radius: var(--checkbox-border-radius); +} +.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not(:active):not(:hover) ~ .dnb-checkbox__indeterminate { + background-color: var(--checkbox-color-gfx-indeterminate--error); +} +.dnb-checkbox__status--error .dnb-checkbox__input:not(:indeterminate) ~ .dnb-checkbox__indeterminate { + background-color: var(--checkbox-color-gfx-indeterminate--error); +} +.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:hover:not(:active) ~ .dnb-checkbox__indeterminate { + background-color: var(--checkbox-color-gfx--error--hover); +} +.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__gfx { + color: var(--checkbox-color-gfx--error--hover); +} .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button { border-color: var(--skeleton-color); } @@ -401,6 +473,9 @@ html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input: } .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__gfx { color: var(--skeleton-color); +} +.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__indeterminate { + background-color: var(--skeleton-color); }" `; @@ -411,7 +486,6 @@ exports[`Checkbox scss have to match default theme snapshot 1`] = ` */ .dnb-checkbox { --checkbox-color-gfx-on: var(--color-white); - --checkbox-color-gfx-off: var(--color-sea-green); --checkbox-color-background-on: var(--color-sea-green); --checkbox-color-background-off: var(--color-white); --checkbox-color-border-on: transparent; @@ -421,18 +495,36 @@ exports[`Checkbox scss have to match default theme snapshot 1`] = ` --checkbox-color-background-off--disabled: var(--color-white); --checkbox-color-border-on--disabled: transparent; --checkbox-color-border-off--disabled: var(--color-mint-green-50); + --checkbox-color-gfx__indeterminate--disabled: var( + --color-mint-green-50 + ); --checkbox-color-background--active: var(--color-mint-green-50); --checkbox-color-border--active: transparent; --checkbox-color-gfx--hover: var(--color-sea-green); --checkbox-color-background--hover: var(--color-mint-green-50); --checkbox-color-border-on--hover: transparent; --checkbox-color-border-off--hover: var(--color-sea-green); - --checkbox-color-gfx--focus: var(--color-sea-green); + --checkbox-color-gfx--focus: var(--color-emerald-green); --checkbox-color-background--focus: var(--color-mint-green-50); --checkbox-color-gfx--error: var(--color-fire-red-8); --checkbox-color-gfx--error-contrast: var(--color-fire-red); --checkbox-color-background-on--error: var(--color-fire-red); --checkbox-color-background--error-contrast: var(--color-fire-red-8); --checkbox-color-border--error: var(--color-fire-red); + --checkbox-color-gfx--error--hover: var(--color-fire-red); + --checkbox-color-background--error--hover: var(--color-fire-red-8); + --checkbox-color-border--error--hover: var(--color-fire-red); + --checkbox-color-background-indeterminate: var(--color-white); + --checkbox-color-gfx-indeterminate: var(--color-sea-green); + --checkbox-color-background-indeterminate--active: var(--color-white); + --checkbox-color-border-indeterminate--active: var( + --color-mint-green-50 + ); + --checkbox-color-gfx-indeterminate--active: var(--color-mint-green-50); + --checkbox-color-gfx-indeterminate--error: var(--color-fire-red); + --checkbox-gfx-height__indeterminate: 0.625rem; + --checkbox-gfx-width__indeterminate: 0.625rem; + --checkbox-gfx-height__indeterminate--large: 0.875rem; + --checkbox-gfx-width__indeterminate--large: 0.875rem; }" `; diff --git a/packages/dnb-eufemia/src/components/checkbox/stories/Checkbox.stories.tsx b/packages/dnb-eufemia/src/components/checkbox/stories/Checkbox.stories.tsx index e8d1ff8b342..6d76bf911a0 100644 --- a/packages/dnb-eufemia/src/components/checkbox/stories/Checkbox.stories.tsx +++ b/packages/dnb-eufemia/src/components/checkbox/stories/Checkbox.stories.tsx @@ -26,10 +26,41 @@ const CustomStyle = styled.div` export const CheckboxSandbox = () => ( + + + + + + + + + + + + + + partial: +
+ + + + + + + + + + +
+ + + + + @@ -46,7 +77,7 @@ export const CheckboxSandbox = () => ( - + @@ -128,12 +159,112 @@ export const CheckboxSandbox = () => ( status="Potenti viverra ft quis mi parturient mattis feugiat tellus ipsum magnis rutrum" /> + + + + + + + + + + + + + + + + + +
) +function IndeterminateState() { + const [checkedParent, setCheckedParent] = React.useState(false) + const [parentIndeterminateState, setParentIndeterminateState] = + React.useState(false) + + const [c1State, setC1State] = React.useState(false) + const [c2State, setC2State] = React.useState(false) + + React.useEffect(() => { + if (c1State !== c2State) { + setParentIndeterminateState(true) + } else { + setParentIndeterminateState(false) + } + + if (c1State && c2State) setCheckedParent(true) + if (!c1State && !c2State) setCheckedParent(false) + }, [c1State, c2State]) + + React.useEffect(() => { + if (checkedParent) { + setC1State(true) + setC2State(true) + } + + if (!checkedParent) { + setC1State(false) + setC2State(false) + } + }, [checkedParent]) + + return ( +

+ {/* + change the Field.Toggle api to behave like this? + + + + + */} + +

Indeterminate state

+ + { + setCheckedParent(args?.checked) + console.log(args) + }} + /> +
+
+ { + setC1State(!c1State) + }} + /> +
+
+ + { + setC2State(!c2State) + }} + /> +
+ ) +} + function ControlledVsUncontrolled() { const [checked, setChecked] = React.useState(false) + const [indeterminate, setIndeterminate] = React.useState(false) const [random, setRandom] = React.useState(0) return ( @@ -141,6 +272,7 @@ function ControlledVsUncontrolled() { { setChecked(checked) @@ -155,7 +287,20 @@ function ControlledVsUncontrolled() {