From 580adbfeb04b7c6a94b94a345da74a9a750a96d0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20H=C3=B8egh?= Date: Tue, 23 May 2023 20:41:55 +0200 Subject: [PATCH] Update snapshots --- .../__snapshots__/Accordion.test.tsx.snap | 8 +++-- .../__snapshots__/Autocomplete.test.tsx.snap | 32 ++++++++++++++----- .../__snapshots__/Breadcrumb.test.tsx.snap | 8 +++-- .../__snapshots__/Button.test.tsx.snap | 8 +++-- .../__snapshots__/DatePicker.test.tsx.snap | 32 ++++++++++++++----- .../__snapshots__/Dialog.test.tsx.snap | 8 +++-- .../__snapshots__/Drawer.test.tsx.snap | 8 +++-- .../__snapshots__/Dropdown.test.tsx.snap | 16 +++++++--- .../__snapshots__/GlobalError.test.tsx.snap | 8 +++-- .../__snapshots__/GlobalStatus.test.tsx.snap | 8 +++-- .../__snapshots__/HelpButton.test.tsx.snap | 8 +++-- .../__snapshots__/Icon.test.tsx.snap | 8 +++-- .../src/components/icon/style/dnb-icon.scss | 14 +++++--- .../__snapshots__/InputMasked.test.tsx.snap | 16 +++++++--- .../__snapshots__/Input.test.tsx.snap | 16 +++++++--- .../__snapshots__/Modal.test.tsx.snap | 8 +++-- .../__snapshots__/Pagination.test.tsx.snap | 8 +++-- .../__snapshots__/SkipContent.test.tsx.snap | 8 +++-- .../__snapshots__/Slider.test.tsx.snap | 8 +++-- .../__snapshots__/StepIndicator.test.tsx.snap | 8 +++-- .../__tests__/__snapshots__/Tag.test.tsx.snap | 8 +++-- .../__snapshots__/ToggleButton.test.tsx.snap | 8 +++-- .../__snapshots__/Upload.test.tsx.snap | 16 +++++++--- 23 files changed, 202 insertions(+), 68 deletions(-) diff --git a/packages/dnb-eufemia/src/components/accordion/__tests__/__snapshots__/Accordion.test.tsx.snap b/packages/dnb-eufemia/src/components/accordion/__tests__/__snapshots__/Accordion.test.tsx.snap index 1160aa2dc27..3a17ffc92c5 100644 --- a/packages/dnb-eufemia/src/components/accordion/__tests__/__snapshots__/Accordion.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/accordion/__tests__/__snapshots__/Accordion.test.tsx.snap @@ -317,8 +317,9 @@ exports[`Accordion scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -369,6 +370,9 @@ exports[`Accordion scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 ba3943e7c8e..f44316eb4ab 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 @@ -1598,8 +1598,9 @@ exports[`Autocomplete scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1650,6 +1651,9 @@ exports[`Autocomplete scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -2136,8 +2140,9 @@ button.dnb-button::-moz-focus-inner { width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -2188,6 +2193,9 @@ button.dnb-button::-moz-focus-inner { h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -2822,8 +2830,9 @@ html[data-visual-test] .dnb-input__input { width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -2874,6 +2883,9 @@ html[data-visual-test] .dnb-input__input { h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -2911,8 +2923,9 @@ h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-ic width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -2963,6 +2976,9 @@ h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-ic h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 7075c3ae01f..1f4e4661f4d 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 @@ -38,8 +38,9 @@ exports[`Breadcrumb scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -90,6 +91,9 @@ exports[`Breadcrumb scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 3d16f559855..d8de92c49e5 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 @@ -1426,8 +1426,9 @@ exports[`Button scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1478,6 +1479,9 @@ exports[`Button scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 18d14c71a38..abc8470139b 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 @@ -1852,8 +1852,9 @@ exports[`DatePicker scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1904,6 +1905,9 @@ exports[`DatePicker scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -2390,8 +2394,9 @@ button.dnb-button::-moz-focus-inner { width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -2442,6 +2447,9 @@ button.dnb-button::-moz-focus-inner { h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -3076,8 +3084,9 @@ html[data-visual-test] .dnb-input__input { width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -3128,6 +3137,9 @@ html[data-visual-test] .dnb-input__input { h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -3671,8 +3683,9 @@ legend.dnb-form-label { width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -3723,6 +3736,9 @@ legend.dnb-form-label { h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 c9f46fbf542..3f2fa7d1606 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 @@ -1376,8 +1376,9 @@ exports[`Dialog scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1428,6 +1429,9 @@ exports[`Dialog scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 de9fb500323..82c98b571d8 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 @@ -1393,8 +1393,9 @@ exports[`Drawer scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1445,6 +1446,9 @@ exports[`Drawer scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 495c79c9660..d899bc125ff 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 @@ -1429,8 +1429,9 @@ exports[`Dropdown scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1481,6 +1482,9 @@ exports[`Dropdown scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -1518,8 +1522,9 @@ h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-ic width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1570,6 +1575,9 @@ h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-ic h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 2faf9060807..cbf64fc0709 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 @@ -45,8 +45,9 @@ exports[`GlobalError scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -97,6 +98,9 @@ exports[`GlobalError scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 0b2152b961e..f2195fdf8d8 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 @@ -66,8 +66,9 @@ exports[`GlobalStatus scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -118,6 +119,9 @@ exports[`GlobalStatus scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 7519c4b98ee..146eabecb28 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 @@ -45,8 +45,9 @@ exports[`HelpButton scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -97,6 +98,9 @@ exports[`HelpButton scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } diff --git a/packages/dnb-eufemia/src/components/icon/__tests__/__snapshots__/Icon.test.tsx.snap b/packages/dnb-eufemia/src/components/icon/__tests__/__snapshots__/Icon.test.tsx.snap index 407d95db1aa..a01ad792b77 100644 --- a/packages/dnb-eufemia/src/components/icon/__tests__/__snapshots__/Icon.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/icon/__tests__/__snapshots__/Icon.test.tsx.snap @@ -74,8 +74,9 @@ exports[`Icon scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -126,6 +127,9 @@ exports[`Icon scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } diff --git a/packages/dnb-eufemia/src/components/icon/style/dnb-icon.scss b/packages/dnb-eufemia/src/components/icon/style/dnb-icon.scss index 8cade98e75e..501a3ffb462 100644 --- a/packages/dnb-eufemia/src/components/icon/style/dnb-icon.scss +++ b/packages/dnb-eufemia/src/components/icon/style/dnb-icon.scss @@ -23,10 +23,13 @@ // responsive img, svg { - width: inherit; - height: inherit; - shape-rendering: geometricprecision; - vertical-align: top; + &, + .dnb-core-style & { + width: inherit; + height: inherit; + shape-rendering: geometricprecision; + vertical-align: top; + } } // auto size @@ -96,6 +99,9 @@ h6 & { vertical-align: middle; } + p & { + vertical-align: inherit; + } &.dnb-skeleton { &::before, 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 04756e093a6..a749564dab3 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 @@ -282,8 +282,9 @@ exports[`InputMasked scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -334,6 +335,9 @@ exports[`InputMasked scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -820,8 +824,9 @@ button.dnb-button::-moz-focus-inner { width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -872,6 +877,9 @@ button.dnb-button::-moz-focus-inner { h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__snapshots__/Input.test.tsx.snap b/packages/dnb-eufemia/src/components/input/__tests__/__snapshots__/Input.test.tsx.snap index dc99e6c64d5..44f6df714e7 100644 --- a/packages/dnb-eufemia/src/components/input/__tests__/__snapshots__/Input.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/input/__tests__/__snapshots__/Input.test.tsx.snap @@ -845,8 +845,9 @@ exports[`Input scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -897,6 +898,9 @@ exports[`Input scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -1383,8 +1387,9 @@ button.dnb-button::-moz-focus-inner { width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1435,6 +1440,9 @@ button.dnb-button::-moz-focus-inner { h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 50f4f6f0564..6880f8fa132 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 @@ -955,8 +955,9 @@ exports[`Modal scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1007,6 +1008,9 @@ exports[`Modal scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 5ad4940fbdc..5333f305c53 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 @@ -1651,8 +1651,9 @@ exports[`Pagination scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1703,6 +1704,9 @@ exports[`Pagination scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 a29d7ce7690..231711a989f 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 @@ -38,8 +38,9 @@ exports[`SkipContent scss has to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -90,6 +91,9 @@ exports[`SkipContent scss has to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 bdac78ddc83..4ce6a2d560c 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 @@ -38,8 +38,9 @@ exports[`Slider scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -90,6 +91,9 @@ exports[`Slider scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 09054a63e42..7f87c32d180 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 @@ -8091,8 +8091,9 @@ exports[`StepIndicator scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -8143,6 +8144,9 @@ exports[`StepIndicator scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 1624990bd03..35b3699f421 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 @@ -38,8 +38,9 @@ exports[`Tag scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -90,6 +91,9 @@ exports[`Tag scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } 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 bb1ee012df6..c3cb62e5fa5 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 @@ -1616,8 +1616,9 @@ legend.dnb-form-label { width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -1668,6 +1669,9 @@ legend.dnb-form-label { h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } diff --git a/packages/dnb-eufemia/src/components/upload/__tests__/__snapshots__/Upload.test.tsx.snap b/packages/dnb-eufemia/src/components/upload/__tests__/__snapshots__/Upload.test.tsx.snap index a1f7e61dd92..fb85d249e60 100644 --- a/packages/dnb-eufemia/src/components/upload/__tests__/__snapshots__/Upload.test.tsx.snap +++ b/packages/dnb-eufemia/src/components/upload/__tests__/__snapshots__/Upload.test.tsx.snap @@ -78,8 +78,9 @@ exports[`Upload scss have to match snapshot 1`] = ` width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -130,6 +131,9 @@ exports[`Upload scss have to match snapshot 1`] = ` h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; } @@ -167,8 +171,9 @@ h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-ic width: 1em; height: 1em; } -.dnb-icon img, -.dnb-icon svg { +.dnb-icon img, .dnb-core-style .dnb-icon img, +.dnb-icon svg, +.dnb-core-style .dnb-icon svg { width: inherit; height: inherit; shape-rendering: geometricprecision; @@ -219,6 +224,9 @@ h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-ic h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon { vertical-align: middle; } +p .dnb-icon { + vertical-align: inherit; +} .dnb-icon.dnb-skeleton { color: var(--skeleton-color) !important; }