diff --git a/.github/workflows/icons-lib.yml b/.github/workflows/icons-lib.yml
index 9fc127238b1..043b08f73ab 100644
--- a/.github/workflows/icons-lib.yml
+++ b/.github/workflows/icons-lib.yml
@@ -26,6 +26,8 @@ jobs:
 
     runs-on: ubuntu-latest
 
+    timeout-minutes: 60
+
     steps:
       - name: Git checkout
         uses: actions/checkout@v4
@@ -76,6 +78,8 @@ jobs:
 
     runs-on: macos-latest
 
+    timeout-minutes: 60
+
     steps:
       - name: Git checkout
         uses: actions/checkout@v4
diff --git a/packages/dnb-design-system-portal/package.json b/packages/dnb-design-system-portal/package.json
index 5c56b7a70d5..d72675ae884 100644
--- a/packages/dnb-design-system-portal/package.json
+++ b/packages/dnb-design-system-portal/package.json
@@ -80,7 +80,7 @@
     "gatsby-plugin-babel-react-live": "1.4.2",
     "gatsby-plugin-catch-links": "5.12.0",
     "gatsby-plugin-emotion": "8.12.0",
-    "gatsby-plugin-eufemia-theme-handler": "1.7.0",
+    "gatsby-plugin-eufemia-theme-handler": "1.8.0",
     "gatsby-plugin-gatsby-cloud": "5.12.0",
     "gatsby-plugin-manifest": "5.12.0",
     "gatsby-plugin-mdx": "5.12.0",
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/Examples.tsx
index 807d2c6c8ff..6cacec732ed 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/Examples.tsx
@@ -103,7 +103,7 @@ export const AnchorExampleHelperClasses = () => (
           No underline
         </Anchor>
       </Example>
-      <Example>
+      <Example data-visual-test="anchor-no-icon">
         <Anchor
           target="_blank"
           href="/uilib/components/anchor"
@@ -162,6 +162,62 @@ export const AnchorExampleHelperClasses = () => (
   </Wrapper>
 )
 
+export const AnchorExampleHelperContrastVariations = () => (
+  <Wrapper>
+    <ComponentBox hideCode scope={{ Example, ContrastExample }}>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-hover">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-hover"
+          >
+            Contrast - no hover
+          </Anchor>
+        </ContrastExample>
+      </Example>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-radius">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-radius"
+          >
+            Contrast - no radius
+          </Anchor>
+        </ContrastExample>
+      </Example>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-underline">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-underline"
+          >
+            Contrast - no underline
+          </Anchor>
+        </ContrastExample>
+      </Example>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-underline-no-hover">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-underline dnb-anchor--no-hover"
+          >
+            Contrast - no underline - no hover
+          </Anchor>
+        </ContrastExample>
+      </Example>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-underline-no-radius">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-underline dnb-anchor--no-radius"
+          >
+            Contrast - no underline - no radius
+          </Anchor>
+        </ContrastExample>
+      </Example>
+    </ComponentBox>
+  </Wrapper>
+)
 export const AnchorExampleIcons = () => (
   <Wrapper>
     <ComponentBox hideCode scope={{ Example }}>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/demos.mdx
index 0aba8224129..dc85308c524 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/demos.mdx
@@ -14,6 +14,7 @@ import {
   AnchorSbankenGoto,
   AnchorSbankenInline,
   AnchorLegacyUsage,
+  AnchorExampleHelperContrastVariations,
 } from 'Docs/uilib/components/anchor/Examples'
 
 <VisibilityByTheme visible="sbanken">
@@ -81,4 +82,5 @@ Unless the href contains `:mailto`, `:tel` or `:sms`.
 
 <VisibleWhenVisualTest>
   <AnchorLegacyUsage />
+  <AnchorExampleHelperContrastVariations />
 </VisibleWhenVisualTest>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/autocomplete/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/autocomplete/Examples.tsx
index e2666749749..f1e5ff9c8df 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/autocomplete/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/autocomplete/Examples.tsx
@@ -30,7 +30,7 @@ const Wrapper = styled.div`
 export const AutocompleteDefaultExample = () => (
   <Wrapper>
     <ComponentBox scope={{ topMovies }}>
-      <Autocomplete data={topMovies} label="Label:" />
+      <Autocomplete data={topMovies} label="Label" />
     </ComponentBox>
   </Wrapper>
 )
@@ -43,7 +43,7 @@ export const AutocompleteStatusExample = () => (
     >
       <Autocomplete
         data={topMovies}
-        label="Label:"
+        label="Label"
         status="Please select a valid date"
         status_state="info"
         show_submit_button
@@ -65,7 +65,7 @@ export const AutocompleteNumbersExample = () => (
       <Autocomplete
         input_value="201"
         show_clear_button
-        label="Label:"
+        label="Label"
         data={numbersData}
         search_numbers={true}
       />
@@ -83,7 +83,7 @@ export const AutocompleteWithCustomTitle = () => (
         data={topMovies}
         keep_value={true}
         show_clear_button={true}
-        label="Label:"
+        label="Label"
         placeholder="Custom placeholder ..."
         on_change={({ data }) => {
           console.log('on_change', data)
@@ -179,7 +179,7 @@ export const AutocompleteToggleExample = () => (
       scope={{ topMovies }}
     >
       <Autocomplete
-        label="Label:"
+        label="Label"
         value={10}
         show_submit_button={true}
         on_change={({ data }) => {
@@ -199,7 +199,7 @@ export const AutocompletePredefinedInput = () => (
       scope={{ topMovies }}
     >
       <Autocomplete
-        label="Label:"
+        label="Label"
         input_value="the pa ther"
         no_animation
         on_change={({ data }) => {
@@ -220,16 +220,12 @@ export const AutocompleteDifferentSizes = () => (
     >
       <Flex.Vertical>
         <Autocomplete
-          label="Label:"
+          label="Label"
           size="default"
           data={() => topMovies}
         />
-        <Autocomplete
-          label="Label:"
-          size="medium"
-          data={() => topMovies}
-        />
-        <Autocomplete label="Label:" size="large" data={() => topMovies} />
+        <Autocomplete label="Label" size="medium" data={() => topMovies} />
+        <Autocomplete label="Label" size="large" data={() => topMovies} />
       </Flex.Vertical>
     </ComponentBox>
   </Wrapper>
@@ -266,20 +262,20 @@ export const AutocompleteCustomWidth = () => (
       return (
         <Flex.Vertical>
           <CustomWidthOne
-            label="Label:"
+            label="Label"
             label_sr_only
             size="default"
             icon_position="left"
             data={topMovies}
           />
           <CustomWidthTwo
-            label="Label:"
+            label="Label"
             label_sr_only
             size="medium"
             data={topMovies}
           />
           <CustomWidthThree
-            label="Label:"
+            label="Label"
             label_sr_only
             size="large"
             align_autocomplete="right"
@@ -361,7 +357,7 @@ export const AutocompleteOpened = () => {
         hideCode
       >
         <Autocomplete
-          label="Label:"
+          label="Label"
           input_value="lord"
           opened
           no_animation
@@ -371,7 +367,7 @@ export const AutocompleteOpened = () => {
           right="large"
         />
         <Autocomplete
-          label="Label:"
+          label="Label"
           input_value="angry"
           skip_portal
           opened
@@ -530,7 +526,7 @@ export const AutocompleteDisabledExample = () => (
         show_submit_button
         data={topMovies}
         value={1}
-        label="Label:"
+        label="Label"
         bottom
       />
       <br />
@@ -539,7 +535,7 @@ export const AutocompleteDisabledExample = () => (
         show_submit_button
         data={topMovies}
         value={1}
-        label="Label:"
+        label="Label"
         suffix="Suffix"
         size="large"
       />
@@ -566,7 +562,7 @@ export const AutocompleteContentAsArrayExample = () => (
             ],
           },
         ]}
-        label="Label:"
+        label="Label"
       />
     </ComponentBox>
   </Wrapper>
@@ -589,7 +585,7 @@ export const AutocompleteContentAsFragmentExample = () => (
             ),
           },
         ]}
-        label="Label:"
+        label="Label"
       />
     </ComponentBox>
   </Wrapper>
@@ -605,7 +601,7 @@ export const AutocompleteContentDecoupledExample = () => (
             search_content: ['your search content'],
           },
         ]}
-        label="Label:"
+        label="Label"
       />
     </ComponentBox>
   </Wrapper>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/avatar/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/avatar/Examples.tsx
index 9d1eb78ce34..accef4205ec 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/avatar/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/avatar/Examples.tsx
@@ -13,7 +13,7 @@ import { Avatar, Icon, Logo } from '@dnb/eufemia/src'
 
 export const AvatarSizeDefault = () => (
   <ComponentBox hideCode data-visual-test="avatar-size-default">
-    <Avatar.Group label="Persons:">
+    <Avatar.Group label="Persons">
       <Avatar>Ola Nordmann</Avatar>
     </Avatar.Group>
   </ComponentBox>
@@ -22,7 +22,7 @@ export const AvatarSizeDefault = () => (
 export const AvatarSizeSmall = () => (
   <ComponentBox hideCode data-visual-test="avatar-size-small">
     Text{' '}
-    <Avatar.Group label="Animals:">
+    <Avatar.Group label="Animals">
       <Avatar size="small">Duck</Avatar>
     </Avatar.Group>{' '}
     Text
@@ -31,7 +31,7 @@ export const AvatarSizeSmall = () => (
 
 export const AvatarSizeMedium = () => (
   <ComponentBox hideCode data-visual-test="avatar-size-medium">
-    <Avatar.Group label="Stocks:">
+    <Avatar.Group label="Stocks">
       <Avatar size="medium">NFLX</Avatar>
     </Avatar.Group>
   </ComponentBox>
@@ -39,7 +39,7 @@ export const AvatarSizeMedium = () => (
 
 export const AvatarSizeLarge = () => (
   <ComponentBox hideCode data-visual-test="avatar-size-large">
-    <Avatar.Group label="Companies:">
+    <Avatar.Group label="Companies">
       <Avatar size="large">Amazon</Avatar>
     </Avatar.Group>
   </ComponentBox>
@@ -47,7 +47,7 @@ export const AvatarSizeLarge = () => (
 
 export const AvatarSizeXLarge = () => (
   <ComponentBox hideCode data-visual-test="avatar-size-x-large">
-    <Avatar.Group label="TV Shows:">
+    <Avatar.Group label="TV Shows">
       <Avatar size="x-large">Friends</Avatar>
     </Avatar.Group>
   </ComponentBox>
@@ -55,7 +55,7 @@ export const AvatarSizeXLarge = () => (
 
 export const AvatarVariantDefault = () => (
   <ComponentBox hideCode data-visual-test="avatar-variant-default">
-    <Avatar.Group label="Dogs:">
+    <Avatar.Group label="Dogs">
       <Avatar>Kleiner münsterländer</Avatar>
     </Avatar.Group>
   </ComponentBox>
@@ -63,7 +63,7 @@ export const AvatarVariantDefault = () => (
 
 export const AvatarVariantPrimary = () => (
   <ComponentBox hideCode data-visual-test="avatar-variant-primary">
-    <Avatar.Group label="Cities:">
+    <Avatar.Group label="Cities">
       <Avatar variant="primary">Oslo</Avatar>
     </Avatar.Group>
   </ComponentBox>
@@ -71,7 +71,7 @@ export const AvatarVariantPrimary = () => (
 
 export const AvatarVariantSecondary = () => (
   <ComponentBox hideCode data-visual-test="avatar-variant-secondary">
-    <Avatar.Group label="Countries:">
+    <Avatar.Group label="Countries">
       <Avatar variant="secondary">Spain</Avatar>
     </Avatar.Group>
   </ComponentBox>
@@ -79,7 +79,7 @@ export const AvatarVariantSecondary = () => (
 
 export const AvatarVariantTertiary = () => (
   <ComponentBox hideCode data-visual-test="avatar-variant-tertiary">
-    <Avatar.Group label="Cars:">
+    <Avatar.Group label="Cars">
       <Avatar variant="tertiary">Tesla</Avatar>
     </Avatar.Group>
   </ComponentBox>
@@ -91,7 +91,7 @@ export const AvatarConfettiIcon = () => (
     scope={{ Confetti }}
     data-visual-test="avatar-children-icon-primary"
   >
-    <Avatar.Group label="Icons:">
+    <Avatar.Group label="Icons">
       <Avatar variant="primary">
         <Icon icon={Confetti} />
       </Avatar>
@@ -105,7 +105,7 @@ export const AvatarCardIcon = () => (
     scope={{ Card }}
     data-visual-test="avatar-children-icon-secondary"
   >
-    <Avatar.Group label="Icons:">
+    <Avatar.Group label="Icons">
       <Avatar variant="secondary">
         <Icon icon={Card} />
       </Avatar>
@@ -119,7 +119,7 @@ export const AvatarAccountCardIcon = () => (
     scope={{ AccountCard }}
     data-visual-test="avatar-children-icon-tertiary"
   >
-    <Avatar.Group label="Icons:">
+    <Avatar.Group label="Icons">
       <Avatar variant="tertiary">
         <Icon icon={AccountCard} />
       </Avatar>
@@ -129,7 +129,7 @@ export const AvatarAccountCardIcon = () => (
 
 export const AvatarDNBLogo = () => (
   <ComponentBox hideCode data-visual-test="avatar-children-logo">
-    <Avatar.Group label="Logos:">
+    <Avatar.Group label="Logos">
       <Avatar>
         <Logo size="auto" inherit_color />
       </Avatar>
@@ -139,7 +139,7 @@ export const AvatarDNBLogo = () => (
 
 export const AvatarImageDNB = () => (
   <ComponentBox hideCode data-visual-test="avatar-image-local-png">
-    <Avatar.Group label="Banks:">
+    <Avatar.Group label="Banks">
       <Avatar
         src="/dnb/android-chrome-192x192.png"
         alt="DNB Logo"
@@ -151,7 +151,7 @@ export const AvatarImageDNB = () => (
 
 export const AvatarImagePinnedTab = () => (
   <ComponentBox hideCode data-visual-test="avatar-image-local-svg">
-    <Avatar.Group label="Icons:">
+    <Avatar.Group label="Icons">
       <Avatar
         variant="tertiary"
         src="/dnb/safari-pinned-tab.svg"
@@ -163,7 +163,7 @@ export const AvatarImagePinnedTab = () => (
 
 export const AvatarImageTobias = () => (
   <ComponentBox hideCode data-visual-test="avatar-image-external">
-    <Avatar.Group label="Profiles:">
+    <Avatar.Group label="Profiles">
       <Avatar
         src="/images/avatars/1501870.jpg"
         alt="Profile picture"
@@ -175,7 +175,7 @@ export const AvatarImageTobias = () => (
 
 export const AvatarImageProps = () => (
   <ComponentBox hideCode data-visual-test="avatar-image-props">
-    <Avatar.Group label="Images of banks:">
+    <Avatar.Group label="Images of banks">
       <Avatar
         variant="secondary"
         size="large"
@@ -194,7 +194,7 @@ export const GroupedAvatarsSmall = () => (
   <ComponentBox hideCode data-visual-test="avatar-grouped-small">
     Text{' '}
     <Avatar.Group
-      label="Friends:"
+      label="Friends"
       size="small"
       variant="primary"
       maxElements={6}
@@ -213,7 +213,7 @@ export const GroupedAvatarsSmall = () => (
 
 export const GroupedAvatarsMedium = () => (
   <ComponentBox hideCode data-visual-test="avatar-grouped-medium">
-    <Avatar.Group label="Employees:" size="medium" maxElements={5}>
+    <Avatar.Group label="Employees" size="medium" maxElements={5}>
       <Avatar>Anders</Avatar>
       <Avatar>Bjørnar</Avatar>
       <Avatar>Cathrine</Avatar>
@@ -228,7 +228,7 @@ export const GroupedAvatarsMedium = () => (
 export const GroupedAvatarsLarge = () => (
   <ComponentBox hideCode data-visual-test="avatar-grouped-large">
     <Avatar.Group
-      label="Borrowers:"
+      label="Borrowers"
       size="large"
       variant="tertiary"
       maxElements={4}
@@ -247,7 +247,7 @@ export const GroupedAvatarsLarge = () => (
 export const GroupedAvatarsXLarge = () => (
   <ComponentBox hideCode data-visual-test="avatar-grouped-x-large">
     <Avatar.Group
-      label="Enemies:"
+      label="Enemies"
       size="x-large"
       variant="secondary"
       maxElements={3}
@@ -266,7 +266,7 @@ export const GroupedAvatarsXLarge = () => (
 export const GroupedAvatarsImg = () => (
   <ComponentBox hideCode data-visual-test="avatar-grouped-image">
     <Avatar.Group
-      label="Eufemia contributors:"
+      label="Eufemia contributors"
       size="large"
       maxElements={5}
     >
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/badge/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/badge/Examples.tsx
index 619a1001042..a27e24d68d4 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/badge/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/badge/Examples.tsx
@@ -12,7 +12,7 @@ import { Badge, Avatar, Icon, Img } from '@dnb/eufemia/src'
 
 export const BadgeNotification = () => (
   <ComponentBox hideCode data-visual-test="badge-variant-notification">
-    <Badge content={1} label="Notifications:" variant="notification" />
+    <Badge content={1} label="Notifications" variant="notification" />
   </ComponentBox>
 )
 
@@ -23,7 +23,7 @@ export const BadgeNotificationInline = () => (
   >
     <div>
       Text{' '}
-      <Badge content={1} label="Notifications:" variant="notification" />{' '}
+      <Badge content={1} label="Notifications" variant="notification" />{' '}
       Text
     </div>
   </ComponentBox>
@@ -34,8 +34,8 @@ export const BadgeNotificationAvatar = () => (
     hideCode
     data-visual-test="badge-variant-notification-avatar"
   >
-    <Badge content={1} label="Notifications:" variant="notification">
-      <Avatar.Group label="Persons:">
+    <Badge content={1} label="Notifications" variant="notification">
+      <Avatar.Group label="Persons">
         <Avatar size="large">A</Avatar>
       </Avatar.Group>
     </Badge>
@@ -65,7 +65,7 @@ export const BadgeInformationAvatar = () => (
     data-visual-test="badge-variant-information-avatar"
   >
     <Badge content="Ny" variant="information">
-      <Avatar.Group label="Persons:">
+      <Avatar.Group label="Persons">
         <Avatar size="large" variant="secondary">
           A
         </Avatar>
@@ -78,12 +78,12 @@ export const BadgeTopLeft = () => (
   <ComponentBox hideCode data-visual-test="badge-top-left">
     <Badge
       content={66}
-      label="Notifications:"
+      label="Notifications"
       vertical="top"
       horizontal="left"
       variant="notification"
     >
-      <Avatar.Group label="Persons:">
+      <Avatar.Group label="Persons">
         <Avatar size="large">A</Avatar>
       </Avatar.Group>
     </Badge>
@@ -94,12 +94,12 @@ export const BadgeTopRight = () => (
   <ComponentBox hideCode data-visual-test="badge-top-right">
     <Badge
       content={1}
-      label="Notifications:"
+      label="Notifications"
       vertical="top"
       horizontal="right"
       variant="notification"
     >
-      <Avatar.Group label="Persons:">
+      <Avatar.Group label="Persons">
         <Avatar size="large">A</Avatar>
       </Avatar.Group>
     </Badge>
@@ -110,12 +110,12 @@ export const BadgeBottomLeft = () => (
   <ComponentBox hideCode data-visual-test="badge-bottom-left">
     <Badge
       content={13}
-      label="Notifications:"
+      label="Notifications"
       vertical="bottom"
       horizontal="left"
       variant="notification"
     >
-      <Avatar.Group label="Persons:">
+      <Avatar.Group label="Persons">
         <Avatar size="large">A</Avatar>
       </Avatar.Group>
     </Badge>
@@ -126,12 +126,12 @@ export const BadgeBottomRight = () => (
   <ComponentBox hideCode data-visual-test="badge-bottom-right">
     <Badge
       content={58}
-      label="Notifications:"
+      label="Notifications"
       vertical="bottom"
       horizontal="right"
       variant="notification"
     >
-      <Avatar.Group label="Persons:">
+      <Avatar.Group label="Persons">
         <Avatar size="large">A</Avatar>
       </Avatar.Group>
     </Badge>
@@ -148,7 +148,7 @@ export const BadgeMailIcon = () => (
   >
     <Badge
       content={99}
-      label="Notifications:"
+      label="Notifications"
       variant="notification"
       vertical="top"
       horizontal="right"
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 50a3f676453..375f618e14f 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
@@ -16,7 +16,7 @@ export const CheckboxUnchecked = () => (
 export const CheckboxChecked = () => (
   <ComponentBox data-visual-test="checkbox-checked">
     <Checkbox
-      label="Label:"
+      label="Label"
       label_position="left"
       checked
       on_change={({ checked }) => console.log(checked)}
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/date-picker/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/date-picker/Examples.tsx
index 2fa81d65279..0a97bcec310 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/date-picker/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/date-picker/Examples.tsx
@@ -37,7 +37,7 @@ export const DatePickerRange = () => (
     }}
   >
     <DatePicker
-      label="DatePicker:"
+      label="DatePicker"
       start_date="2019-04-01"
       end_date="2019-05-17"
       range={true}
@@ -85,7 +85,7 @@ export const DatePickerRange = () => (
 export const DatePickerWithInput = () => (
   <ComponentBox>
     <DatePicker
-      label="DatePicker:"
+      label="DatePicker"
       date={new Date()}
       show_input={true}
       show_cancel_button={true}
@@ -104,7 +104,7 @@ export const DatePickerTrigger = () => (
   <Wrapper>
     <ComponentBox data-visual-test="date-picker-trigger-default">
       <DatePicker
-        label="DatePicker:"
+        label="DatePicker"
         date="2019-05-05"
         return_format="dd-MM-yyyy"
         on_change={({ date }) => {
@@ -121,7 +121,7 @@ export const DatePickerTrigger = () => (
 export const DatePickerHiddenNav = () => (
   <ComponentBox>
     <DatePicker
-      label="DatePicker:"
+      label="DatePicker"
       date="2022/05/05"
       min_date="2022/05/01"
       max_date="2022/05/17"
@@ -142,7 +142,7 @@ export const DatePickerHiddenNav = () => (
 export const DatePickerMonthOnly = () => (
   <ComponentBox>
     <DatePicker
-      label="DatePicker:"
+      label="DatePicker"
       date="05/02/2019"
       date_format="MM/dd/yyyy"
       only_month={true}
@@ -153,7 +153,7 @@ export const DatePickerMonthOnly = () => (
 export const DatePickerStatusMessage = () => (
   <ComponentBox>
     <DatePicker
-      label="DatePicker:"
+      label="DatePicker"
       date={new Date()}
       show_input={true}
       status="Please select a valid date"
@@ -165,7 +165,7 @@ export const DatePickerStatusMessage = () => (
 export const DatePickerSuffix = () => (
   <ComponentBox>
     <DatePicker
-      label="DatePicker:"
+      label="DatePicker"
       date={new Date()}
       show_input
       suffix={<HelpButton title="Modal Title">Modal content</HelpButton>}
@@ -176,7 +176,7 @@ export const DatePickerSuffix = () => (
 export const DatePickerLinked = () => (
   <Wrapper>
     <ComponentBox data-visual-test="date-picker-input">
-      <DatePicker label="DatePicker:" range link show_input />
+      <DatePicker label="DatePicker" range link show_input />
     </ComponentBox>
   </Wrapper>
 )
@@ -185,7 +185,7 @@ export const DatePickerNoInputStatus = () => (
   <Wrapper>
     <ComponentBox data-visual-test="date-picker-trigger-error">
       <DatePicker
-        label="DatePicker:"
+        label="DatePicker"
         date="2019-05-05"
         hide_navigation={true}
         status="Please select a valid date"
@@ -198,7 +198,7 @@ export const DatePickerErrorMessage = () => (
   <Wrapper>
     <ComponentBox data-visual-test="date-picker-input-error">
       <DatePicker
-        label="DatePicker:"
+        label="DatePicker"
         date="2019-05-05"
         show_input={true}
         show_submit_button={true}
@@ -216,7 +216,7 @@ export const DatePickerErrorMessage = () => (
 export const DatePickerErrorStatus = () => (
   <ComponentBox>
     <DatePicker
-      label="DatePicker:"
+      label="DatePicker"
       date={new Date()}
       hide_navigation={true}
       status="error"
@@ -246,25 +246,25 @@ export const DatePickerScreenshotTestSizes = () => {
         <Provider formElement={{ label_direction: 'vertical' }}>
           <Flex.Vertical>
             <DatePicker
-              label="DatePicker:"
+              label="DatePicker"
               date={new Date('2022/06/10')}
               show_input={true}
             />
             <DatePicker
               size="small"
-              label="DatePicker:"
+              label="DatePicker"
               date={new Date('2022/06/10')}
               show_input={true}
             />
             <DatePicker
               size="medium"
-              label="DatePicker:"
+              label="DatePicker"
               date={new Date('2022/06/10')}
               show_input={true}
             />
             <DatePicker
               size="large"
-              label="DatePicker:"
+              label="DatePicker"
               date={new Date('2022/06/10')}
               show_input={true}
             />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/date-picker/events.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/date-picker/events.mdx
index 4f0805c9feb..7d53fbeaa59 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/date-picker/events.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/date-picker/events.mdx
@@ -16,6 +16,7 @@ import { DatePickerDateFnsRangeIsWeekend } from 'Docs/uilib/components/date-pick
 | `on_show`        | _(optional)_ will be called once date-picker is visible.                                                                |
 | `on_hide`        | _(optional)_ will be called once date-picker is hidden.                                                                 |
 | `on_days_render` | _(optional)_ will be called right before every new calendar view gets rendered. See the example above.                  |
+| `onBlur`         | _(optional)_ will be called once the input lose focus.                                                                  |
 
 ## Returned Object
 
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/Examples.tsx
index 055954464fc..319bf43f707 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/Examples.tsx
@@ -90,7 +90,7 @@ export const DialogExampleDelayClose = () => (
     >
       <P>This is a Dialog with no close button.</P>
       <P>Click outside me, and I will be closed within 1 second.</P>
-      <Input label="Focus:" top>
+      <Input label="Focus" top>
         Focus me with Tab key
       </Input>
     </Dialog>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dropdown/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/dropdown/Examples.tsx
index 3a13e2bd654..ed68e4e32ab 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/dropdown/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/dropdown/Examples.tsx
@@ -142,7 +142,7 @@ export const DropdownFind = () => (
           <Dropdown
             data={scrollableData}
             value="key_1" // use either index (5) or selected_key: 'key_1'
-            label="Label:"
+            label="Label"
           />
         )
       }}
@@ -198,7 +198,7 @@ export const DropdownNoValue = () => (
         return (
           <Dropdown
             data={data}
-            label="Label:"
+            label="Label"
             title="Please select a value"
             on_change={({ data }) => {
               console.log('on_change', data)
@@ -216,7 +216,7 @@ export const DropdownEllipsisOverflow = () => (
       <Dropdown
         data={['Long text that will overflow with CSS ellipsis']}
         value={0}
-        label="Label:"
+        label="Label"
       />
     </ComponentBox>
   </Wrapper>
@@ -242,7 +242,7 @@ export const DropdownDirections = () => {
         data-visual-test="dropdown-item-directions"
       >
         <Dropdown
-          label="Label:"
+          label="Label"
           data={[
             ['Vertical', 'alignment'],
             <>
@@ -270,7 +270,7 @@ export const DropdownIconLeft = () => (
   <Wrapper>
     <ComponentBox scope={{ data }} data-visual-test="dropdown-left-icon">
       <Dropdown
-        label="Label:"
+        label="Label"
         icon_position="left"
         data={data}
         value={3}
@@ -429,7 +429,7 @@ export const DropdownMoreMenu = () => {
 export const DropdownDisabled = () => (
   <Wrapper>
     <ComponentBox scope={{ data }} data-visual-test="dropdown-disabled">
-      <Dropdown disabled data={['Disabled Dropdown']} label="Label:" />
+      <Dropdown disabled data={['Disabled Dropdown']} label="Label" />
     </ComponentBox>
   </Wrapper>
 )
@@ -495,7 +495,7 @@ export const DropdownCustomEvent = () => {
             <Dropdown
               action_menu
               right
-              label="Label:"
+              label="Label"
               title="Choose an item"
               data={() => ({
                 first: (
@@ -528,9 +528,9 @@ export const DropdownSizes = () => (
   <Wrapper>
     <ComponentBox data-visual-test="dropdown-sizes" scope={{ data }}>
       <Flex.Vertical>
-        <Dropdown label="Label:" size="default" data={() => data} />
-        <Dropdown label="Label:" size="medium" data={() => data} />
-        <Dropdown label="Label:" size="large" data={() => data} />
+        <Dropdown label="Label" size="default" data={() => data} />
+        <Dropdown label="Label" size="medium" data={() => data} />
+        <Dropdown label="Label" size="large" data={() => data} />
       </Flex.Vertical>
     </ComponentBox>
   </Wrapper>
@@ -575,19 +575,19 @@ export const DropdownCustomWidth = () => (
         return (
           <Flex.Vertical>
             <CustomWidthOne
-              label="Label:"
+              label="Label"
               size="default"
               icon_position="left"
               data={data}
             />
             <CustomWidthTwo
-              label="Label:"
+              label="Label"
               size="small"
               more_menu
               data={data}
             />
             <CustomWidthThree
-              label="Label:"
+              label="Label"
               size="large"
               align_dropdown="right"
               data={data}
@@ -612,7 +612,7 @@ export const DropdownStatusVertical = () => (
     >
       <Dropdown
         data={data}
-        label="Label:"
+        label="Label"
         label_direction="vertical"
         status="Message to the user"
       />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/Examples.tsx
index a76fe50ebde..6a176de3bbd 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/Examples.tsx
@@ -9,7 +9,7 @@ import { FormLabel, Checkbox, Switch } from '@dnb/eufemia/src'
 
 export const Default = () => (
   <ComponentBox data-visual-test="form-label-default">
-    <FormLabel for_id="alone-1">Default horizontal FormLabel:</FormLabel>
+    <FormLabel for_id="alone-1">Default horizontal FormLabel</FormLabel>
     <Checkbox id="alone-1" label="Checkbox" />
   </ComponentBox>
 )
@@ -17,7 +17,7 @@ export const Default = () => (
 export const Vertical = () => (
   <ComponentBox data-visual-test="form-label-vertical">
     <FormLabel for_id="alone-2" label_direction="vertical">
-      Vertical FormLabel:
+      Vertical FormLabel
     </FormLabel>
     <Checkbox id="alone-2" label="Checkbox" />
   </ComponentBox>
@@ -25,7 +25,7 @@ export const Vertical = () => (
 
 export const NoForId = () => (
   <ComponentBox>
-    <FormLabel vertical={true}>Without for_id (select me):</FormLabel>
+    <FormLabel vertical={true}>Without for_id (select me)</FormLabel>
     <Checkbox label="Checkbox" />
   </ComponentBox>
 )
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/info.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/info.mdx
index d4e24ec8b59..55644326658 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/info.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/info.mdx
@@ -5,3 +5,7 @@ showTabs: true
 ## Description
 
 The FormLabel component represents a caption for all sorts of HTML elements in a user interface.
+
+### Colon character
+
+DNB UX has chosen to not use colon on the end of form element labels. For consistency throughout our websites, please avoid using them.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/form-status/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/form-status/Examples.tsx
index 95cd7eb6ad1..c025be59030 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/form-status/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/form-status/Examples.tsx
@@ -66,7 +66,7 @@ export const FormStatusWithMarketing = () => (
 export const FormStatusInput = () => (
   <ComponentBox>
     <Input
-      label="Input with status:"
+      label="Input with status"
       status="You have to fill in this field"
       value="Input value"
     />
@@ -87,7 +87,7 @@ export const FormStatusAnimation = () => (
         return (
           <Provider formElement={{ vertical: false }}>
             <Input
-              label="Input with status:"
+              label="Input with status"
               status={status}
               value="Input value"
               right
@@ -114,7 +114,7 @@ export const FormStatusCustom = () => (
 
       return (
         <Input
-          label="Input with custom status:"
+          label="Input with custom status"
           status={<CustomStatus />}
           status_state="info"
           value="Input value"
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/global-status/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/global-status/Examples.tsx
index d5f352a6d9b..5f4564cdb0d 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/global-status/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/global-status/Examples.tsx
@@ -88,7 +88,7 @@ export const GlobalStatusCoupling = () => (
         const [errorMessage, setErrorMessage] = React.useState(null)
         return (
           <Input
-            label="Input:"
+            label="Input"
             placeholder="Write less than 5 chars and dismiss the focus to show the GlobalStatus ..."
             stretch
             status={errorMessage}
@@ -228,7 +228,7 @@ export const GlobalStatusUpdate = () => (
             <Input
               top
               right
-              label="Label A:"
+              label="Label A"
               placeholder="Placeholder A"
               status={errorA}
               globalStatus={{ id: 'demo-2' }}
@@ -238,7 +238,7 @@ export const GlobalStatusUpdate = () => (
             />
             <Input
               top
-              label="Label B:"
+              label="Label B"
               placeholder="Placeholder B"
               status={errorB}
               globalStatus={{ id: 'demo-2' }}
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/input-masked/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/input-masked/Examples.tsx
index c0766052ced..0d8824fe2f2 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/input-masked/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/input-masked/Examples.tsx
@@ -20,7 +20,7 @@ export const InputMaskedExampleNumberLocale = () => (
       <Provider formElement={{ label_direction: 'vertical' }}>
         <Flex.Vertical>
           <InputMasked
-            label="Number:"
+            label="Number"
             as_number
             mask_options={{ allowNegative: false }}
             value="1234.50"
@@ -29,7 +29,7 @@ export const InputMaskedExampleNumberLocale = () => (
             }}
           />
           <InputMasked
-            label="Number (decimal limit):"
+            label="Number (decimal limit)"
             as_number
             number_mask={{ decimalLimit: 2 }}
             value="1234.016"
@@ -38,7 +38,7 @@ export const InputMaskedExampleNumberLocale = () => (
             }}
           />
           <InputMasked
-            label="Percentage:"
+            label="Percentage"
             as_percent
             number_mask={{ decimalLimit: 1 }}
             value="1234.016"
@@ -58,7 +58,7 @@ export const InputMaskedExampleCurrencyLocale = () => (
       <Provider formElement={{ label_direction: 'vertical' }}>
         <Flex.Vertical>
           <InputMasked
-            label="Currency:"
+            label="Currency"
             as_currency="EUR"
             value="1234.50"
             on_change={({ numberValue }) => {
@@ -74,7 +74,7 @@ export const InputMaskedExampleCurrencyLocale = () => (
             }}
           >
             <InputMasked
-              label="Currency:"
+              label="Currency"
               as_currency="USD"
               value="1234.567"
               on_change={({ numberValue }) => {
@@ -94,7 +94,7 @@ export const InputMaskedExampleCurrencyMask = () => (
       <Provider formElement={{ label_direction: 'vertical' }}>
         <Flex.Vertical>
           <InputMasked
-            label="Left aligned (default):"
+            label="Left aligned (default)"
             show_mask
             currency_mask="kr"
             on_change={({ numberValue }) => {
@@ -102,7 +102,7 @@ export const InputMaskedExampleCurrencyMask = () => (
             }}
           />
           <InputMasked
-            label="Right aligned:"
+            label="Right aligned"
             show_mask
             currency_mask={{ currency: 'NOK' }}
             align="right"
@@ -120,7 +120,7 @@ export const InputMaskedExampleCustomNumberMask = () => (
   <Wrapper>
     <ComponentBox>
       <InputMasked
-        label="Masked amount:"
+        label="Masked amount"
         show_mask
         number_mask={{
           suffix: ' kr',
@@ -139,7 +139,7 @@ export const InputMaskedExampleNumberMask = () => (
   <Wrapper>
     <ComponentBox data-visual-test="input-masked-number_mask">
       <InputMasked
-        label="Masked input:"
+        label="Masked input"
         value="1000000"
         number_mask={{
           suffix: ',-',
@@ -158,7 +158,7 @@ export const InputMaskedExamplePrefix = () => (
   <Wrapper>
     <ComponentBox>
       <InputMasked
-        label="Masked input:"
+        label="Masked input"
         number_mask={{
           prefix: 'NOK ',
         }}
@@ -176,7 +176,7 @@ export const InputMaskedExamplePhone = () => (
   <Wrapper>
     <ComponentBox data-visual-test="input-masked-phone">
       <InputMasked
-        label="Masked input:"
+        label="Masked input"
         mask={[
           '0',
           '0',
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/input-masked/info.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/input-masked/info.mdx
index 457e65bd9bb..c1fd9f8db91 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/input-masked/info.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/input-masked/info.mdx
@@ -30,7 +30,11 @@ Both entering a comma or a dot will act as a decimal separator if [decimals are
 
 #### InputMode
 
-For mobile devices and soft keyboards, the HTML input element does support a numeric-only keyboard. But sadly it does not support negative values at the time of writing this. So it is only enabled if `allowNegative` is set to false.
+**NB:** Please do not set `inputMode="numeric"` or `inputMode="decimal"`, because devices may or may not show a minus key (`-`)!
+
+The InputMasked component does handle soft keyboards (iOS and Android) by using either `inputMode="numeric"` and `inputMode="decimal"` depending on `allowNegative` and `allowDecimal` (getSoftKeyboardAttributes).
+
+For iOS it additionally sets `type="number"` during focus (InputModeNumber). This way the correct numeric soft keyboard is shown.
 
 <InputMaskedInfoInputMode />
 
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/input/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/input/Examples.tsx
index 2bf1740e667..7920f551c83 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/input/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/input/Examples.tsx
@@ -32,7 +32,7 @@ const Wrapper = styled.div`
 export const InputExampleDefault = () => (
   <Wrapper>
     <ComponentBox data-visual-test="input-placeholder">
-      <Input label="Label:" placeholder="Placeholder text" />
+      <Input label="Label" placeholder="Placeholder text" />
     </ComponentBox>
   </Wrapper>
 )
@@ -41,7 +41,7 @@ export const InputExampleSearch = () => (
   <Wrapper>
     <ComponentBox data-visual-test="input-search">
       <Input
-        label="Search:"
+        label="Search"
         type="search"
         placeholder="Search text placeholder"
         on_change={({ value }) => {
@@ -75,14 +75,14 @@ export const InputExampleWithIcon = () => (
   <Wrapper>
     <ComponentBox data-visual-test="input-icon">
       <Input
-        label="Input with icon:"
+        label="Input with icon"
         placeholder="Input"
         label_direction="vertical"
         icon="check"
         bottom
       />
       <Input
-        label="Input with icon:"
+        label="Input with icon"
         label_sr_only
         placeholder="Input with a placeholder"
         icon_position="right"
@@ -98,7 +98,7 @@ export const InputExampleDisabled = () => (
     <ComponentBox data-visual-test="input-disabled">
       <Input
         disabled
-        label="Disabled input:"
+        label="Disabled input"
         placeholder="Disabled Input with a placeholder"
       />
     </ComponentBox>
@@ -116,14 +116,14 @@ export const InputExampleFormStatus = () => (
         <Flex.Vertical>
           <div data-visual-test="input-error">
             <Input
-              label="With FormStatus:"
+              label="With FormStatus"
               status="You have to fill in this field"
               value="Input value with error"
             />
           </div>
           <div data-visual-test="input-error-button">
             <Input
-              label="With button:"
+              label="With button"
               status="You have to fill in this field"
               value="Input value with error"
               type="search"
@@ -165,7 +165,7 @@ export const InputExampleStretched = () => (
     <ComponentBox data-visual-test="input-stretch">
       <Provider formElement={{ label_direction: 'vertical' }}>
         <FieldBlock
-          label="Long label labwl Adipiscing mauris dis proin nec:"
+          label="Long label labwl Adipiscing mauris dis proin nec"
           forId="input-id"
         >
           <Input
@@ -185,7 +185,7 @@ export const InputExampleNumbers = () => (
   <Wrapper>
     <ComponentBox>
       <Input
-        label="Label:"
+        label="Label"
         autocomplete="on"
         placeholder="Placeholder text"
         status="Numbers are using DNB Mono (monospace)"
@@ -208,7 +208,7 @@ export const InputExampleSubmit = () => (
           console.log(event)
         }}
       >
-        <FormLabel for_id="search">Label:</FormLabel>
+        <FormLabel for_id="search">Label</FormLabel>
         <Flex.Horizontal align="baseline">
           <Input
             id="search"
@@ -236,7 +236,7 @@ export const InputExamplePassword = () => (
       data-visual-test="input-password"
     >
       <InputPassword
-        label="Label:"
+        label="Label"
         placeholder="A placeholder text"
         on_change={({ value }) => {
           console.log('on_change:', value)
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/radio/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/radio/Examples.tsx
index 19691ca6af4..03b3ddeb080 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/radio/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/radio/Examples.tsx
@@ -11,7 +11,7 @@ import { FieldBlock } from '@dnb/eufemia/src/extensions/forms'
 export const RadioExampleDefault = () => (
   <ComponentBox data-visual-test="radio-group">
     <Radio.Group
-      label="Radio Group:"
+      label="Radio Group"
       on_change={({ value }) => {
         console.log('on_change', value)
       }}
@@ -27,7 +27,7 @@ export const RadioExampleDefault = () => (
 export const RadioExampleVerticalGroup = () => (
   <ComponentBox data-visual-test="radio-group-vertical">
     <Radio.Group
-      label="Vertical Group:"
+      label="Vertical Group"
       layout_direction="column"
       on_change={({ value }) => {
         console.log('on_change', value)
@@ -44,7 +44,7 @@ export const RadioExampleLabelAbove = () => (
   <ComponentBox data-visual-test="radio-group-label-above">
     <Radio.Group
       vertical
-      label="Vertical Group:"
+      label="Vertical Group"
       layout_direction="column"
       on_change={({ value }) => {
         console.log('on_change', value)
@@ -60,7 +60,7 @@ export const RadioExampleLabelAbove = () => (
 export const RadioExampleGroupStatus = () => (
   <ComponentBox data-visual-test="radio-group-status">
     <Radio.Group
-      label="Radio Group with status:"
+      label="Radio Group with status"
       layout_direction="column"
       on_change={({ value }) => {
         console.log('on_change', value)
@@ -81,7 +81,7 @@ export const RadioExampleGroupStatus = () => (
 
 export const RadioExampleWithoutGroup = () => (
   <ComponentBox data-visual-test="radio-group-plain">
-    <FieldBlock label="Plain Radio group:" layout="horizontal">
+    <FieldBlock label="Plain Radio group" layout="horizontal">
       <Radio
         value="first"
         label="First"
@@ -124,7 +124,7 @@ export const RadioExampleSizes = () => (
 export const RadioExampleDisabled = () => (
   <ComponentBox data-visual-test="radio-group-disabled">
     <Radio.Group
-      label="Disabled Group:"
+      label="Disabled Group"
       disabled
       label_position="left"
       name="MyGroup"
@@ -138,7 +138,7 @@ export const RadioExampleDisabled = () => (
 
 export const RadioExampleSuffix = () => (
   <ComponentBox>
-    <Radio.Group label="With suffixes:" label_position="left">
+    <Radio.Group label="With suffixes" label_position="left">
       <Radio label="First" value="first" />
       <Radio
         label="Second"
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/slider/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/slider/Examples.tsx
index 12f2436a794..25c9f237926 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/slider/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/slider/Examples.tsx
@@ -16,7 +16,7 @@ export const SliderExampleDefault = () => (
       min={0}
       max={100}
       value={70}
-      label="Default Slider:"
+      label="Default Slider"
       numberFormat={{ currency: 'EUR' }}
       tooltip={true}
       onChange={({ value }) => console.log('onChange:', value)}
@@ -33,7 +33,7 @@ export const SliderExampleMultiButtons = () => (
           max={100}
           value={[30, 70]}
           step={5}
-          label="Range with steps:"
+          label="Range with steps"
           numberFormat={{ currency: 'USD' }}
           tooltip
           onChange={({ value }) => console.log('onChange:', value)}
@@ -42,7 +42,7 @@ export const SliderExampleMultiButtons = () => (
           min={0}
           max={100}
           value={[10, 30, 50, 70]}
-          label="Multi thumbs:"
+          label="Multi thumbs"
           numberFormat={(value) =>
             format(value, { percent: true, decimals: 0 })
           }
@@ -63,7 +63,7 @@ export const SliderExampleMultiButtonsThumbBehavior = () => (
         <Slider
           multiThumbBehavior="omit"
           value={[30, 70]}
-          label="Omit behavior:"
+          label="Omit behavior"
           numberFormat={{ currency: 'EUR' }}
           tooltip={true}
           onChange={({ value }) => console.log('onChange:', value)}
@@ -73,7 +73,7 @@ export const SliderExampleMultiButtonsThumbBehavior = () => (
           min={-40}
           value={[-10, 50, 70]}
           step={1}
-          label="Push behavior:"
+          label="Push behavior"
           numberFormat={{ currency: true }}
           tooltip={true}
           onChange={({ value, number }) =>
@@ -96,7 +96,7 @@ export const SliderExampleHorizontalSync = () => (
               value={value}
               step={1}
               hideButtons
-              label="Slider A:"
+              label="Slider A"
               numberFormat={{ currency: 'EUR' }}
               tooltip={true}
               onChange={({ value }) => setValue(parseFloat(String(value)))}
@@ -107,7 +107,7 @@ export const SliderExampleHorizontalSync = () => (
                 vertical={true}
                 hideButtons={true}
                 step={10}
-                label="Slider B:"
+                label="Slider B"
                 labelDirection="vertical"
                 numberFormat={(value) =>
                   format(value, { currency: 'NOK' })
@@ -152,7 +152,7 @@ export const SliderExampleSuffix = () => (
       min={0}
       max={100}
       value={70}
-      label="Slider with suffix:"
+      label="Slider with suffix"
       suffix={<HelpButton title="Modal Title">Modal content</HelpButton>}
     />
   </ComponentBox>
@@ -174,7 +174,7 @@ export const SliderVerticalWithSteps = () => (
             value={20}
             step={10}
             vertical={true}
-            label="Vertical slider:"
+            label="Vertical slider"
             labelDirection="vertical"
             onChange={({ value }) => console.log('onChange:', value)}
           />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/switch/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/switch/Examples.tsx
index aa9fbbf195a..b38a9ecde58 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/switch/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/switch/Examples.tsx
@@ -19,7 +19,7 @@ export const SwitchExampleDefault = () => (
 export const SwitchExampleChecked = () => (
   <ComponentBox data-visual-test="switch-checked">
     <Switch
-      label="Label:"
+      label="Label"
       label_position="left"
       checked
       on_change={({ checked }) => console.log(checked)}
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/tabs/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/tabs/Examples.tsx
index 9a4b162e488..f54395a153e 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/tabs/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/tabs/Examples.tsx
@@ -287,7 +287,7 @@ export const TabsExampleReachRouterNavigation = () =>
 
 const exampleContent = {
   first: () => <h2 className="dnb-h--large">First</h2>,
-  second: () => <Input label="Label:">Focus me with next Tab key</Input>,
+  second: () => <Input label="Label">Focus me with next Tab key</Input>,
   third: () => (
     <>
       <p>Paragraph 1</p>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/tag/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/tag/Examples.tsx
index d6cb95aad30..3848b16eadf 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/tag/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/tag/Examples.tsx
@@ -14,7 +14,7 @@ import { Tag } from '@dnb/eufemia/src'
 
 export const TagDefault = () => (
   <ComponentBox data-visual-test="tag-default">
-    <Tag.Group label="Payment types:">
+    <Tag.Group label="Payment types">
       <Tag>Digipost</Tag>
       <Tag>AvtaleGiro</Tag>
     </Tag.Group>
@@ -26,7 +26,7 @@ export const TagWithIcon = () => (
     data-visual-test="tag-icon"
     scope={{ EInvoice, AInvoice, DigiPost }}
   >
-    <Tag.Group label="Betalingstyper:">
+    <Tag.Group label="Betalingstyper">
       <Tag icon={AInvoice} text="AvtaleGiro" />
       <Tag icon={EInvoice} text="eFaktura" />
       <Tag icon={DigiPost} text="DigiPost" />
@@ -36,7 +36,7 @@ export const TagWithIcon = () => (
 
 export const TagRemovable = () => (
   <ComponentBox data-visual-test="tag-removable">
-    <Tag.Group label="Files:">
+    <Tag.Group label="Files">
       <Tag
         text="Eufemia.tsx"
         onDelete={() => {
@@ -50,7 +50,7 @@ export const TagRemovable = () => (
 export const TagInline = () => (
   <ComponentBox data-visual-test="tag-inline">
     Text{' '}
-    <Tag.Group label="Inline:">
+    <Tag.Group label="Inline">
       <Tag text="First" /> between
       <Tag text="Second" />
       <Tag text="Third" />
@@ -78,7 +78,7 @@ export const TagMultipleRemovable = () => (
         }
 
         return (
-          <Tag.Group label="Genres:">
+          <Tag.Group label="Genres">
             {tagData.map((tag) => {
               return (
                 <Tag
@@ -98,7 +98,7 @@ export const TagMultipleRemovable = () => (
 
 export const TagSkeleton = () => (
   <ComponentBox data-visual-test="tag-skeleton">
-    <Tag.Group label="Skeletons:">
+    <Tag.Group label="Skeletons">
       <Tag skeleton text="Skeleton" />
       <Tag skeleton text="Skeleton" />
       <Tag skeleton text="Skeleton" />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/textarea/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/textarea/Examples.tsx
index ed82b00442d..fe741678329 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/textarea/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/textarea/Examples.tsx
@@ -12,7 +12,7 @@ export const TextareaExampleRowsCols = () => (
   <Wrapper>
     <ComponentBox data-visual-test="textarea-default">
       <Textarea
-        label="Default:"
+        label="Default"
         rows="2"
         cols="20"
         value="Textarea value\nNewline"
@@ -34,7 +34,7 @@ export const TextareaExampleRowsCols = () => (
 export const TextareaExamplePlaceholder = () => (
   <Wrapper>
     <ComponentBox>
-      <Textarea label="Placeholder:" placeholder="Placeholder text" />
+      <Textarea label="Placeholder" placeholder="Placeholder text" />
     </ComponentBox>
   </Wrapper>
 )
@@ -43,7 +43,7 @@ export const TextareaExampleVertical = () => (
   <Wrapper>
     <ComponentBox>
       <Textarea
-        label="Vertical:"
+        label="Vertical"
         label_direction="vertical"
         rows="3"
         cols="33"
@@ -57,7 +57,7 @@ export const TextareaExampleStretched = () => (
   <Wrapper>
     <ComponentBox data-visual-test="textarea-stretch">
       <Textarea
-        label="Horizontal:"
+        label="Horizontal"
         stretch={true}
         rows="3"
         value="Nec litora inceptos vestibulum id interdum donec gravida."
@@ -70,7 +70,7 @@ export const TextareaExampleAutoresize = () => (
   <Wrapper>
     <ComponentBox>
       <Textarea
-        label="Autogrow:"
+        label="Autogrow"
         rows={1}
         autoresize={true}
         autoresize_max_rows={4}
@@ -89,7 +89,7 @@ export const TextareaExampleMaxLength = () => (
   <Wrapper>
     <ComponentBox>
       <Textarea
-        label="Length limit:"
+        label="Length limit"
         rows="3"
         cols="33"
         maxLength={20}
@@ -104,7 +104,7 @@ export const TextareaExampleFormStatus = () => (
   <Wrapper>
     <ComponentBox data-visual-test="textarea-error">
       <Textarea
-        label="Error Message:"
+        label="Error Message"
         cols="33"
         value="Nec litora inceptos vestibulum id interdum donec gravida."
         status="Message to the user"
@@ -117,7 +117,7 @@ export const TextareaExampleDisabled = () => (
   <Wrapper>
     <ComponentBox>
       <Textarea
-        label="Disabled:"
+        label="Disabled"
         disabled
         value="Nec litora inceptos vestibulum id interdum donec gravida."
       />
@@ -129,7 +129,7 @@ export const TextareaExampleSuffix = () => (
   <Wrapper>
     <ComponentBox>
       <Textarea
-        label="Textarea with suffix:"
+        label="Textarea with suffix"
         value="Nec litora inceptos vestibulum id interdum donec gravida."
         suffix={<HelpButton title="Modal Title">Modal content</HelpButton>}
       />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/toggle-button/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/toggle-button/Examples.tsx
index 0d47b451b10..3d2ce00c124 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/toggle-button/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/toggle-button/Examples.tsx
@@ -9,14 +9,14 @@ import { ToggleButton, HelpButton } from '@dnb/eufemia/src'
 
 export const ToggleButtonUnchecked = () => (
   <ComponentBox data-visual-test="toggle-button-default">
-    <ToggleButton label="Label:" text="Toggle Me" />
+    <ToggleButton label="Label" text="Toggle Me" />
   </ComponentBox>
 )
 
 export const ToggleButtonChecked = () => (
   <ComponentBox data-visual-test="toggle-button-checked">
     <ToggleButton
-      label="Label:"
+      label="Label"
       text="Checked ToggleButton"
       checked
       on_change={({ checked }) => {
@@ -29,7 +29,7 @@ export const ToggleButtonChecked = () => (
 export const ToggleButtonDefault = () => (
   <ComponentBox data-visual-test="toggle-button-group-default">
     <ToggleButton.Group
-      label="ToggleButton Group:"
+      label="ToggleButton Group"
       value="first"
       on_change={({ value }) => {
         console.log('on_change', value)
@@ -45,7 +45,7 @@ export const ToggleButtonDefault = () => (
 export const ToggleButtonMultiselect = () => (
   <ComponentBox data-visual-test="toggle-button-group-multiselect">
     <ToggleButton.Group
-      label="Multi-select:"
+      label="Multi-select"
       multiselect={true}
       values={['first', 'third']}
       on_change={({ values }) => {
@@ -62,7 +62,7 @@ export const ToggleButtonMultiselect = () => (
 export const ToggleButtonVertical = () => (
   <ComponentBox data-visual-test="toggle-button-group-vertical">
     <ToggleButton.Group
-      label="Vertical Group:"
+      label="Vertical Group"
       layout_direction="column"
       multiselect={true}
       variant="checkbox"
@@ -80,7 +80,7 @@ export const ToggleButtonVertical = () => (
 export const ToggleButtonStatus = () => (
   <ComponentBox>
     <ToggleButton.Group
-      label="ToggleButton Group with status:"
+      label="ToggleButton Group with status"
       status="Error message"
       multiselect={true}
       on_change={({ values }) => {
@@ -97,7 +97,7 @@ export const ToggleButtonStatus = () => (
 export const ToggleButtonStatusMessages = () => (
   <ComponentBox data-visual-test="toggle-button-group-status">
     <ToggleButton.Group
-      label="ToggleButtons with status:"
+      label="ToggleButtons with status"
       variant="radio"
       on_change={({ value }) => {
         console.log('on_change', value)
@@ -122,11 +122,7 @@ export const ToggleButtonStatusMessages = () => (
 
 export const ToggleButtonDisabledGroup = () => (
   <ComponentBox data-visual-test="toggle-button-group-disabled">
-    <ToggleButton.Group
-      label="Disabled Group:"
-      disabled
-      variant="checkbox"
-    >
+    <ToggleButton.Group label="Disabled Group" disabled variant="checkbox">
       <ToggleButton text="First" value="first" />
       <ToggleButton text="Second" value="second" />
       <ToggleButton text="Third" value="third" checked />
@@ -137,7 +133,7 @@ export const ToggleButtonDisabledGroup = () => (
 export const ToggleButtonSuffix = () => (
   <ComponentBox>
     <ToggleButton.Group
-      label="With suffixes:"
+      label="With suffixes"
       suffix={<HelpButton title="Group suffix">Group suffix</HelpButton>}
     >
       <ToggleButton text="First" value="first" />
@@ -156,7 +152,7 @@ export const ToggleButtonSuffix = () => (
 
 export const ToggleButtonIconOnly = () => (
   <ComponentBox>
-    <ToggleButton.Group label="Icons only:">
+    <ToggleButton.Group label="Icons only">
       <ToggleButton icon="bell" value="first" checked />
       <ToggleButton icon="loupe" value="second" />
       <ToggleButton icon="calendar" value="third" />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/Examples.tsx
index 4431cbb5767..fab8ab9eee6 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/Examples.tsx
@@ -204,6 +204,19 @@ export const ValidateMinimum = () => {
   )
 }
 
+export const Percentage = () => {
+  return (
+    <ComponentBox>
+      <Field.Number
+        value={80}
+        label="Percentage"
+        onChange={(value) => console.log('onChange', value)}
+        minimum={90}
+      />
+    </ComponentBox>
+  )
+}
+
 export const ValidateMaximumCustomError = () => {
   return (
     <ComponentBox>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/demos.mdx
index 7990df637f7..c241dc6b083 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/demos.mdx
@@ -65,3 +65,7 @@ import * as Examples from './Examples'
 ### Validation - Maximum and custom error message
 
 <Examples.ValidateMaximumCustomError />
+
+### Percentage
+
+<Examples.Percentage />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/properties.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/properties.mdx
index 8a377515505..a85b302a2a5 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/properties.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Number/properties.mdx
@@ -14,6 +14,7 @@ import DataValueReadwriteProperties from '../../data-value-readwrite-properties.
 | `decimalSymbol`                         | `string`            | _(optional)_ What character to use for separating digits and decimals. Defaults to ','.                                                                   |
 | `decimals`                              | `number`            | _(optional)_ Max number of decimals. Values with more decimals will be rounded.                                                                           |
 | `fixedDecimals`                         | `number`            | _(optional)_ Fixed number of decimals. Will round numbers with more decimals, and add trailing zeros when less.                                           |
+| `percent`                               | `boolean`           | _(optional)_ Format a number as percentage.                                                                                                               |
 | `prefix`                                | `string`            | _(optional)_ Text added before the value input.                                                                                                           |
 | `suffix`                                | `string`            | _(optional)_ Text added after the value input.                                                                                                            |
 | `minimum`                               | `number`            | _(optional)_ Validation for inclusive minimum number value (greater than or equal).                                                                       |
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/Examples.tsx
index 9f7b701c188..742fe163360 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/Examples.tsx
@@ -52,7 +52,7 @@ export const DropdownOptionSelected = () => (
 )
 
 export const DropdownLabelAndOptionSelected = () => (
-  <ComponentBox>
+  <ComponentBox data-visual-test="selection-dropdown-default">
     <Field.Selection
       value="bar"
       label="Label text"
@@ -101,7 +101,7 @@ export const WithClearButton = () => (
 
 export const WithHelp = () => {
   return (
-    <ComponentBox>
+    <ComponentBox data-visual-test="selection-dropdown-help">
       <Field.Selection
         value="bar"
         label="Label text"
@@ -121,7 +121,7 @@ export const WithHelp = () => {
 
 export const HorizontalLayout = () => {
   return (
-    <ComponentBox>
+    <ComponentBox data-visual-test="selection-dropdown-horizontal">
       <Field.Selection
         value="bar"
         label="Label text"
@@ -137,7 +137,7 @@ export const HorizontalLayout = () => {
 
 export const Widths = () => {
   return (
-    <ComponentBox>
+    <ComponentBox data-visual-test="selection-dropdown-widths">
       <Field.Selection
         label="Default width (property omitted)"
         value="bar"
@@ -326,7 +326,7 @@ export const RadioEmpty = () => (
 )
 
 export const RadioLabel = () => (
-  <ComponentBox>
+  <ComponentBox data-visual-test="selection-radio-options-vertical">
     <Field.Selection
       variant="radio"
       label="Label text"
@@ -339,9 +339,10 @@ export const RadioLabel = () => (
 )
 
 export const RadioOptionSelected = () => (
-  <ComponentBox>
+  <ComponentBox data-visual-test="selection-radio-vertical">
     <Field.Selection
       variant="radio"
+      label="Label text"
       value="bar"
       onChange={(value) => console.log('onChange', value)}
     >
@@ -352,7 +353,7 @@ export const RadioOptionSelected = () => (
 )
 
 export const RadioHorizontalLayout = () => (
-  <ComponentBox>
+  <ComponentBox data-visual-test="selection-radio-horizontal">
     <Field.Selection
       variant="radio"
       label="Label text"
@@ -367,7 +368,7 @@ export const RadioHorizontalLayout = () => (
 )
 
 export const RadioHorizontalOptionsLayout = () => (
-  <ComponentBox>
+  <ComponentBox data-visual-test="selection-radio-options-horizontal">
     <Field.Selection
       variant="radio"
       label="Label text"
@@ -442,7 +443,7 @@ export const ButtonEmpty = () => (
 )
 
 export const ButtonLabel = () => (
-  <ComponentBox>
+  <ComponentBox data-visual-test="selection-button-options-vertical">
     <Field.Selection
       variant="button"
       label="Label text"
@@ -454,11 +455,12 @@ export const ButtonLabel = () => (
   </ComponentBox>
 )
 
-export const ButtonOptionSelected = () => (
-  <ComponentBox>
+export const ButtonHorizontalOptionsLayout = () => (
+  <ComponentBox data-visual-test="selection-button-options-horizontal">
     <Field.Selection
       variant="button"
-      value="bar"
+      label="Label text"
+      optionsLayout="horizontal"
       onChange={(value) => console.log('onChange', value)}
     >
       <Field.Option value="foo" title="Foo!" />
@@ -467,13 +469,12 @@ export const ButtonOptionSelected = () => (
   </ComponentBox>
 )
 
-export const ButtonHorizontalLayout = () => (
-  <ComponentBox>
+export const ButtonOptionSelected = () => (
+  <ComponentBox data-visual-test="selection-button-vertical">
     <Field.Selection
       variant="button"
       label="Label text"
       value="bar"
-      layout="horizontal"
       onChange={(value) => console.log('onChange', value)}
     >
       <Field.Option value="foo" title="Foo!" />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/demos.mdx
index 5bd3a942ec5..ae30ad890eb 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/demos.mdx
@@ -6,29 +6,41 @@ import * as Examples from './Examples'
 
 ## Demos
 
+### Variants
+
+#### Dropdown
+
+<Examples.DropdownLabel />
+
+#### Radio buttons
+
+<Examples.RadioLabel />
+
+#### Toggle buttons
+
+<Examples.ButtonLabel />
+
+---
+
 ### Dropdown variant (default)
 
-#### Empty
+#### Dropdown empty
 
 <Examples.DropdownEmpty />
 
-#### Placeholder
+#### Dropdown placeholder
 
 <Examples.DropdownPlaceholder />
 
-#### Label
-
-<Examples.DropdownLabel />
-
-#### Option selected
+#### Dropdown option selected
 
 <Examples.DropdownOptionSelected />
 
-#### Label and option selected
+#### Dropdown label and option selected
 
 <Examples.DropdownLabelAndOptionSelected />
 
-#### With clear Button
+#### Dropdown with clear Button
 
 <em>
   Clear button might in the future be an icon like in `<Input>`, but until that is available in `<Dropdown>`, it is done using an empty option at the top of the selection list.
@@ -36,7 +48,7 @@ import * as Examples from './Examples'
 
 <Examples.WithClearButton />
 
-#### With help
+#### Dropdown with help
 
 <Examples.WithHelp />
 
@@ -44,27 +56,27 @@ import * as Examples from './Examples'
 
 <Examples.HorizontalLayout />
 
-### Widths
+### Dropdown widths
 
 <Examples.Widths />
 
-#### Disabled
+#### Dropdown disabled
 
 <Examples.DropdownDisabled />
 
-#### Error
+#### Dropdown error
 
 <Examples.DropdownError />
 
-#### Dynamic options
+#### Dropdown dynamic options
 
 <Examples.DropdownDynamicOptions />
 
-#### High number of options
+#### Dropdown high number of options
 
 <Examples.DropdownHighNumberOfOptions />
 
-#### Validation - Required
+#### Dropdown validation - Required
 
 <Examples.DropdownValidationRequired />
 
@@ -72,60 +84,54 @@ import * as Examples from './Examples'
 
 ### Radio variant
 
-#### Empty
+#### Radio empty
 
 <Examples.RadioEmpty />
 
-#### Label
-
-<Examples.RadioLabel />
-
-#### Option selected
+#### Radio option selected
 
 <Examples.RadioOptionSelected />
 
-#### Horizontal layout
+#### Radio horizontal layout
 
 <Examples.RadioHorizontalLayout />
 
-#### Horizontal options-layout
+#### Radio horizontal options-layout
 
 <Examples.RadioHorizontalOptionsLayout />
 
-#### Horizontal layout and horizontal options-layout
+#### Radio horizontal layout and horizontal options-layout
 
 <Examples.RadioHorizontalLayoutAndHorizontalOptionsLayout />
 
-#### Disabled
+#### Radio disabled
 
 <Examples.RadioDisabled />
 
-#### Error
+#### Radio error
 
 <Examples.RadioError />
 
+---
+
 ### Buttons variant
 
-#### Empty
+#### ToggleButton empty
 
 <Examples.ButtonEmpty />
 
-#### Label
-
-<Examples.ButtonLabel />
-
-#### Option selected
+#### ToggleButton option selected
 
 <Examples.ButtonOptionSelected />
 
-#### Horizontal layout
+#### ToggleButton horizontal options-layout
 
-<Examples.ButtonHorizontalLayout />
+<Examples.ButtonHorizontalOptionsLayout />
 
-#### Disabled
+#### ToggleButton disabled
 
 <Examples.ButtonDisabled />
 
-#### Error
+#### ToggleButton error
 
 <Examples.ButtonError />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/Examples.tsx
index cfa5a169376..c9b06957d9a 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/Examples.tsx
@@ -64,6 +64,19 @@ export const WithHelp = () => {
   )
 }
 
+export const Capitalize = () => {
+  return (
+    <ComponentBox>
+      <Field.String
+        label="Label text"
+        value="foo bar"
+        capitalize
+        onChange={(value) => console.log('onChange', value)}
+      />
+    </ComponentBox>
+  )
+}
+
 export const HorizontalLayout = () => {
   return (
     <ComponentBox>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/demos.mdx
index e4e023cef01..5bb3fca7334 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/demos.mdx
@@ -22,6 +22,10 @@ import * as Examples from './Examples'
 
 <Examples.LabelAndValue />
 
+### Capitalize each word
+
+<Examples.Capitalize />
+
 #### With help
 
 <Examples.WithHelp />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/properties.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/properties.mdx
index 7f5040d61c5..8b7bf3e3de8 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/properties.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/base-fields/String/properties.mdx
@@ -15,13 +15,16 @@ import DataValueReadwriteProperties from '../../data-value-readwrite-properties.
 | `inputClassName`                        | `string`            | _(optional)_ Class name set on the &lt;input&gt; DOM element.                                                                                                       |
 | `innerRef`                              | `React.ref`         | _(optional)_ by providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`. |
 | `clear`                                 | `boolean`           | _(optional)_ True to have a clickable clear-icon for removing the active value.                                                                                     |
-| `autoresize`                            | `boolean`           | _(optional)_ For `multiline`, set true to expand when writing longer texts.                                                                                         |
+| `autoresize`                            | `boolean`           | _(optional)_ For `multiline`, set `true` to expand when writing longer texts.                                                                                       |
 | `autoComplete`                          | `on` or `string`    | _(optional)_ For HTML `autocomplete` [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).                                       |
+| `capitalize`                            | `boolean`           | _(optional)_ When set to `true`, it will capitalize the first letter of every word, transforming the rest to lowercase.                                             |
+| `trim`                                  | `boolean`           | _(optional)_ When `true`, it will trim leading and trailing whitespaces on blur, triggering onChange if the value changes.                                          |
+| `inputMode`                             | `string`            | _(optional)_ Define a [inputmode](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode).                                                   |
 | `autoresizeMaxRows`                     | `boolean`           | _(optional)_ For `multiline`, set how many rows of text can be shown at max.                                                                                        |
 | `characterCounter`                      | `boolean`           | _(optional)_ True to show a character counter.                                                                                                                      |
-| `minLength`                             | `boolean`           | _(optional)_ Validation for minimum length of the text (number of characters).                                                                                      |
-| `maxLength`                             | `boolean`           | _(optional)_ Validation for maximum length of the text (number of characters).                                                                                      |
-| `pattern`                               | `boolean`           | _(optional)_ Validation based on regex pattern.                                                                                                                     |
+| `minLength`                             | `number`            | _(optional)_ Validation for minimum length of the text (number of characters).                                                                                      |
+| `maxLength`                             | `number`            | _(optional)_ Validation for maximum length of the text (number of characters).                                                                                      |
+| `pattern`                               | `string`            | _(optional)_ Validation based on regex pattern.                                                                                                                     |
 | `width`                                 | `string` or `false` | _(optional)_ `false` for no width (use browser default), `small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.           |
 | `help`                                  | `object`            | _(optional)_ Provide a help button. Object consisting of `title` and `contents`.                                                                                    |
 | [Space](/uilib/layout/space/properties) | Various             | _(optional)_ Spacing properties like `top` or `bottom` are supported.                                                                                               |
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/create-component.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/create-component.mdx
index 081a181bb88..c764a417638 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/create-component.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/create-component.mdx
@@ -13,6 +13,7 @@ import {
   CreateBasicFieldComponent,
   CreateComposedFieldComponent,
 } from './Examples'
+import UseDataValue from './create-component/useDataValue/info'
 
 # Create your own component
 
@@ -85,6 +86,4 @@ You can also use a [FieldBlock](/uilib/extensions/forms/create-component/FieldBl
 
 ## Hooks
 
-### useDataValue
-
-The `useDataValue` hook standardize handling of the value flow for a single consumer component representing one data point. It holds error state, hides it while the field is in focus, connects to surrounding `DataContext` (if present) and other things that all field or value components needs to do. By implementing custom field or value components and passing the received props through `useDataValue`, all these features work the same way as other field or value components, and you only need to implement the specific unique features of that component.
+<UseDataValue />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/create-component/useDataValue/info.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/create-component/useDataValue/info.mdx
new file mode 100644
index 00000000000..7dcf9842c62
--- /dev/null
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/create-component/useDataValue/info.mdx
@@ -0,0 +1,197 @@
+---
+draft: true
+---
+
+### useDataValue
+
+The `useDataValue` hook standardize handling of the value flow for a single consumer component representing one data point. It holds error state, hides it while the field is in focus, connects to surrounding `DataContext` (if present) and other things that all field or value components needs to do. By implementing custom field or value components and passing the received props through `useDataValue`, all these features work the same way as other field or value components, and you only need to implement the specific unique features of that component.
+
+How to use:
+
+```ts
+const { value } = useDataValue(componentProps)
+```
+
+Advanced usage:
+
+```ts
+const {
+  // Return Parameters:
+  value,
+  onChange,
+  onFocus,
+  onBlur,
+  error,
+  hasError,
+  isChanged,
+  setHasFocus,
+
+  // Component Properties
+  ...rest
+} = useDataValue({
+  // Your Component Properties:
+  ...componentProps,
+
+  // Internal Properties, listed down below:
+  required,
+  errorMessages,
+})
+```
+
+#### Internal Properties
+
+All properties are optional and can be used as needed. These properties can be provided as part of your component properties.
+
+- `value` the input value (string).
+- `emptyValue` defines what value is considered to be empty. Defaults to `undefined`. But an empty string is also validated when required is true.
+- `path` the JSON pointer that defines the entry name/key in the data structure.
+
+**Validation**
+
+- `required` if true, it will call `validateRequired` for validation.
+- `schema` or `pattern` for JSON schema validation powered by [ajv](https://ajv.js.org/).
+- `validator` your custom validation function. It will run on every keystroke.
+- `validateRequired` does allow you to provide a custom logic for how the `required` prop should validate.
+- `onBlurValidator` your custom validation function. It will run on a `handleBlur()` call. Use it over `validator` for validations with side-effects.
+- `validateInitially` in order to show an error without a change and blur event. Used for rare cases.
+- `validateUnchanged` in order to validate without a change and blur event. Used for rare cases.
+- `continuousValidation` in order to validate without a focus event beforehand. Used for rare cases.
+
+**Error**
+
+- `error` object like `FormError` that includes the string to display or an object with the key `validationRule`. More info down below.
+- `errorMessages` object with your custom messages, where each key represents a `validationRule`. More info down below.
+
+#### Return Parameters
+
+It returns all of the given component properties, in addition to these:
+
+- `value` the output value.
+- `id` creates a memorized id.
+- `dataContext` the internal shared data context.
+- `error` the error object, in case an error is invoked. Will skip returning the error object, if the hook is used in a nested [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/).
+- `hasError` will return true in case of an error, even if the hook is nested in a `FieldBlock`.
+- `isChanged` returns `true` if the value has changed with e.g. `handleChange`.
+- `setHasFocus` accepts a boolean as value. When called, it will update the internal logic - for event handling and validation. Will re-render the React Hook and its outer component.
+- `onFocus` event handler to assign to a form element.
+- `onBlur` event handler to assign to a form element.
+- `onChange` event handler to assign to a form element.
+
+#### Custom validateRequired
+
+```ts
+const validateRequired = (
+  value: Value,
+  { emptyValue, required, isChanged },
+) => {
+  return required && value === emptyValue
+    ? new FormError('The value is required', {
+        validationRule: 'required',
+      })
+    : undefined
+}
+
+const { error, hasError } = useDataValue({
+  value: undefined,
+  required: true,
+  validateInitially: true,
+  validateRequired,
+  errorMessages: {
+    required: 'Show this when "required" fails!',
+  },
+})
+```
+
+##### Validation order
+
+During validation, the different APIs do have a prioritization order and will stop processing further when they match:
+
+1. `required` prop
+1. `schema` prop (including `pattern`)
+1. `validator` prop
+
+#### Error handling
+
+Validation and error-handling is tight coupled together. When a validation fails, you may use the error-object to handle and show the failures/statuses.
+
+To generate the error-object, `FormError` is used. You can use it as well:
+
+```tsx
+import { FormError } from '@dnb/eufemia/extensions/forms'
+render(
+  <Field.String
+    label="Label"
+    warning={new FormError("I'm a warning too...")}
+  />,
+)
+```
+
+But when you handle errors via `useDataValue`, you may rather provide an object with messages, which will be used to display the error:
+
+```ts
+const { error, hasError } = useDataValue({
+  required: true,
+  errorMessages: {
+    required: 'Show this when "required" fails!',
+  },
+  ...componentProps,
+})
+```
+
+In order to invoke an error without a change and blur event, you can use `validateInitially`:
+
+```ts
+const { error, hasError } = useDataValue({
+  value: undefined,
+  required: true,
+  validateInitially: true,
+  errorMessages: {
+    required: 'Show this when "required" fails!',
+  },
+})
+```
+
+#### Event handlers
+
+- `handleFocus()` to call the `onFocus` event.
+
+- `handleBlur()` to call the `onBlur` event.
+
+- `handleChange(value)` to call the `onChange` event. Will update/change the internal value and re-render the React Hook, so will the outer component too.
+
+```ts
+handleChange(value, (additionalArgs = null))
+```
+
+- `updateValue(value)` to update/change the internal value, without calling any events.
+
+- `forceUpdate()` to re-render the React Hook along with the outer component.
+
+#### Value transformers
+
+The transformers are hooks to transform the value on different stages.
+
+They should return a transformed value: `(value) => value`
+
+- `toInput` transforms the value before it gets returned by the hook:
+
+```ts
+const { value } = useDataValue(props)
+```
+
+- `fromInput` transforms the value given by `handleChange` before it is used in the further process flow.
+
+```ts
+handleChange(value)
+```
+
+- `toEvent` transforms the internal value before it gets returned by even callbacks such as `onChange`, `onFocus` and `onBlur`.
+
+- `fromExternal` transforms the given props `value` before any other step gets entered.
+
+#### Additional features
+
+| Property     | Type      | Description                                                                                                                |
+| ------------ | --------- | -------------------------------------------------------------------------------------------------------------------------- |
+| `capitalize` | `boolean` | _(optional)_ When set to `true`, it will capitalize the first letter of every word, transforming the rest to lowercase.    |
+| `trim`       | `boolean` | _(optional)_ When `true`, it will trim leading and trailing whitespaces on blur, triggering onChange if the value changes. |
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/data-value-readwrite-properties.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/data-value-readwrite-properties.mdx
index 1988e8b5d65..77bae01bf92 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/data-value-readwrite-properties.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/data-value-readwrite-properties.mdx
@@ -4,33 +4,33 @@ import { OmitTableProperties } from 'dnb-design-system-portal/src/shared/tags/Ta
 
 <OmitTableProperties>
 
-| Property               | Type                        | Description                                                                                                                                                                                                                                                                    |
-| ---------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `className`            | `string`                    | _(optional)_ Outer DOM element class name.                                                                                                                                                                                                                                     |
-| `value`                | {<code>{props.type}</code>} | _(optional)_ Source data value for the input.                                                                                                                                                                                                                                  |
-| `id`                   | `string`                    | _(optional)_ Outer DOM element id attribute.                                                                                                                                                                                                                                   |
-| `name`                 | `string`                    | _(optional)_ Outer DOM element name attribute.                                                                                                                                                                                                                                 |
-| `layout`               | `string`                    | _(optional)_ Layout for the label and input. Can be `horizontal` or `vertical`.                                                                                                                                                                                                |
-| `label`                | `string`                    | _(optional)_ Field label to show above / before the input feature.                                                                                                                                                                                                             |
-| `labelDescription`     | `string`                    | _(optional)_ A more discreet text displayed beside the label (i.e for "(optional)").                                                                                                                                                                                           |
-| `labelSecondary`       | `string`                    | _(optional)_ Secondary information displayed at the end of the label line (i.e character counter).                                                                                                                                                                             |
-| `placeholder`          | `string`                    | _(optional)_ Text showing in place of the value if no value is given.                                                                                                                                                                                                          |
-| `path`                 | `string`                    | _(optional)_ JSON Pointer for where the data for this input is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.                |
-| `info`                 | `Error` or `string`         | _(optional)_ Info message shown below / after the input.                                                                                                                                                                                                                       |
-| `warning`              | `Error` or `string`         | _(optional)_ Warning message shown below / after the input.                                                                                                                                                                                                                    |
-| `error`                | `Error`                     | _(optional)_ Error message shown below / after the input.                                                                                                                                                                                                                      |
-| `disabled`             | `boolean`                   | _(optional)_ Set `true` to show the field but without the possibility of changing the value.                                                                                                                                                                                   |
-| `emptyValue`           | `any`                       | _(optional)_ The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.                                                                  |
-| `required`             | `boolean`                   | _(optional)_ When set `true`, the input will give an error if the value cannot be empty.                                                                                                                                                                                       |
-| `schema`               | `object`                    | _(optional)_ Custom JSON Schema for validating the value.                                                                                                                                                                                                                      |
-| `validateInitially`    | `string`                    | _(optional)_ Set true to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.                                                                                                                               |
-| `validateUnchanged`    | `string`                    | _(optional)_ Set true to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation. |
-| `continuousValidation` | `string`                    | _(optional)_ Set true to show validation based errors continuously while writing, not just when blurring the field.                                                                                                                                                            |
-| `errorMessages`        | `object`                    | _(optional)_ Custom error messages for each type of error, overriding default messages.                                                                                                                                                                                        |
-| `validator`            | `function`                  | _(optional)_ Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.                                                                                                                                              |
-| `onBlurValidator`      | `function`                  | _(optional)_ Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.                                                                                                 |
-| `toInput`              | `function`                  | _(optional)_ Derivate called when the received / active value is sent to the input. Can be used for casting, changing syntax etc.                                                                                                                                              |
-| `fromInput`            | `function`                  | _(optional)_ Derivate called when changes is made by the user, to cast or change syntax back to the original (opposite of `toInput`).                                                                                                                                          |
+| Property               | Type                        | Description                                                                                                                                                                                                                                                                      |
+| ---------------------- | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `className`            | `string`                    | _(optional)_ Outer DOM element class name.                                                                                                                                                                                                                                       |
+| `value`                | {<code>{props.type}</code>} | _(optional)_ Source data value for the input.                                                                                                                                                                                                                                    |
+| `id`                   | `string`                    | _(optional)_ Outer DOM element id attribute.                                                                                                                                                                                                                                     |
+| `name`                 | `string`                    | _(optional)_ Outer DOM element name attribute.                                                                                                                                                                                                                                   |
+| `layout`               | `string`                    | _(optional)_ Layout for the label and input. Can be `horizontal` or `vertical`.                                                                                                                                                                                                  |
+| `label`                | `string`                    | _(optional)_ Field label to show above / before the input feature.                                                                                                                                                                                                               |
+| `labelDescription`     | `string`                    | _(optional)_ A more discreet text displayed beside the label (i.e for "(optional)").                                                                                                                                                                                             |
+| `labelSecondary`       | `string`                    | _(optional)_ Secondary information displayed at the end of the label line (i.e character counter).                                                                                                                                                                               |
+| `placeholder`          | `string`                    | _(optional)_ Text showing in place of the value if no value is given.                                                                                                                                                                                                            |
+| `path`                 | `string`                    | _(optional)_ JSON Pointer for where the data for this input is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.                  |
+| `info`                 | `Error` or `string`         | _(optional)_ Info message shown below / after the input.                                                                                                                                                                                                                         |
+| `warning`              | `Error` or `string`         | _(optional)_ Warning message shown below / after the input.                                                                                                                                                                                                                      |
+| `error`                | `Error`                     | _(optional)_ Error message shown below / after the input.                                                                                                                                                                                                                        |
+| `disabled`             | `boolean`                   | _(optional)_ Set `true` to show the field but without the possibility of changing the value.                                                                                                                                                                                     |
+| `emptyValue`           | `any`                       | _(optional)_ The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.                                                                    |
+| `required`             | `boolean`                   | _(optional)_ When set `true`, the input will give an error if the value cannot be empty.                                                                                                                                                                                         |
+| `schema`               | `object`                    | _(optional)_ Custom JSON Schema for validating the value.                                                                                                                                                                                                                        |
+| `validateInitially`    | `boolean`                   | _(optional)_ Set `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.                                                                                                                               |
+| `validateUnchanged`    | `boolean`                   | _(optional)_ Set `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation. |
+| `continuousValidation` | `boolean`                   | _(optional)_ Set `true` to show validation based errors continuously while writing, not just when blurring the field.                                                                                                                                                            |
+| `errorMessages`        | `object`                    | _(optional)_ Custom error messages for each type of error, overriding default messages.                                                                                                                                                                                          |
+| `validator`            | `function`                  | _(optional)_ Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.                                                                                                                                                |
+| `onBlurValidator`      | `function`                  | _(optional)_ Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.                                                                                                   |
+| `toInput`              | `function`                  | _(optional)_ Derivate called when the received / active value is sent to the input. Can be used for casting, changing syntax etc.                                                                                                                                                |
+| `fromInput`            | `function`                  | _(optional)_ Derivate called when changes is made by the user, to cast or change syntax back to the original (opposite of `toInput`).                                                                                                                                            |
 
 </OmitTableProperties>
 
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/demo-cases/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/demo-cases/Examples.tsx
index de9b8dbf01e..a30092f9dcb 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/demo-cases/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/demo-cases/Examples.tsx
@@ -1,4 +1,3 @@
-import ComponentBox from '../../../../../shared/tags/ComponentBox'
 import { GlobalStatus, Section, Code, Card, Flex } from '@dnb/eufemia/src'
 import * as React from 'react'
 import {
@@ -9,188 +8,170 @@ import {
 } from '@dnb/eufemia/src/extensions/forms'
 
 export const BecomeCorporateCustomer = () => {
+  const [data, setData] = React.useState({})
+
   return (
-    <ComponentBox
-      scope={{
-        Form,
-        Code,
-        StepsLayout,
-        Field,
-        Value,
-      }}
-      hideCode
-    >
-      {() => {
-        const App = () => {
-          const [data, setData] = React.useState({})
-          return (
-            <>
-              <GlobalStatus />
-              <Form.Handler
-                data={data}
-                onChange={setData}
-                onSubmit={(data) => console.log('onSubmit', data)}
+    <>
+      <GlobalStatus />
+      <Form.Handler
+        data={data}
+        onChange={setData}
+        onSubmit={(data) => console.log('onSubmit', data)}
+      >
+        <StepsLayout top scrollTopOnStepChange>
+          <StepsLayout.Step title="Bedriftsopplysninger">
+            <Form.MainHeading>Bedriftsopplysninger</Form.MainHeading>
+
+            <Card spacing="medium">
+              <Field.OrganizationNumber
+                path="/companyOrganizationNumber"
+                required
+              />
+              <Field.String
+                path="/companyName"
+                label="Bedriftens navn"
+                required
+              />
+              <Field.String
+                path="/companyAddress"
+                label="Forretningsadresse (NB! Ikke postadresse)"
+                required
+              />
+              <Field.PostalCodeAndCity
+                postalCode={{
+                  path: '/companyPostalCode',
+                }}
+                city={{
+                  path: '/companyCity',
+                }}
+              />
+              <Field.Selection
+                variant="radio"
+                path="/postalAddressSelect"
+                label="Postadresse (ønsket sted for tilsendt post)"
               >
-                <StepsLayout top scrollTopOnStepChange>
-                  <StepsLayout.Step title="Bedriftsopplysninger">
-                    <Form.MainHeading>
-                      Bedriftsopplysninger
-                    </Form.MainHeading>
-                    <Card spacing="medium">
-                      <Field.OrganizationNumber
-                        path="/companyOrganizationNumber"
-                        required
-                      />
-                      <Field.String
-                        path="/companyName"
-                        label="Bedriftens navn"
-                        required
-                      />
-                      <Field.String
-                        path="/companyAddress"
-                        label="Forretningsadresse (NB! Ikke postadresse)"
-                        required
-                      />
-                      <Field.PostalCodeAndCity
-                        postalCode={{
-                          path: '/companyPostalCode',
-                        }}
-                        city={{
-                          path: '/companyCity',
-                        }}
-                      />
-                      <Field.Selection
-                        variant="radio"
-                        path="/postalAddressSelect"
-                        label="Postadresse (ønsket sted for tilsendt post)"
-                      >
-                        <Field.Option
-                          value="companyAddress"
-                          title="Samme som forretningsadresse"
-                        />
-                        <Field.Option value="other" title="Annet" />
-                      </Field.Selection>
-                      <Field.Selection
-                        variant="radio"
-                        path="/hqAddress"
-                        label="Hovedkontoradresse"
-                      >
-                        <Field.Option
-                          value="companyAddress"
-                          title="Samme som forretningsadresse"
-                        />
-                        <Field.Option
-                          value="postalAddress"
-                          title="Samme som postadresse"
-                        />
-                        <Field.Option value="other" title="Annet" />
-                      </Field.Selection>
-                      <Field.SelectCountry
-                        path="/countryOfEstablishment"
-                        label="Etableringsland"
-                        required
-                      />
-                    </Card>
-                    <Card spacing="medium">
-                      <Field.PhoneNumber
-                        path="/phoneNumber"
-                        label="Telefon/mobilnummer"
-                        required
-                      />
-                      <Field.Email path="/email" required />
-                      <Field.String
-                        path="/website"
-                        label="Nettstedsadresse (valgfritt)"
-                      />
-                    </Card>
-
-                    <Form.ButtonRow>
-                      <StepsLayout.NextButton />
-                    </Form.ButtonRow>
-                  </StepsLayout.Step>
-
-                  <StepsLayout.Step title="Kontaktperson">
-                    <Form.MainHeading>Profile</Form.MainHeading>
-
-                    <Card stack>
-                      <Form.SubHeading>More information</Form.SubHeading>
-
-                      <Field.NationalIdentityNumber path="/ssn" />
-                      <Field.Email path="/email" />
-                      <Field.PhoneNumber path="/phone" />
-                    </Card>
-
-                    <Form.ButtonRow>
-                      <StepsLayout.PreviousButton />
-                      <StepsLayout.NextButton />
-                    </Form.ButtonRow>
-                  </StepsLayout.Step>
-
-                  <StepsLayout.Step title="Bedriftens virksomhet">
-                    <em>Bedriftens virksomhet</em>
-                  </StepsLayout.Step>
-
-                  <StepsLayout.Step title="Bruk av DNBs tjenester">
-                    <em>Bruk av DNBs tjenester</em>
-                  </StepsLayout.Step>
-
-                  <StepsLayout.Step title="Inntekt og egenkapital">
-                    <em>Inntekt og egenkapital</em>
-                  </StepsLayout.Step>
-
-                  <StepsLayout.Step title="Skatterapportering">
-                    <em>Skatterapportering</em>
-                  </StepsLayout.Step>
-
-                  <StepsLayout.Step title="Eierskap og kontroll">
-                    ...
-                  </StepsLayout.Step>
-
-                  <StepsLayout.Step title="Roller i bedriften">
-                    ...
-                  </StepsLayout.Step>
-
-                  <StepsLayout.Step title="Oppsummering">
-                    <Form.MainHeading>Profile</Form.MainHeading>
-
-                    <Card stack>
-                      <Flex.Container>
-                        <Value.String path="/firstName" />
-                        <Value.String path="/lastName" />
-                      </Flex.Container>
-
-                      <Value.NationalIdentityNumber path="/ssn" />
-                      <Value.Email path="/email" />
-                      <Value.PhoneNumber path="/phone" />
-                    </Card>
-
-                    <Form.ButtonRow>
-                      <StepsLayout.PreviousButton />
-                      <Form.SubmitButton />
-                    </Form.ButtonRow>
-                  </StepsLayout.Step>
-
-                  <StepsLayout.Step title="Kvittering">
-                    Kvittering...
-                  </StepsLayout.Step>
-                </StepsLayout>
-              </Form.Handler>
-
-              <Section
-                element="output"
-                spacing
-                style_type="sand-yellow"
-                top
-                bottom="large"
+                <Field.Option
+                  value="companyAddress"
+                  title="Samme som forretningsadresse"
+                />
+                <Field.Option value="other" title="Annet" />
+              </Field.Selection>
+              <Field.Selection
+                variant="radio"
+                path="/hqAddress"
+                label="Hovedkontoradresse"
               >
-                JSON Output: <Code>{JSON.stringify(data, null, 4)}</Code>
-              </Section>
-            </>
-          )
-        }
-
-        return <App />
-      }}
-    </ComponentBox>
+                <Field.Option
+                  value="companyAddress"
+                  title="Samme som forretningsadresse"
+                />
+                <Field.Option
+                  value="postalAddress"
+                  title="Samme som postadresse"
+                />
+                <Field.Option value="other" title="Annet" />
+              </Field.Selection>
+              <Field.SelectCountry
+                path="/countryOfEstablishment"
+                label="Etableringsland"
+                required
+              />
+            </Card>
+
+            <Card spacing="medium">
+              <Field.PhoneNumber
+                path="/phoneNumber"
+                label="Telefon/mobilnummer"
+                required
+              />
+              <Field.Email path="/email" required />
+              <Field.String
+                path="/website"
+                label="Nettstedsadresse (valgfritt)"
+              />
+            </Card>
+
+            <Form.ButtonRow>
+              <StepsLayout.NextButton />
+            </Form.ButtonRow>
+          </StepsLayout.Step>
+
+          <StepsLayout.Step title="Kontaktperson">
+            <Form.MainHeading>Profile</Form.MainHeading>
+
+            <Card stack>
+              <Form.SubHeading>More information</Form.SubHeading>
+
+              <Field.NationalIdentityNumber path="/ssn" />
+              <Field.Email path="/email" />
+              <Field.PhoneNumber path="/phone" />
+            </Card>
+
+            <Form.ButtonRow>
+              <StepsLayout.PreviousButton />
+              <StepsLayout.NextButton />
+            </Form.ButtonRow>
+          </StepsLayout.Step>
+
+          <StepsLayout.Step title="Bedriftens virksomhet">
+            <em>Bedriftens virksomhet</em>
+          </StepsLayout.Step>
+
+          <StepsLayout.Step title="Bruk av DNBs tjenester">
+            <em>Bruk av DNBs tjenester</em>
+          </StepsLayout.Step>
+
+          <StepsLayout.Step title="Inntekt og egenkapital">
+            <em>Inntekt og egenkapital</em>
+          </StepsLayout.Step>
+
+          <StepsLayout.Step title="Skatterapportering">
+            <em>Skatterapportering</em>
+          </StepsLayout.Step>
+
+          <StepsLayout.Step title="Eierskap og kontroll">
+            ...
+          </StepsLayout.Step>
+
+          <StepsLayout.Step title="Roller i bedriften">
+            ...
+          </StepsLayout.Step>
+
+          <StepsLayout.Step title="Oppsummering">
+            <Form.MainHeading>Profile</Form.MainHeading>
+
+            <Card stack>
+              <Flex.Container>
+                <Value.String path="/firstName" />
+                <Value.String path="/lastName" />
+              </Flex.Container>
+
+              <Value.NationalIdentityNumber path="/ssn" />
+              <Value.Email path="/email" />
+              <Value.PhoneNumber path="/phone" />
+            </Card>
+
+            <Form.ButtonRow>
+              <StepsLayout.PreviousButton />
+              <Form.SubmitButton />
+            </Form.ButtonRow>
+          </StepsLayout.Step>
+
+          <StepsLayout.Step title="Kvittering">
+            Kvittering...
+          </StepsLayout.Step>
+        </StepsLayout>
+      </Form.Handler>
+
+      <Section
+        element="output"
+        innerSpace
+        backgroundColor="sand-yellow"
+        top
+        bottom="large"
+      >
+        JSON Output: <Code>{JSON.stringify(data, null, 4)}</Code>
+      </Section>
+    </>
   )
 }
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/DataContext/Provider/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/DataContext/Provider/Examples.tsx
index 76859f70f47..4b28a546a05 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/DataContext/Provider/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/DataContext/Provider/Examples.tsx
@@ -91,8 +91,14 @@ export const Default = () => {
         onPathChange={(path, value) =>
           console.log('onPathChange', path, value)
         }
-        onSubmit={(data) => console.log('onSubmit', data)}
         onSubmitRequest={() => console.log('onSubmitRequest')}
+        onSubmit={(data, { resetForm, clearData }) => {
+          console.log('onSubmit', data)
+
+          // Docs: https://eufemia.dnb.no/uilib/extensions/forms/extended-features/DataContext/Provider/events/#onsubmit-parameters
+          resetForm()
+          clearData()
+        }}
         sessionStorageId="provider-example-1"
       >
         <Flex.Stack>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/DataContext/Provider/events.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/DataContext/Provider/events.mdx
index 193381282a8..72dcbc6c993 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/DataContext/Provider/events.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/DataContext/Provider/events.mdx
@@ -10,3 +10,24 @@ showTabs: true
 | `onPathChange`    | _(optional)_ Will be called when a value of any input component inside was changed by the user, with the `path` (JSON Pointer) and new `value` as arguments.                                               |
 | `onSubmit`        | _(optional)_ Will be called when the user submit the form (i.e by clicking a [SubmitButton](/uilib/extensions/forms/extended-features/Form/SubmitButton) component inside), with the data set as argument. |
 | `onSubmitRequest` | _(optional)_ Will be called when the user tries to submit, but errors stop the data from being submitted.                                                                                                  |
+
+### onSubmit parameters
+
+The `onSubmit` event returns additional methods to can call:
+
+- `resetForm` Deletes `sessionStorage` and browser stored autocomplete data.
+- `clearData` Empties the given/internal data set.
+
+```jsx
+render(
+  <Form.Handler
+    onSubmit={(data, { resetForm, clearData }) => {
+      resetForm()
+      clearData()
+    }}
+    sessionStorageId="session-key"
+  >
+    <Form.SubmitButton />
+  </Form.Handler>,
+)
+```
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/ButtonRow/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/ButtonRow/Examples.tsx
index de369067456..d4bfb4dca13 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/ButtonRow/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/ButtonRow/Examples.tsx
@@ -22,7 +22,7 @@ export const Default = () => {
 export const WithLayout = () => {
   return (
     <ComponentBox scope={{ sendIcon }}>
-      <Form.Element onSubmit={(event) => console.log('onSubmit', event)}>
+      <Form.Element onSubmit={(data) => console.log('onSubmit', data)}>
         <Card spacing="medium">
           <Field.Email />
           <Form.ButtonRow>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/Element/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/Element/Examples.tsx
index 8808818ae4e..9f3f9ce18de 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/Element/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/Element/Examples.tsx
@@ -5,7 +5,7 @@ import { Card } from '@dnb/eufemia/src'
 export const DefaultElement = () => {
   return (
     <ComponentBox>
-      <Form.Element onSubmit={(event) => console.log('onSubmit', event)}>
+      <Form.Element onSubmit={(data) => console.log('onSubmit', data)}>
         <Card spacing="medium">
           <Field.Email />
           <Form.ButtonRow>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/Handler/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/Handler/Examples.tsx
index 2aa39196554..1589d7d491e 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/Handler/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/Handler/Examples.tsx
@@ -7,7 +7,7 @@ export const Default = () => {
     <ComponentBox>
       <Form.Handler
         defaultData={{ email: null }}
-        onSubmit={(event) => console.log('onSubmit', event)}
+        onSubmit={(data) => console.log('onSubmit', data)}
       >
         <Card spacing="medium">
           <Field.Email path="/email" />
@@ -24,7 +24,13 @@ export const SessionStorage = () => {
   return (
     <ComponentBox>
       <Form.Handler
-        onSubmit={(event) => console.log('onSubmit', event)}
+        onSubmit={(data, { resetForm, clearData }) => {
+          console.log('onSubmit', data)
+
+          // Docs: https://eufemia.dnb.no/uilib/extensions/forms/extended-features/DataContext/Provider/events/#onsubmit-parameters
+          resetForm()
+          clearData()
+        }}
         sessionStorageId="session-key"
       >
         <Card spacing="medium">
@@ -43,7 +49,7 @@ export const Autofill = () => {
   return (
     <ComponentBox>
       <Form.Handler
-        onSubmit={(event) => console.log('onSubmit', event)}
+        onSubmit={(data) => console.log('onSubmit', data)}
         autoComplete
       >
         <Form.MainHeading>Delivery address</Form.MainHeading>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/SubmitButton/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/SubmitButton/Examples.tsx
index 2ddf8ccc70b..4f4ce82be71 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/SubmitButton/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/SubmitButton/Examples.tsx
@@ -6,7 +6,7 @@ export const Default = () => {
     <ComponentBox>
       <Form.Handler
         data={{ foo: 'bar' }}
-        onSubmit={(event) => console.log('onSubmit', event)}
+        onSubmit={(data) => console.log('onSubmit', data)}
       >
         <Form.SubmitButton />
       </Form.Handler>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/schema-validation/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/schema-validation/Examples.tsx
index 048eafda1de..64a36dbe118 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/schema-validation/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Form/schema-validation/Examples.tsx
@@ -163,11 +163,11 @@ export const DependantListSchema = () => {
             <Iterate.Array path="/accounts">
               <Flex.Horizontal align="flex-end">
                 <Field.BankAccountNumber
-                  elementPath="/accountNumber"
+                  itemPath="/accountNumber"
                   label="Account number"
                 />
                 <Field.String
-                  elementPath="/alias"
+                  itemPath="/alias"
                   label="Alias"
                   width="medium"
                 />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/Examples.tsx
index 65997a379d2..ce51c2d1223 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/Examples.tsx
@@ -17,7 +17,7 @@ export const PrimitiveElements = () => {
         value={['Iron Man', 'Captain America', 'The Hulk']}
         onChange={(value) => console.log('onChange', value)}
       >
-        <Field.String elementPath="/" />
+        <Field.String itemPath="/" />
       </Iterate.Array>
     </ComponentBox>
   )
@@ -41,11 +41,11 @@ export const ObjectElements = () => {
         onChange={(value) => console.log('onChange', value)}
       >
         <h3>
-          <Value.String elementPath="/nickname" />
+          <Value.String itemPath="/nickname" />
         </h3>
         <Flex.Horizontal>
-          <Field.BankAccountNumber elementPath="/accountNumber" />
-          <Field.String label="Account name" elementPath="/accountName" />
+          <Field.BankAccountNumber itemPath="/accountNumber" />
+          <Field.String label="Account name" itemPath="/accountName" />
         </Flex.Horizontal>
       </Iterate.Array>
     </ComponentBox>
@@ -120,22 +120,22 @@ export const ArrayFromFormHandler = () => {
           onChange={(value) => console.log('Iterate onChange', value)}
         >
           <Form.SubHeading>
-            <Value.String elementPath="/nickname" />
+            <Value.String itemPath="/nickname" />
           </Form.SubHeading>
 
           <Flex.Horizontal align="center">
             <Field.String
-              elementPath="/firstName"
+              itemPath="/firstName"
               width="medium"
               label="First name"
             />
             <Field.String
-              elementPath="/lastName"
+              itemPath="/lastName"
               width="medium"
               label="Last name"
             />
             <Field.Number
-              elementPath="/bornYear"
+              itemPath="/bornYear"
               label="Year of birth"
               width="small"
             />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/demos.mdx
index 16fcdcd2357..8657cdd8b22 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/demos.mdx
@@ -25,7 +25,7 @@ import * as Examples from './Examples'
 ### With DataContext and add/remove buttons
 
 <em>
-  `elementPath` points to the root of each iterated element, while `path`
+  `itemPath` points to the root of each iterated element, while `path`
   points to the root of the data source.
 </em>
 
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/info.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/info.mdx
index f3e98f97ee5..461bbd3a11d 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/info.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/Array/info.mdx
@@ -10,12 +10,12 @@ showTabs: true
 
 Since `Iterate.Array` renders its children once per element, the field components inside must receive values based on the different elements in the array. This can be done in two ways:
 
-#### 1. elementPath
+#### 1. itemPath
 
-If field components inside `Iterate.Array` are given an `elementPath` prop, this will look for values based on the array element being the root of the structure, even if the array often comes from a surrounding data set. This means that you do not need to think about which index the field should point to, because it is handled by `Iterate.Array` internally. You can look at the individual element as its own structure.
+If field components inside `Iterate.Array` are given an `itemPath` prop, this will look for values based on the array element being the root of the structure, even if the array often comes from a surrounding data set. This means that you do not need to think about which index the field should point to, because it is handled by `Iterate.Array` internally. You can look at the individual element as its own structure.
 
 #### 2. Render props
 
 If you want to be able to provide values to the individual field component directly instead of pointing to them with paths, you can give `Iterate.Array` a render prop. It works a bit like an array-map call. The render function receives the value of the element as the first argument, and the index of which element you are on as the second.
 
-Examples of both the use of `elementPath` and Render Props in `Iterate.Array` can be found on [demos](/uilib/extensions/forms/extended-features/Iterate/Array/demos).
+Examples of both the use of `itemPath` and Render Props in `Iterate.Array` can be found on [demos](/uilib/extensions/forms/extended-features/Iterate/Array/demos).
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/ArrayPushButton/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/ArrayPushButton/Examples.tsx
index 0ae1801767e..71ca9ef5e88 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/ArrayPushButton/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/ArrayPushButton/Examples.tsx
@@ -26,7 +26,7 @@ export const ObjectElements = () => {
         onChange={(value) => console.log('onChange', value)}
       >
         <Iterate.Array path="/">
-          <Field.String elementPath="/name" />
+          <Field.String itemPath="/name" />
         </Iterate.Array>
 
         <Iterate.ArrayPushButton
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/ArrayRemoveElementButton/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/ArrayRemoveElementButton/Examples.tsx
index 170609f6063..bf865f6cb34 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/ArrayRemoveElementButton/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/Iterate/ArrayRemoveElementButton/Examples.tsx
@@ -11,7 +11,7 @@ export const PrimitiveElements = () => {
         onChange={(value) => console.log('onChange', value)}
       >
         <Flex.Horizontal align="center">
-          <Field.String elementPath="/" />
+          <Field.String itemPath="/" />
           <Iterate.ArrayRemoveElementButton
             icon={TrashIcon}
             onChange={(value) => console.log('onChange', value)}
@@ -35,7 +35,7 @@ export const ObjectElements = () => {
       >
         <Iterate.Array path="/">
           <Flex.Horizontal align="center">
-            <Field.String elementPath="/name" />
+            <Field.String itemPath="/name" />
             <Iterate.ArrayRemoveElementButton text="Remove avenger" />
           </Flex.Horizontal>
         </Iterate.Array>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/Examples.tsx
index d76d65f7be8..5e7497f0cdc 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/Examples.tsx
@@ -10,21 +10,32 @@ export const Default = () => {
     >
       <StepsLayout>
         <StepsLayout.Step title="Step 1">
-          <Form.MainHeading>Step 1</Form.MainHeading>
+          <Form.MainHeading>Heading</Form.MainHeading>
           <Card>
-            <P>Step 1 contents</P>
+            <P>Contents</P>
+          </Card>
+          <Card>
+            <P>Contents</P>
           </Card>
           <StepsLayout.NextButton />
         </StepsLayout.Step>
+
         <StepsLayout.Step title="Step 2">
-          <P>Step 2 contents</P>
+          <Form.MainHeading>Heading</Form.MainHeading>
+          <Card>
+            <P>Contents</P>
+          </Card>
           <Form.ButtonRow>
             <StepsLayout.PreviousButton />
             <StepsLayout.NextButton />
           </Form.ButtonRow>
         </StepsLayout.Step>
-        <StepsLayout.Step>
-          <P>Step 3 contents</P>
+
+        <StepsLayout.Step title="Summary">
+          <Form.MainHeading>Summary</Form.MainHeading>
+          <Card>
+            <P>Contents</P>
+          </Card>
           <StepsLayout.PreviousButton />
         </StepsLayout.Step>
       </StepsLayout>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/properties.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/properties.mdx
index c8c5211580c..bcaf6d72477 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/properties.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/properties.mdx
@@ -4,10 +4,10 @@ showTabs: true
 
 ## Properties
 
-| Property                                | Type         | Description                                                                                                      |
-| --------------------------------------- | ------------ | ---------------------------------------------------------------------------------------------------------------- |
-| `initialActiveIndex`                    | `number`     | _(optional)_ What step should show initially (defaults to 0 for the first one).                                  |
-| `mode`                                  | `string`     | _(optional)_ How to show the steps. Inherited from [StepIndicator](/uilib/components/step-indicator/properties). |
-| `scrollTopOnStepChange`                 | `boolean`    | _(optional)_ True for the UI to scroll to the top of the page when navigating between steps.                     |
-| `children`                              | `React.Node` | _(required)_ Contents ([Step](/uilib/extensions/forms/extended-features/StepsLayout/Step) components).           |
-| [Space](/uilib/layout/space/properties) | Various      | _(optional)_ Spacing properties like `top` or `bottom` are supported.                                            |
+| Property                                | Type         | Description                                                                                                                            |
+| --------------------------------------- | ------------ | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `initialActiveIndex`                    | `number`     | _(optional)_ What step should show initially (defaults to 0 for the first one).                                                        |
+| `mode`                                  | `string`     | _(optional)_ How to show the steps. Inherited from [StepIndicator](/uilib/components/step-indicator/properties). Defaults to `strict`. |
+| `scrollTopOnStepChange`                 | `boolean`    | _(optional)_ True for the UI to scroll to the top of the page when navigating between steps.                                           |
+| `children`                              | `React.Node` | _(required)_ Contents ([Step](/uilib/extensions/forms/extended-features/StepsLayout/Step) components).                                 |
+| [Space](/uilib/layout/space/properties) | Various      | _(optional)_ Spacing properties like `top` or `bottom` are supported.                                                                  |
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/Examples.tsx
index 9c04b2d4e93..3c0de733680 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/Examples.tsx
@@ -118,3 +118,11 @@ export const WithFilter = () => {
     </ComponentBox>
   )
 }
+
+export const LongLabel = () => {
+  return (
+    <ComponentBox data-visual-test="phone-number-long-label">
+      <Field.PhoneNumber label="Telefon/mobilnummer with long label" />
+    </ComponentBox>
+  )
+}
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/demos.mdx
index 95e34d3d773..7f7176cd134 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/demos.mdx
@@ -41,3 +41,7 @@ import * as Examples from './Examples'
 ### Validation - Required
 
 <Examples.ValidationRequired />
+
+<VisibleWhenVisualTest>
+  <Examples.LongLabel />
+</VisibleWhenVisualTest>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/events.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/events.mdx
index 97c86cec0aa..d48d2d1e253 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/events.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/events.mdx
@@ -7,3 +7,7 @@ import DataValueWriteEvents from 'Docs/uilib/extensions/forms/data-value-write-e
 ## Events
 
 <DataValueWriteEvents />
+
+### Argument value
+
+The argument value returned by the event handlers is a string where the country code and phonenumber is seperated by a space, e.g. `+47 9123457`. If the `omitCountryCodeField` is set to `true`, then only the phonenumber will be used, so the argument would be `9123457` without the leading country code.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/properties.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/properties.mdx
index c781b4ecd9e..4e9bc6ee878 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/properties.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/PhoneNumber/properties.mdx
@@ -10,7 +10,7 @@ import DataValueReadwriteProperties from '../../data-value-readwrite-properties.
 
 | Property                                | Type                | Description                                                                                                                                                                                                                                                     |
 | --------------------------------------- | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `pattern`                               | `boolean`           | _(optional)_ Validation based on regex pattern for the number field e.g. `pattern="^[49]+"`.                                                                                                                                                                    |
+| `pattern`                               | `string`            | _(optional)_ Validation based on regex pattern for the number field e.g. `pattern="^[49]+"`.                                                                                                                                                                    |
 | `help`                                  | `object`            | _(optional)_ Provide a help button. Object consisting of `title` and `contents`.                                                                                                                                                                                |
 | `countries`                             | `string`            | _(optional)_ List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/PhoneNumber/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`. |
 | `omitCountryCodeField`                  | `boolean`           | _(optional)_ If `true` is given, then everything related to country code is removed.                                                                                                                                                                            |
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/SelectCountry/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/SelectCountry/Examples.tsx
index 4e8d0437ce5..440749836e6 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/SelectCountry/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/SelectCountry/Examples.tsx
@@ -5,7 +5,7 @@ export const Empty = () => {
   return (
     <ComponentBox>
       <Field.SelectCountry
-        onChange={(value) => console.log('onChange', value)}
+        onChange={(value, obj) => console.log('onChange', value, obj)}
       />
     </ComponentBox>
   )
@@ -16,7 +16,7 @@ export const Placeholder = () => {
     <ComponentBox>
       <Field.SelectCountry
         placeholder="Select something...."
-        onChange={(value) => console.log('onChange', value)}
+        onChange={(value, obj) => console.log('onChange', value, obj)}
       />
     </ComponentBox>
   )
@@ -27,7 +27,7 @@ export const Label = () => {
     <ComponentBox>
       <Field.SelectCountry
         label="Label text"
-        onChange={(value) => console.log('onChange', value)}
+        onChange={(value, obj) => console.log('onChange', value, obj)}
       />
     </ComponentBox>
   )
@@ -38,7 +38,7 @@ export const OptionSelected = () => {
     <ComponentBox>
       <Field.SelectCountry
         value="NO"
-        onChange={(value) => console.log('onChange', value)}
+        onChange={(value, obj) => console.log('onChange', value, obj)}
       />
     </ComponentBox>
   )
@@ -50,7 +50,7 @@ export const LabelAndOptionSelected = () => {
       <Field.SelectCountry
         value="NO"
         label="Label text"
-        onChange={(value) => console.log('onChange', value)}
+        onChange={(value, obj) => console.log('onChange', value, obj)}
       />
     </ComponentBox>
   )
@@ -67,7 +67,7 @@ export const WithHelp = () => {
           contents:
             'Helping others, encouraging others, are often acts of being kind that have more meaning that you may realize.',
         }}
-        onChange={(value) => console.log('onChange', value)}
+        onChange={(value, obj) => console.log('onChange', value, obj)}
       />
     </ComponentBox>
   )
@@ -79,7 +79,7 @@ export const Disabled = () => {
       <Field.SelectCountry
         value="NO"
         label="Label text"
-        onChange={(value) => console.log('onChange', value)}
+        onChange={(value, obj) => console.log('onChange', value, obj)}
         disabled
       />
     </ComponentBox>
@@ -92,7 +92,7 @@ export const Error = () => {
       <Field.SelectCountry
         value="NO"
         label="Label text"
-        onChange={(value) => console.log('onChange', value)}
+        onChange={(value, obj) => console.log('onChange', value, obj)}
         error={new FormError('This is what is wrong...')}
       />
     </ComponentBox>
@@ -104,7 +104,7 @@ export const ValidationRequired = () => {
     <ComponentBox>
       <Field.SelectCountry
         label="Label text"
-        onChange={(value) => console.log('onChange', value)}
+        onChange={(value, obj) => console.log('onChange', value, obj)}
         required
         validateInitially
         validateUnchanged
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/SelectCountry/events.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/SelectCountry/events.mdx
index 97c86cec0aa..5f75ed60d09 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/SelectCountry/events.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/feature-fields/SelectCountry/events.mdx
@@ -7,3 +7,15 @@ import DataValueWriteEvents from 'Docs/uilib/extensions/forms/data-value-write-e
 ## Events
 
 <DataValueWriteEvents />
+
+### Argument value
+
+The event handlers has two arguments. The first one is a `string` containing the `ISO` of the selected countr, e.g. `CH`, and the second argument is an object with the properties `cdc`, `continent`, `i18n` and `iso`. e.g. `{
+  cdc: '41',
+  iso: 'CH',
+    i18n: {
+    en: 'Switzerland',
+    nb: 'Sveits'
+  },
+  continent: 'Europe'
+}`
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/fields.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/fields.mdx
index 9709212c88e..c3c3c2a3ab3 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/fields.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/fields.mdx
@@ -65,4 +65,4 @@ If you want the state of the value to live inside the input component, do not se
 
 ### Creating custom field components
 
-The `useDataValue` hook that is used in all existing field components is exported to make it possible to create custom field components that have the same properties and follow the same flow as the standard components, without the need to recreate all the basic state handling features.
+The `useDataValue` hook that is used in all existing field components is exported to make it possible [to create custom field components](/uilib/extensions/forms/create-component/) that have the same properties and follow the same flow as the standard components, without the need to recreate all the basic state handling features.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/container/properties.mdx b/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/container/properties.mdx
index 2057e259da9..68ee1b1973c 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/container/properties.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/container/properties.mdx
@@ -4,16 +4,16 @@ showTabs: true
 
 ## Properties
 
-| Property    | Type                        | Description                                                                                                                                                                           |
-| ----------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `className` | `string`                    | _(optional)_ Outer DOM element class name                                                                                                                                             |
-| `direction` | `string`                    | _(optional)_ Direction of sub components. Can be: `horizontal` or `vertical`.                                                                                                         |
-| `wrap`      | `boolean`                   | _(optional)_ True to wrap contents if there is not enough space. Defaults to `true`.                                                                                                  |
-| `justify`   | `string`                    | _(optional)_ How to place sub components if there is space available in the container. Can be: `flex-start`, `flex-end`, `center`, `space-between`, `space-around` or `space-evenly`. |
-| `align`     | `string`                    | _(optional)_ How to align sub components. Can be: `flex-start`, `flex-end`, `center`, `stretch` or `baseline`.                                                                        |
-| `divider`   | `string`                    | _(optional)_ How to separate sub components. Can be: `space` or `line`.                                                                                                               |
-| `sizeCount` | `number`                    | _(optional)_ Define how many parts your layout should be divided in. Should be used in combination with a [Flex.Item](/uilib/layout/flex/item). Defaults to `12`.                     |
-| `rowGap`    | `string` or `false`         | _(optional)_ Defines how much the gap between rows should be. Can be `large`, `medium`, `small` or `false` for no gap.                                                                |
-| `spacing`   | `string` or `false`         | _(optional)_ How much space between sub components. Can be `medium`, `small` or `false` for no spacing.                                                                               |
-| `element`   | `string` or `React.Element` | _(optional)_ Define the type of element. Defaults to `div`.                                                                                                                           |
-| `children`  | `React.Node`                | _(optional)_ Contents.                                                                                                                                                                |
+| Property                                | Type                        | Description                                                                                                                                                                           |
+| --------------------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `direction`                             | `string`                    | _(optional)_ Direction of sub components. Can be: `horizontal` or `vertical`.                                                                                                         |
+| `wrap`                                  | `boolean`                   | _(optional)_ True to wrap contents if there is not enough space. Defaults to `true`.                                                                                                  |
+| `justify`                               | `string`                    | _(optional)_ How to place sub components if there is space available in the container. Can be: `flex-start`, `flex-end`, `center`, `space-between`, `space-around` or `space-evenly`. |
+| `align`                                 | `string`                    | _(optional)_ How to align sub components. Can be: `flex-start`, `flex-end`, `center`, `stretch` or `baseline`.                                                                        |
+| `divider`                               | `string`                    | _(optional)_ How to separate sub components. Can be: `space` or `line`.                                                                                                               |
+| `sizeCount`                             | `number`                    | _(optional)_ Define how many parts your layout should be divided in. Should be used in combination with a [Flex.Item](/uilib/layout/flex/item). Defaults to `12`.                     |
+| `rowGap`                                | `string` or `false`         | _(optional)_ Defines how much the gap between rows should be. Can be `large`, `medium`, `small` or `false` for no gap.                                                                |
+| `spacing`                               | `string` or `false`         | _(optional)_ How much space between sub components. Can be `medium`, `small` or `false` for no spacing.                                                                               |
+| `element`                               | `string` or `React.Element` | _(optional)_ Define the type of element. Defaults to `div`.                                                                                                                           |
+| `innerRef`                              | `React.Ref`                 | _(optional)_ Provide a React.Ref to accessing the inner HTML element.                                                                                                                 |
+| [Space](/uilib/layout/space/properties) | Various                     | _(optional)_ spacing properties like `top` or `bottom` are supported.                                                                                                                 |
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/item/properties.mdx b/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/item/properties.mdx
index ae0bc1a334d..d9cbda390ad 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/item/properties.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/item/properties.mdx
@@ -4,11 +4,11 @@ showTabs: true
 
 ## Properties
 
-| Property    | Type                        | Description                                                                                                                                                                                                                                                                                                                                        |
-| ----------- | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `className` | `string`                    | _(optional)_ Outer DOM element class name                                                                                                                                                                                                                                                                                                          |
-| `grow`      | `boolean`                   | _(optional)_ True to expand in width/height when there is more space available.                                                                                                                                                                                                                                                                    |
-| `shrink`    | `boolean`                   | _(optional)_ True to shrink in width/height when there is not enough space available for all components within the container.                                                                                                                                                                                                                      |
-| `size`      | `object` or `number`        | _(optional)_ To set the size (parts) in "percentage" with numbers from 1 to 12 (`sizeCount`). You can also provide [Media Query](/uilib/usage/layout/media-queries/) types in an object. You can also use the value `auto` to disable it on a specific screen size. Wrap your Flex.Item's inside a [Flex.Container](/uilib/layout/flex/container). |
-| `element`   | `string` or `React.Element` | _(optional)_ Define the type of element. Defaults to `div`.                                                                                                                                                                                                                                                                                        |
-| `children`  | `React.Node`                | _(optional)_ Contents.                                                                                                                                                                                                                                                                                                                             |
+| Property                                | Type                        | Description                                                                                                                                                                                                                                                                                                                                        |
+| --------------------------------------- | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `grow`                                  | `boolean`                   | _(optional)_ True to expand in width/height when there is more space available.                                                                                                                                                                                                                                                                    |
+| `shrink`                                | `boolean`                   | _(optional)_ True to shrink in width/height when there is not enough space available for all components within the container.                                                                                                                                                                                                                      |
+| `size`                                  | `object` or `number`        | _(optional)_ To set the size (parts) in "percentage" with numbers from 1 to 12 (`sizeCount`). You can also provide [Media Query](/uilib/usage/layout/media-queries/) types in an object. You can also use the value `auto` to disable it on a specific screen size. Wrap your Flex.Item's inside a [Flex.Container](/uilib/layout/flex/container). |
+| `element`                               | `string` or `React.Element` | _(optional)_ Define the type of element. Defaults to `div`.                                                                                                                                                                                                                                                                                        |
+| `innerRef`                              | `React.Ref`                 | _(optional)_ Provide a React.Ref to accessing the inner HTML element.                                                                                                                                                                                                                                                                              |
+| [Space](/uilib/layout/space/properties) | Various                     | _(optional)_ spacing properties like `top` or `bottom` are supported.                                                                                                                                                                                                                                                                              |
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/stack/properties.mdx b/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/stack/properties.mdx
index 2ba85870368..7032c52fbbe 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/stack/properties.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/layout/flex/stack/properties.mdx
@@ -4,10 +4,9 @@ showTabs: true
 
 ## Properties
 
-| Property                                       | Type                        | Description                                                           |
-| ---------------------------------------------- | --------------------------- | --------------------------------------------------------------------- |
-| `direction`                                    | `string`                    | _(optional)_ Defaults to `vertical`.                                  |
-| `align`                                        | `string`                    | _(optional)_ Defaults to `stretch`.                                   |
-| `element`                                      | `string` or `React.Element` | _(optional)_ Define the type of element. Defaults to `section`.       |
-| [Flex.Container](/uilib/layout/flex/container) | Various                     | _(optional)_ Flex.Container properties.                               |
-| [Space](/uilib/layout/space/properties)        | Various                     | _(optional)_ Spacing properties like `top` or `bottom` are supported. |
+| Property                                       | Type     | Description                                                           |
+| ---------------------------------------------- | -------- | --------------------------------------------------------------------- |
+| `direction`                                    | `string` | _(optional)_ Defaults to `vertical`.                                  |
+| `align`                                        | `string` | _(optional)_ Defaults to `stretch`.                                   |
+| [Flex.Container](/uilib/layout/flex/container) | Various  | _(optional)_ Flex.Container properties.                               |
+| [Space](/uilib/layout/space/properties)        | Various  | _(optional)_ Spacing properties like `top` or `bottom` are supported. |
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/layout/form-row/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/layout/form-row/Examples.tsx
index 136c572d725..31c3bf22aec 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/layout/form-row/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/layout/form-row/Examples.tsx
@@ -66,13 +66,13 @@ export const FormRowVerticalAlignedLabels = () => (
       <FormRow
         label={
           <Ingress top="0" bottom="small">
-            Custom legend:
+            Custom legend
           </Ingress>
         }
         label_direction="vertical"
       >
-        <Input label="Label A:" value="Input A" right="small" />
-        <Input label="Label B:" value="Input B" />
+        <Input label="Label A" value="Input A" right="small" />
+        <Input label="Label B" value="Input B" />
       </FormRow>
     </ComponentBox>
   </TestStyles>
@@ -85,7 +85,7 @@ export const FormRowSectionStyle = () => (
         vertical
         section_style="mint-green"
         section_spacing
-        label="A long horizontal legend (FormLabel) with a lot of informative text:"
+        label="A long horizontal legend (FormLabel) with a lot of informative text"
       >
         <Checkbox label="Checkbox" />
       </FormRow>
@@ -109,7 +109,7 @@ export const FormRowCombineVerticalAndHorizontal = () => (
                 bottom="large"
                 no_collapse={true}
               >
-                Custom vertical legend:
+                Custom vertical legend
               </Space>
             }
             vertical
@@ -137,7 +137,7 @@ export const FormRowDefault = () => (
     <ComponentBox>
       <FormRow>
         <Input
-          label="Default horizontal FormRow:"
+          label="Default horizontal FormRow"
           placeholder="Input ..."
         />
       </FormRow>
@@ -148,10 +148,10 @@ export const FormRowDefault = () => (
 export const FormRowVertical = () => (
   <TestStyles>
     <ComponentBox>
-      <FormRow direction="vertical" label="Label legend for the inputs:">
-        <Input label="Vertical direction:" placeholder="Input A ..." />
+      <FormRow direction="vertical" label="Label legend for the inputs">
+        <Input label="Vertical direction" placeholder="Input A ..." />
         <Input
-          label="Vertical direction:"
+          label="Vertical direction"
           placeholder="Input B ..."
           top="small"
         />
@@ -164,11 +164,11 @@ export const FormRowNoWrap = () => (
   <TestStyles>
     <ComponentBox>
       <FormRow
-        label="A long horizontal legend (FormLabel) with a lot of informative text:"
+        label="A long horizontal legend (FormLabel) with a lot of informative text"
         direction="horizontal"
       >
-        <Input label="Input label A:" right="small" />
-        <Input label="Input label B:" />
+        <Input label="Input label A" right="small" />
+        <Input label="Input label B" />
       </FormRow>
     </ComponentBox>
   </TestStyles>
@@ -178,13 +178,13 @@ export const FormRowWrap = () => (
   <TestStyles>
     <ComponentBox>
       <FormRow
-        label="Long label labwl Adipiscing mauris dis proin nec Condimentum egestas class blandit netus non a suscipit id urna:"
+        label="Long label labwl Adipiscing mauris dis proin nec Condimentum egestas class blandit netus non a suscipit id urna"
         direction="horizontal"
         wrap
       >
-        <Input label="Input A:" top="small" right="small" />
-        <Input label="Input B:" top="small" right="small" />
-        <Input label="Input C:" top="small" right="small" />
+        <Input label="Input A" top="small" right="small" />
+        <Input label="Input B" top="small" right="small" />
+        <Input label="Input C" top="small" right="small" />
       </FormRow>
     </ComponentBox>
   </TestStyles>
@@ -194,18 +194,18 @@ export const FormRowLegendUsage = () => (
   <TestStyles>
     <ComponentBox>
       <FormSet label_direction="vertical">
-        <FormRow label="Label legend for the inputs:">
+        <FormRow label="Label legend for the inputs">
           <Input
-            label="Vertical label direction:"
+            label="Vertical label direction"
             placeholder="Input A ..."
             right="small"
           />
           <Input
-            label="Vertical label direction:"
+            label="Vertical label direction"
             placeholder="Input B ..."
           />
         </FormRow>
-        <FormRow label="Checkbox legend:" top="medium">
+        <FormRow label="Checkbox legend" top="medium">
           <Checkbox label="Checkbox" />
         </FormRow>
       </FormSet>
@@ -217,9 +217,9 @@ export const FormRowInheritContext = () => (
   <TestStyles>
     <ComponentBox>
       <FormRow vertical={true} disabled={true}>
-        <Input label="Vertical input A:" placeholder="Input A ..." />
+        <Input label="Vertical input A" placeholder="Input A ..." />
         <Input
-          label="Vertical input B:"
+          label="Vertical input B"
           placeholder="Input B ..."
           top="medium"
         />
@@ -326,8 +326,8 @@ export function FormRowLabelDirectionInfo() {
   return (
     <ComponentBox>
       <FormRow label_direction="vertical">
-        <Input label="Label:" right />
-        <Input label="Label:" />
+        <Input label="Label" right />
+        <Input label="Label" />
       </FormRow>
     </ComponentBox>
   )
@@ -337,8 +337,8 @@ export function FormRowDirectionInfo() {
   return (
     <ComponentBox>
       <FormRow direction="vertical">
-        <Input label="Label:" bottom />
-        <Input label="Label:" />
+        <Input label="Label" bottom />
+        <Input label="Label" />
       </FormRow>
     </ComponentBox>
   )
@@ -348,8 +348,8 @@ export function FormRowVerticalInfo() {
   return (
     <ComponentBox>
       <FormRow vertical>
-        <Input label="Label:" bottom />
-        <Input label="Label:" />
+        <Input label="Label" bottom />
+        <Input label="Label" />
       </FormRow>
     </ComponentBox>
   )
@@ -359,8 +359,8 @@ export function FormRowDefaultInfo() {
   return (
     <ComponentBox>
       <FormRow>
-        <Input label="Label:" right />
-        <Input label="Label:" />
+        <Input label="Label" right />
+        <Input label="Label" />
       </FormRow>
     </ComponentBox>
   )
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/layout/form-set/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/layout/form-set/Examples.tsx
index 27718a763eb..f9cd8b1acd3 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/layout/form-set/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/layout/form-set/Examples.tsx
@@ -24,7 +24,7 @@ export const FormSetDefault = () => (
       <FormRow
         section_style="mint-green-12"
         section_spacing
-        label="Long Group name Vitae dapibus eros viverra torquent euismod at dignissim vel mattis:"
+        label="Long Group name Vitae dapibus eros viverra torquent euismod at dignissim vel mattis"
       >
         <Radio.Group value="first">
           <Radio label="First" value="first" />
@@ -42,12 +42,12 @@ export const FormSetVertical = () => (
       <FormRow
         label={
           <Space element="span" className="dnb-h--large">
-            Custom Legend:
+            Custom Legend
           </Space>
         }
       >
-        <Input label="Label:" bottom />
-        <Input label="Label:" />
+        <Input label="Label" bottom />
+        <Input label="Label" />
       </FormRow>
     </FormSet>
   </ComponentBox>
@@ -62,7 +62,7 @@ export const FormSetSubmit = () => (
     >
       <FormRow>
         <Input
-          label="Search Input:"
+          label="Search Input"
           type="search"
           value="Search text ..."
           right="small"
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/layout/space/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/layout/space/Examples.tsx
index b735d181fd6..3c63d79db4d 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/layout/space/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/layout/space/Examples.tsx
@@ -24,7 +24,7 @@ export const Method1 = () => (
     >
       <RedBox>
         <Space top="large x-small">
-          <Input label="Input:" />
+          <Input label="Input" />
         </Space>
       </RedBox>
     </ComponentBox>
@@ -34,8 +34,8 @@ export const Method1 = () => (
 export const Method2 = () => (
   <TestStyles>
     <ComponentBox data-visual-test="spacing-method-component">
-      <Input label="Input A:" right="small" />
-      <Input label="Input B:" />
+      <Input label="Input A" right="small" />
+      <Input label="Input B" />
     </ComponentBox>
   </TestStyles>
 )
diff --git a/packages/dnb-design-system-portal/src/shared/parts/icons/ListAllIcons.tsx b/packages/dnb-design-system-portal/src/shared/parts/icons/ListAllIcons.tsx
index 969fbc5a009..f139284e4f2 100644
--- a/packages/dnb-design-system-portal/src/shared/parts/icons/ListAllIcons.tsx
+++ b/packages/dnb-design-system-portal/src/shared/parts/icons/ListAllIcons.tsx
@@ -24,12 +24,11 @@ export const getListOfIcons = (icons) => {
       if (typeof Svg !== 'function') {
         return null
       }
-      const meta =
-        iconsMetaData && iconsMetaData[iconName]
-          ? iconsMetaData[iconName]
-          : { tags: [], created: Date.now() }
-      const category = grabCategory(meta.name)
-      return { iconName, Svg, category, ...meta }
+      const meta = iconsMetaData?.[iconName]
+        ? iconsMetaData[iconName]
+        : { tags: [], created: Date.now() }
+
+      return { iconName, Svg, ...meta }
     })
     .filter(Boolean)
     .sort((a, b) => {
@@ -52,10 +51,6 @@ const groupByCategory = (sourceIcons) => {
   return categories
 }
 
-const grabCategory = (name) => {
-  return String(name).split(/\//)[0]
-}
-
 type Props = {
   groupBy: string
   variant: string
@@ -102,9 +97,8 @@ export default class ListAllIcons extends React.PureComponent<Props> {
         <li key={iconName} className={listItemStyle}>
           <div className={listItemInnerStyle}>
             <figure aria-labelledby={`icon-${iconName}`} aria-hidden>
-              {(SvgMedium && <Icon icon={SvgMedium} size="medium" />) || (
-                <Icon icon={Svg} />
-              )}
+              <Icon icon={Svg} right />
+              <Icon icon={SvgMedium} size="medium" />
             </figure>
 
             <AutoLinkHeader
diff --git a/packages/dnb-eufemia/assets/icons/dnb/browser.svg b/packages/dnb-eufemia/assets/icons/dnb/browser.svg
new file mode 100644
index 00000000000..85c57e12118
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/browser.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linejoin="round" stroke-width="1.5" d="M.5 4.5h15M5.75 4v10M2 14.5h12a1 1 0 0 0 1-1v-11a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1Z"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/browser_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/browser_medium.svg
new file mode 100644
index 00000000000..2cfa304dad8
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/browser_medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-linejoin="round" stroke-width="1.5" d="M1 6.25h22M7.75 7v15M2.25 2h19.5s1.5 0 1.5 1.5v17s0 1.5-1.5 1.5H2.25s-1.5 0-1.5-1.5v-17S.75 2 2.25 2Z"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/coins_1.svg b/packages/dnb-eufemia/assets/icons/dnb/coins_1.svg
index 6a2eef339e9..3fea5d63736 100644
--- a/packages/dnb-eufemia/assets/icons/dnb/coins_1.svg
+++ b/packages/dnb-eufemia/assets/icons/dnb/coins_1.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1 2.59v9.508M1 2.59c0 .879 2.137 1.59 4.773 1.59 2.636 0 4.773-.711 4.773-1.59M1 2.59C1 1.712 3.137 1 5.773 1c2.636 0 4.773.712 4.773 1.59M1 2.59v3.144m0 6.364c0 .9 2.137 1.63 4.773 1.63h.67M1 12.097V8.916m9.546-6.325v4.753m0-4.753v3.143M1 8.916c0 .842 1.873 1.536 4.275 1.62h.18M1 8.917V5.734m0 0c0 .9 2.137 1.63 4.773 1.63 2.636 0 4.773-.73 4.773-1.63m0 0v1.61m0 0v.819M5.455 9.75c0-.879 2.136-1.59 4.772-1.59.107 0 .213 0 .319.003M5.455 9.75c0 .9 2.136 1.63 4.772 1.63S15 10.65 15 9.75m-9.545 0v.787M15 9.75v2.984c0 .9-2.137 1.63-4.773 1.63-1.54 0-2.91-.25-3.784-.637M15 9.75c0-.843-1.967-1.533-4.454-1.587m-5.091 2.374v2.197c0 .374.368.718.988.993"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1 3.24v9.508M1 3.24c0 .878 2.137 1.59 4.773 1.59 2.636 0 4.773-.712 4.773-1.59M1 3.24c0-.878 2.137-1.59 4.773-1.59 2.636 0 4.773.712 4.773 1.59M1 3.24v3.144m0 6.364c0 .9 2.137 1.63 4.773 1.63h.67M1 12.747V9.566m9.546-6.325v4.753m0-4.753v3.143M1 9.566c0 .842 1.873 1.536 4.275 1.62h.18M1 9.567V6.384m0 0c0 .9 2.137 1.63 4.773 1.63 2.636 0 4.773-.73 4.773-1.63m0 0v1.61m0 0v.818M5.455 10.4c0-.879 2.136-1.591 4.772-1.591.107 0 .213.001.319.003M5.455 10.4c0 .9 2.136 1.63 4.772 1.63S15 11.3 15 10.4m-9.545 0v.787M15 10.4v2.984c0 .9-2.137 1.63-4.773 1.63-1.54 0-2.91-.25-3.784-.637M15 10.4c0-.843-1.967-1.533-4.454-1.588m-5.091 2.375v2.197c0 .374.368.718.988.993"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/coins_1_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/coins_1_medium.svg
index dccd5696a59..6e5b7718b3b 100644
--- a/packages/dnb-eufemia/assets/icons/dnb/coins_1_medium.svg
+++ b/packages/dnb-eufemia/assets/icons/dnb/coins_1_medium.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1 3.75v14.939M1 3.75c0 1.38 3.358 2.5 7.5 2.5 4.142 0 7.5-1.12 7.5-2.5m-15 0c0-1.38 3.358-2.5 7.5-2.5 4.142 0 7.5 1.12 7.5 2.5m-15 0v4.939m0 10c0 1.414 3.358 2.561 7.5 2.561h1.054M1 18.689v-5M16 3.75v7.47m0-7.47v4.939m-15 5c0 1.324 2.944 2.414 6.718 2.547H8M1 13.69v-5m0 0c0 1.414 3.358 2.561 7.5 2.561 4.142 0 7.5-1.147 7.5-2.561m0 0v2.53m0 0v1.287M8 15c0-1.38 3.358-2.5 7.5-2.5.168 0 .335.002.5.005M8 15c0 1.414 3.358 2.561 7.5 2.561 4.142 0 7.5-1.147 7.5-2.561M8 15v1.236M23 15v4.689c0 1.414-3.358 2.561-7.5 2.561-2.421 0-4.575-.392-5.946-1M23 15c0-1.325-3.091-2.409-7-2.495m-8 3.731v3.453c0 .587.58 1.129 1.554 1.561"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1 4.5v14.939M1 4.5C1 5.88 4.358 7 8.5 7 12.642 7 16 5.88 16 4.5m-15 0C1 3.12 4.358 2 8.5 2 12.642 2 16 3.12 16 4.5m-15 0v4.939m0 10C1 20.853 4.358 22 8.5 22h1.054M1 19.439v-5M16 4.5v7.47m0-7.47v4.939m-15 5c0 1.324 2.944 2.414 6.718 2.547H8M1 14.44v-5m0 0C1 10.853 4.358 12 8.5 12c4.142 0 7.5-1.147 7.5-2.561m0 0v2.53m0 0v1.287M8 15.75c0-1.38 3.358-2.5 7.5-2.5.168 0 .335.002.5.005M8 15.75c0 1.414 3.358 2.561 7.5 2.561 4.142 0 7.5-1.147 7.5-2.561m-15 0v1.236m15-1.236v4.689C23 21.853 19.642 23 15.5 23c-2.421 0-4.575-.392-5.946-1M23 15.75c0-1.325-3.091-2.409-7-2.495m-8 3.731v3.453c0 .587.58 1.129 1.554 1.561"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/digipass_corporate.svg b/packages/dnb-eufemia/assets/icons/dnb/digipass_corporate.svg
new file mode 100644
index 00000000000..ecf35932ff0
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/digipass_corporate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" fill="none" viewBox="0 0 16 18"><path stroke="#000" stroke-linecap="round" stroke-width="1.5" d="M2.06 6.505c-.333 5.014.61 10.245 5.961 10.245s6.272-5.23 5.91-10.245m-11.872 0c.064-.962.203-3.173.344-4.389a.863.863 0 0 1 .629-.739c1-.274 2.823-.627 4.99-.627 2.161 0 3.94.352 4.91.626.336.095.575.38.618.727.147 1.179.301 3.312.374 4.317l.006.085m-11.87 0c.792.202 3.191.605 6.023.605s5.078-.403 5.847-.605M5.6 3.95h4.8"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/digipass_corporate_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/digipass_corporate_medium.svg
new file mode 100644
index 00000000000..6a331039fe1
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/digipass_corporate_medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="none" viewBox="0 0 24 26"><path stroke="#000" stroke-linecap="round" stroke-width="1.5" d="M3.089 9.383c-.498 7.52.917 15.367 8.943 15.367s9.408-7.846 8.863-15.367m-17.806 0c.1-1.523.327-5.13.55-6.87a.887.887 0 0 1 .632-.743C5.695 1.35 8.57.75 12.032.75c3.456 0 6.26.599 7.637 1.018a.883.883 0 0 1 .62.731c.23 1.69.482 5.164.597 6.756l.01.128m-17.807 0c1.19.302 4.788.907 9.035.907 4.248 0 7.617-.605 8.771-.907M9.002 5.75h6"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/digipass_private.svg b/packages/dnb-eufemia/assets/icons/dnb/digipass_private.svg
new file mode 100644
index 00000000000..2e1e863df23
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/digipass_private.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" fill="none" viewBox="0 0 18 16"><path stroke="#000" stroke-linecap="round" stroke-width="1.5" d="M4.75 4.535C2.359 5.227.75 6.52.75 8c0 1.48 1.609 2.773 4 3.465m0-6.93C5.927 4.195 7.293 4 8.75 4c4.418 0 8 1.79 8 4s-3.582 4-8 4c-1.457 0-2.823-.195-4-.535m0-6.93c.5 1.132 1.2 4.102 0 6.93M8.25 8h4.5"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/digipass_private_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/digipass_private_medium.svg
new file mode 100644
index 00000000000..ccf9de17b8a
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/digipass_private_medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="24" fill="none" viewBox="0 0 26 24"><path stroke="#000" stroke-linecap="round" stroke-width="1.5" d="M6.75 6.803C3.163 7.84.75 9.779.75 12c0 2.22 2.413 4.16 6 5.197m0-10.394c1.765-.51 3.814-.803 6-.803 6.627 0 12 2.686 12 6s-5.373 6-12 6c-2.186 0-4.235-.292-6-.803m0-10.394c.75 1.697 1.8 6.152 0 10.394M12 12h6.75"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/envelope_open.svg b/packages/dnb-eufemia/assets/icons/dnb/envelope_open.svg
new file mode 100644
index 00000000000..ab508b6f59d
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/envelope_open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 6.986v6.797c0 .24-.105.47-.293.64-.187.17-.442.266-.707.266H2c-.265 0-.52-.095-.707-.265A.866.866 0 0 1 1 13.783V6.986m14 0L9.235 11.13c-.352.25-.787.387-1.235.387-.448 0-.883-.136-1.235-.387L1 6.986m14 0-5.538-4.41a2.011 2.011 0 0 0-.665-.426 2.179 2.179 0 0 0-1.594 0 2.011 2.011 0 0 0-.665.426L1 6.986m9.539 3.207L12.5 11.97m-7.039-1.777L3.5 11.97"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/envelope_open_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/envelope_open_medium.svg
new file mode 100644
index 00000000000..1f39eeb82db
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/envelope_open_medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M23 9.737v10.547c0 .373-.166.73-.46.994a1.67 1.67 0 0 1-1.111.412H2.57a1.67 1.67 0 0 1-1.11-.412 1.336 1.336 0 0 1-.46-.994V9.737m22 0-9.059 6.43a3.376 3.376 0 0 1-1.941.601 3.385 3.385 0 0 1-1.941-.6L1 9.737m22 0-8.703-6.845a3.165 3.165 0 0 0-1.045-.66A3.462 3.462 0 0 0 12 2c-.43 0-.857.08-1.252.233a3.16 3.16 0 0 0-1.045.66L1 9.737m14.99 4.976 3.081 2.758m-11.06-2.758-3.082 2.758"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/eufemia-icons-xml-categorized.tgz b/packages/dnb-eufemia/assets/icons/dnb/eufemia-icons-xml-categorized.tgz
index 1005e0a333e..81d761da3c5 100644
Binary files a/packages/dnb-eufemia/assets/icons/dnb/eufemia-icons-xml-categorized.tgz and b/packages/dnb-eufemia/assets/icons/dnb/eufemia-icons-xml-categorized.tgz differ
diff --git a/packages/dnb-eufemia/assets/icons/dnb/eufemia-icons-xml.tgz b/packages/dnb-eufemia/assets/icons/dnb/eufemia-icons-xml.tgz
index 676fad5347e..e8602d74021 100644
Binary files a/packages/dnb-eufemia/assets/icons/dnb/eufemia-icons-xml.tgz and b/packages/dnb-eufemia/assets/icons/dnb/eufemia-icons-xml.tgz differ
diff --git a/packages/dnb-eufemia/assets/icons/dnb/laptop.svg b/packages/dnb-eufemia/assets/icons/dnb/laptop.svg
new file mode 100644
index 00000000000..ff03962ef1d
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/laptop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.25 9.5V3a1 1 0 0 0-1-1h-10a1 1 0 0 0-1 1v6.5m12 0h-12m12 0 1.414 3.094A1 1 0 0 1 14.75 14h-13a1 1 0 0 1-.914-1.406L2.25 9.5"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/laptop_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/laptop_medium.svg
new file mode 100644
index 00000000000..edb19818d72
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/laptop_medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 14.25V4.5A1.5 1.5 0 0 0 19.5 3h-15A1.5 1.5 0 0 0 3 4.5v9.75m18 0H3m18 0 2.12 4.64A1.5 1.5 0 0 1 21.75 21H2.25a1.5 1.5 0 0 1-1.37-2.11L3 14.25M10.5 18h3"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/mobile.svg b/packages/dnb-eufemia/assets/icons/dnb/mobile.svg
new file mode 100644
index 00000000000..5bfc6da6849
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/mobile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#000" d="M5.25.75V0v.75Zm0 15v.75-.75Zm5.5 0v.75-.75Zm2-2h.75-.75Zm0-11h.75-.75Zm-2-2.75h-5.5v1.5h5.5V0Zm-5.5 0c-.73 0-1.429.29-1.945.805l1.061 1.061A1.25 1.25 0 0 1 5.25 1.5V0ZM3.305.805A2.75 2.75 0 0 0 2.5 2.75H4c0-.332.132-.65.366-.884L3.306.806ZM2.5 2.75v11H4v-11H2.5Zm0 11c0 .73.29 1.429.805 1.944l1.061-1.06A1.25 1.25 0 0 1 4 13.75H2.5Zm.805 1.944a2.75 2.75 0 0 0 1.945.806V15a1.25 1.25 0 0 1-.884-.366l-1.06 1.06Zm1.945.806h5.5V15h-5.5v1.5Zm5.5 0c.73 0 1.429-.29 1.944-.806l-1.06-1.06a1.25 1.25 0 0 1-.884.366v1.5Zm1.944-.806a2.75 2.75 0 0 0 .806-1.944H12c0 .332-.132.65-.366.884l1.06 1.06Zm.806-1.944v-11H12v11h1.5Zm0-11c0-.73-.29-1.429-.806-1.945l-1.06 1.061c.234.235.366.552.366.884h1.5ZM12.694.805A2.75 2.75 0 0 0 10.75 0v1.5c.332 0 .65.132.884.366l1.06-1.06ZM8 4v1.5A1.5 1.5 0 0 0 9.5 4H8Zm0 0H6.5A1.5 1.5 0 0 0 8 5.5V4Zm0 0V2.5A1.5 1.5 0 0 0 6.5 4H8Zm0 0h1.5A1.5 1.5 0 0 0 8 2.5V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/mobile_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/mobile_medium.svg
new file mode 100644
index 00000000000..15a0266f280
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/mobile_medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#000" d="M7.875.75V0v.75Zm0 22.5V24v-.75Zm8.25 0V24v-.75Zm3-3h.75-.75Zm0-16.5h.75-.75Zm-3-3.75h-8.25v1.5h8.25V0Zm-8.25 0a3.75 3.75 0 0 0-2.652 1.098L6.284 2.16a2.25 2.25 0 0 1 1.591-.66V0ZM5.223 1.098A3.75 3.75 0 0 0 4.125 3.75h1.5c0-.597.237-1.169.659-1.591l-1.06-1.06ZM4.125 3.75v16.5h1.5V3.75h-1.5Zm0 16.5a3.75 3.75 0 0 0 1.098 2.652l1.061-1.061a2.25 2.25 0 0 1-.659-1.591h-1.5Zm1.098 2.652A3.75 3.75 0 0 0 7.875 24v-1.5a2.25 2.25 0 0 1-1.591-.659l-1.06 1.06ZM7.875 24h8.25v-1.5h-8.25V24Zm8.25 0a3.75 3.75 0 0 0 2.652-1.098l-1.061-1.061a2.25 2.25 0 0 1-1.591.659V24Zm2.652-1.098a3.75 3.75 0 0 0 1.098-2.652h-1.5a2.25 2.25 0 0 1-.659 1.591l1.06 1.06Zm1.098-2.652V3.75h-1.5v16.5h1.5Zm0-16.5a3.75 3.75 0 0 0-1.098-2.652L17.716 2.16c.422.422.659.994.659 1.591h1.5Zm-1.098-2.652A3.75 3.75 0 0 0 16.125 0v1.5a2.25 2.25 0 0 1 1.591.659l1.06-1.06ZM12 4.25v1.5a1.5 1.5 0 0 0 1.5-1.5H12Zm0 0h-1.5a1.5 1.5 0 0 0 1.5 1.5v-1.5Zm0 0v-1.5a1.5 1.5 0 0 0-1.5 1.5H12Zm0 0h1.5a1.5 1.5 0 0 0-1.5-1.5v1.5Z"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/money_left.svg b/packages/dnb-eufemia/assets/icons/dnb/money_left.svg
new file mode 100644
index 00000000000..26f6fd97667
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/money_left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linecap="round" stroke-width="1.5" d="M1 8a7 7 0 1 0 7-7M5.79 8.8h4.455c.176 0 .319.14.319.31v1.379a.315.315 0 0 1-.319.31H5.792a.315.315 0 0 1-.318-.31V9.11c0-.172.142-.311.318-.311Zm.637-2h4.455c.175 0 .318.14.318.31v1.38a.315.315 0 0 1-.318.31H6.427a.315.315 0 0 1-.318-.31V7.11c0-.172.143-.311.318-.311Zm-1.909-2h4.455c.175 0 .318.14.318.31v1.38a.315.315 0 0 1-.318.31H4.518a.315.315 0 0 1-.318-.31V5.11c0-.172.142-.311.318-.311Z"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/money_left_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/money_left_medium.svg
new file mode 100644
index 00000000000..901cea1b84e
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/money_left_medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1 12c0 6.075 4.925 11 11 11s11-4.925 11-11S18.075 1 12 1M9.333 14h6.534c.257 0 .466.209.466.467v2.066a.467.467 0 0 1-.466.467H9.333a.467.467 0 0 1-.466-.467v-2.066c0-.258.209-.467.466-.467Zm.934-3H16.8c.258 0 .467.209.467.467v2.066A.467.467 0 0 1 16.8 14h-6.533a.467.467 0 0 1-.467-.467v-2.066c0-.258.209-.467.467-.467Zm-2.8-3H14c.258 0 .467.209.467.467v2.066A.467.467 0 0 1 14 11H7.467A.467.467 0 0 1 7 10.533V8.467C7 8.209 7.209 8 7.467 8Z"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/scan.svg b/packages/dnb-eufemia/assets/icons/dnb/scan.svg
index 0aabbbe7d2c..c578ba067a9 100644
--- a/packages/dnb-eufemia/assets/icons/dnb/scan.svg
+++ b/packages/dnb-eufemia/assets/icons/dnb/scan.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#000" d="M3.5 4v1.75a.75.75 0 0 1-1.5 0V4c0-.504.175-.981.464-1.344C2.751 2.298 3.2 2 3.75 2h2a.75.75 0 0 1 0 1.5H3.753c-.005.001-.051.01-.117.094A.665.665 0 0 0 3.5 4Zm6-1.25a.75.75 0 0 1 .75-.75H12c.504 0 .981.175 1.344.464.358.287.656.736.656 1.286v2a.75.75 0 0 1-1.5 0V3.753c-.001-.005-.01-.051-.094-.117A.665.665 0 0 0 12 3.5h-1.75a.75.75 0 0 1-.75-.75ZM4 12.5h1.75a.75.75 0 0 1 0 1.5H4a2.17 2.17 0 0 1-1.344-.464C2.298 13.249 2 12.8 2 12.25v-2a.75.75 0 0 1 1.5 0v1.997c.001.005.01.051.094.117A.664.664 0 0 0 4 12.5Zm8.5-.5v-1.75a.75.75 0 0 1 1.5 0V12c0 .504-.175.981-.464 1.344-.287.358-.736.656-1.286.656h-2a.75.75 0 0 1 0-1.5h1.997c.005-.001.051-.01.117-.094A.665.665 0 0 0 12.5 12ZM6 7.25a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5H6Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8H4m6.875 5.749h2.27a.604.604 0 0 0 .604-.604v-2.27m-2.874-8.624h2.27a.604.604 0 0 1 .604.604v2.27M5.126 2.251h-2.27a.604.604 0 0 0-.604.604v2.27m2.874 8.624h-2.27a.604.604 0 0 1-.604-.604v-2.27"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/scan_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/scan_medium.svg
index 66c28f24424..973b9659ba7 100644
--- a/packages/dnb-eufemia/assets/icons/dnb/scan_medium.svg
+++ b/packages/dnb-eufemia/assets/icons/dnb/scan_medium.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#000" clip-path="url(#scan_medium_svg__a)"><path d="M2.25 4v3.5a.75.75 0 0 1-1.5 0V4c0-.837.291-1.627.764-2.219C1.984 1.194 2.683.75 3.5.75h4a.75.75 0 0 1 0 1.5h-4c-.25 0-.55.14-.814.469A2.08 2.08 0 0 0 2.25 4Zm13.5-2.5a.75.75 0 0 1 .75-.75H20c.837 0 1.627.291 2.218.764.588.47 1.032 1.169 1.032 1.986v4a.75.75 0 0 1-1.5 0v-4c0-.25-.14-.55-.468-.814A2.079 2.079 0 0 0 20 2.25h-3.5a.75.75 0 0 1-.75-.75ZM4 21.75h3.5a.75.75 0 0 1 0 1.5H4a3.578 3.578 0 0 1-2.219-.764C1.194 22.016.75 21.317.75 20.5v-4a.75.75 0 0 1 1.5 0v4c0 .25.14.55.469.814.325.26.785.436 1.281.436ZM21.75 20v-3.5a.75.75 0 0 1 1.5 0V20c0 .837-.291 1.627-.764 2.218-.47.588-1.169 1.032-1.986 1.032h-4a.75.75 0 0 1 0-1.5h4c.25 0 .55-.14.814-.468.26-.326.436-.786.436-1.282ZM6 11.25a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5H6Z"/></g><defs><clipPath id="scan_medium_svg__a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.312 12H5.686M16.5 20.997h3.554a.946.946 0 0 0 .946-.946v-3.553M16.5 3h3.554a.946.946 0 0 1 .946.946V7.5M7.5 3H3.945A.946.946 0 0 0 3 3.946V7.5M7.5 21H3.945A.946.946 0 0 1 3 20.054V16.5"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/teenager.svg b/packages/dnb-eufemia/assets/icons/dnb/teenager.svg
new file mode 100644
index 00000000000..f996dad0521
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/teenager.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 4.638 2.325 6m7.706 4.5c-1.293 1.243-3.031 1.243-4.36 0m-.047-2.329h.225m3.673 0h.225m2.24-4.414c2.284 2.344 2.284 6.142 0 8.486a5.747 5.747 0 0 1-8.274 0C1.43 9.899 1.43 6.1 3.713 3.757a5.747 5.747 0 0 1 8.274 0ZM5.9 8.171c0 .122-.104.162-.161.162-.06 0-.164-.04-.164-.162 0-.131.104-.171.164-.171.057 0 .161.04.161.171Zm3.899 0c0 .122-.104.162-.161.162-.06 0-.164-.04-.164-.162a.162.162 0 1 1 .324 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/assets/icons/dnb/teenager_medium.svg b/packages/dnb-eufemia/assets/icons/dnb/teenager_medium.svg
new file mode 100644
index 00000000000..43eae22f6f0
--- /dev/null
+++ b/packages/dnb-eufemia/assets/icons/dnb/teenager_medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m23 8.458-19.5 2.5m11.856 5.726c-1.763 1.992-4.946 1.992-6.708 0m-.073-3.677h.346m5.652 0h.346m3.445-7.371A9 9 0 1 1 5.636 18.364 9 9 0 0 1 18.364 5.636ZM9 13.006c0 .184-.16.244-.248.244-.092 0-.252-.06-.252-.243 0-.197.16-.257.252-.257.088 0 .248.06.248.257Zm5.998 0c0 .184-.16.244-.248.244-.092 0-.252-.06-.252-.243 0-.197.16-.257.252-.257.088 0 .248.06.248.257Z"/></svg>
\ No newline at end of file
diff --git a/packages/dnb-eufemia/scripts/figma/tasks/__tests__/assetsExtractors.test.ts b/packages/dnb-eufemia/scripts/figma/tasks/__tests__/assetsExtractors.test.ts
index a919589274a..70d6fea81ca 100644
--- a/packages/dnb-eufemia/scripts/figma/tasks/__tests__/assetsExtractors.test.ts
+++ b/packages/dnb-eufemia/scripts/figma/tasks/__tests__/assetsExtractors.test.ts
@@ -422,70 +422,78 @@ describe('assetsExtractors', () => {
       3,
       expect.stringContaining('/dnb-eufemia/src/icons/dnb/icons-svg.lock'),
       expect.stringContaining(
-        await formatIconsMetaFile({
-          'bell_medium.svg': {
-            iconName: 'bell_medium',
-            name: 'bell',
-            category: 'objects',
-            url: 'file:./7174498d6976279f85d53855a1165429',
-            id: '2:63',
-            slug: 'f791e5e18139b49fe8f0b0a0060fee11',
-            size: '24',
-            variant: 'primary',
-            bundleName: 'primary_icons_medium',
-            created: 1577836800000,
-            updated: 1577836800000,
-          },
-          'bell.svg': {
-            iconName: 'bell',
-            name: 'bell',
-            category: 'objects',
-            url: 'file:./12b63b85ba08cf1588a42fb69cb9654c',
-            id: '41:2',
-            slug: 'f791e5e18139b49fe8f0b0a0060fee11',
-            size: '16',
-            variant: 'primary',
-            bundleName: 'primary_icons',
-            created: 1577836800000,
-            updated: 1577836800000,
+        await formatIconsMetaFile(
+          {
+            'bell_medium.svg': {
+              iconName: 'bell_medium',
+              name: 'bell',
+              category: 'objects',
+              url: 'file:./7174498d6976279f85d53855a1165429',
+              id: '2:63',
+              slug: 'f791e5e18139b49fe8f0b0a0060fee11',
+              size: '24',
+              variant: 'primary',
+              bundleName: 'primary_icons_medium',
+              created: 1577836800000,
+              updated: 1577836800000,
+            },
+            'bell.svg': {
+              iconName: 'bell',
+              name: 'bell',
+              category: 'objects',
+              url: 'file:./12b63b85ba08cf1588a42fb69cb9654c',
+              id: '41:2',
+              slug: 'f791e5e18139b49fe8f0b0a0060fee11',
+              size: '16',
+              variant: 'primary',
+              bundleName: 'primary_icons',
+              created: 1577836800000,
+              updated: 1577836800000,
+            },
           },
-        })
+          'dnb'
+        )
       )
     )
     expect(fs.writeFile).toHaveBeenNthCalledWith(
       4,
-      expect.stringContaining('/dnb-eufemia/src/icons/icons-meta.json'),
       expect.stringContaining(
-        await formatIconsMetaFile({
-          bell_medium: {
-            tags: [
-              'component-tag-24',
-              'component-tag-2',
-              'component-tag-3',
-              'set-tag-1',
-              'set-tag-2',
-              'set-tag-3',
-            ],
-            created: 1577836800000,
-            name: 'bell',
-            variant: 'primary',
-            category: 'objects',
-          },
-          bell: {
-            tags: [
-              'component-tag-16',
-              'component-tag-2',
-              'component-tag-3',
-              'set-tag-1',
-              'set-tag-2',
-              'set-tag-3',
-            ],
-            created: 1577836800000,
-            name: 'bell',
-            variant: 'primary',
-            category: 'objects',
+        '/dnb-eufemia/src/icons/dnb/icons-meta.json'
+      ),
+      expect.stringContaining(
+        await formatIconsMetaFile(
+          {
+            bell_medium: {
+              tags: [
+                'component-tag-24',
+                'component-tag-2',
+                'component-tag-3',
+                'set-tag-1',
+                'set-tag-2',
+                'set-tag-3',
+              ],
+              created: 1577836800000,
+              name: 'bell',
+              variant: 'primary',
+              category: 'objects',
+            },
+            bell: {
+              tags: [
+                'component-tag-16',
+                'component-tag-2',
+                'component-tag-3',
+                'set-tag-1',
+                'set-tag-2',
+                'set-tag-3',
+              ],
+              created: 1577836800000,
+              name: 'bell',
+              variant: 'primary',
+              category: 'objects',
+            },
           },
-        })
+          'dnb'
+        )
       )
     )
 
diff --git a/packages/dnb-eufemia/scripts/figma/tasks/assetsExtractors.ts b/packages/dnb-eufemia/scripts/figma/tasks/assetsExtractors.ts
index 41ce3a31614..c33cd04e90e 100644
--- a/packages/dnb-eufemia/scripts/figma/tasks/assetsExtractors.ts
+++ b/packages/dnb-eufemia/scripts/figma/tasks/assetsExtractors.ts
@@ -162,12 +162,14 @@ export const extractIcons = async ({
           acc[iconFile] = cur
           return acc
         }, {}),
+        assetsDir,
       })
 
       await makeMetaFile({
         listOfProcessedFiles,
         figmaDoc,
         iconRenameList,
+        assetsDir,
       })
     }
 
@@ -606,6 +608,7 @@ const makeMetaFile = async ({
   listOfProcessedFiles,
   figmaDoc,
   iconRenameList,
+  assetsDir,
 }) => {
   // save the metaFile content
   const data = listOfProcessedFiles.reduce(
@@ -679,7 +682,10 @@ const makeMetaFile = async ({
     {}
   )
 
-  await saveToFile(iconsMetaFile, await formatIconsMetaFile(data))
+  await saveToFile(
+    makeIconsMetaFile(assetsDir),
+    await formatIconsMetaFile(data, assetsDir)
+  )
 
   log.info('> Figma: icons-meta.json file got generated')
 }
@@ -939,20 +945,22 @@ export const readIconsLockFile = async ({ file }) => {
 
   return {} as IconsLockFileMap
 }
-export const saveIconsLockFile = async ({ file, data }) => {
-  await saveToFile(file, await formatIconsMetaFile(data))
+export const saveIconsLockFile = async ({ file, data, assetsDir }) => {
+  await saveToFile(file, await formatIconsMetaFile(data, assetsDir))
 
   log.info(`> Figma: ${file} file got generated`)
 }
 
-const iconsMetaFile = path.resolve(
-  __dirname,
-  '../../../src/icons/icons-meta.json'
-)
-export const formatIconsMetaFile = async (data) => {
+const makeIconsMetaFile = (assetsDir) =>
+  path.resolve(
+    __dirname,
+    `../../../src/icons/${assetsDir}/icons-meta.json`
+  )
+
+export const formatIconsMetaFile = async (data, assetsDir) => {
   return await prettier.format(JSON.stringify(data), {
     ...prettierrc,
-    filepath: iconsMetaFile,
+    filepath: makeIconsMetaFile(assetsDir),
   })
 }
 
diff --git a/packages/dnb-eufemia/scripts/figma/version.lock b/packages/dnb-eufemia/scripts/figma/version.lock
index bf12cb4c7c7..c16c548d93e 100644
--- a/packages/dnb-eufemia/scripts/figma/version.lock
+++ b/packages/dnb-eufemia/scripts/figma/version.lock
@@ -1 +1 @@
-{"441fb3d401607756e7399d9c32cc6ba3":"3583702471"}
\ No newline at end of file
+{"441fb3d401607756e7399d9c32cc6ba3":"4764897694"}
\ No newline at end of file
diff --git a/packages/dnb-eufemia/scripts/postbuild/__tests__/postbuild.test.ts b/packages/dnb-eufemia/scripts/postbuild/__tests__/postbuild.test.ts
index 22fae896981..9ec7d815814 100644
--- a/packages/dnb-eufemia/scripts/postbuild/__tests__/postbuild.test.ts
+++ b/packages/dnb-eufemia/scripts/postbuild/__tests__/postbuild.test.ts
@@ -61,7 +61,7 @@ describe('type definitions', () => {
       const content = fs.readFileSync(file, 'utf-8')
       expect(content).toContain('export interface InputProps')
       expect(content).toContain(
-        "extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,"
+        "extends Omit<React.HTMLProps<HTMLInputElement>, 'ref'>,"
       )
       expect(content).toContain('SpacingProps')
     }
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/Anchor.screenshot.test.ts b/packages/dnb-eufemia/src/components/anchor/__tests__/Anchor.screenshot.test.ts
index 564280c9911..ad7a01902f3 100644
--- a/packages/dnb-eufemia/src/components/anchor/__tests__/Anchor.screenshot.test.ts
+++ b/packages/dnb-eufemia/src/components/anchor/__tests__/Anchor.screenshot.test.ts
@@ -107,45 +107,124 @@ describe.each(['ui', 'sbanken'])('Anchor for %s', (themeName) => {
     expect(screenshot).toMatchImageSnapshot()
   })
 
-  it('have to match the anchor-contrast "default" state', async () => {
-    const screenshot = await makeScreenshot({
-      selector: '[data-visual-test="anchor-contrast"]',
+  describe('contrast', () => {
+    it('have to match the anchor-contrast no-underline "default" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="anchor-contrast-no-underline"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
     })
-    expect(screenshot).toMatchImageSnapshot()
-  })
 
-  it('have to match the anchor-contrast "focus" state', async () => {
-    const screenshot = await makeScreenshot({
-      selector: '[data-visual-test="anchor-contrast"]',
-      simulateSelector: '[data-visual-test="anchor-contrast"] .dnb-anchor',
-      simulate: 'focus',
+    it('have to match the anchor-contrast no-underline no-hover "default" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector:
+          '[data-visual-test="anchor-contrast-no-underline-no-hover"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
     })
-    expect(screenshot).toMatchImageSnapshot()
-  })
 
-  it('have to match the anchor-contrast "hover" state', async () => {
-    const screenshot = await makeScreenshot({
-      selector: '[data-visual-test="anchor-contrast"]',
-      simulateSelector: '[data-visual-test="anchor-contrast"] .dnb-anchor',
-      simulate: 'hover',
+    it('have to match the anchor-contrast no-underline no-hover "hover" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector:
+          '[data-visual-test="anchor-contrast-no-underline-no-hover"]',
+        simulateSelector:
+          '[data-visual-test="anchor-contrast-no-underline-no-hover"] .dnb-anchor',
+        simulate: 'hover',
+      })
+      expect(screenshot).toMatchImageSnapshot()
     })
-    expect(screenshot).toMatchImageSnapshot()
-  })
 
-  it('have to match the anchor-contrast "active" state', async () => {
-    const screenshot = await makeScreenshot({
-      selector: '[data-visual-test="anchor-contrast"]',
-      simulateSelector: '[data-visual-test="anchor-contrast"] .dnb-anchor',
-      simulate: 'active',
+    it('have to match the anchor-contrast no-underline no-radius "default" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector:
+          '[data-visual-test="anchor-contrast-no-underline-no-radius"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match the anchor-contrast no-underline no-radius "hover" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector:
+          '[data-visual-test="anchor-contrast-no-underline-no-radius"]',
+        simulateSelector:
+          '[data-visual-test="anchor-contrast-no-underline-no-radius"] .dnb-anchor',
+        simulate: 'hover',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match the anchor-contrast no-hover "hover" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="anchor-contrast-no-hover"]',
+        simulateSelector:
+          '[data-visual-test="anchor-contrast-no-hover"] .dnb-anchor',
+        simulate: 'hover',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match the anchor-contrast no-radius "hover" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="anchor-contrast-no-radius"]',
+        simulateSelector:
+          '[data-visual-test="anchor-contrast-no-radius"] .dnb-anchor',
+        simulate: 'hover',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match the anchor-contrast "default" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="anchor-contrast"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match the anchor-contrast "focus" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="anchor-contrast"]',
+        simulateSelector:
+          '[data-visual-test="anchor-contrast"] .dnb-anchor',
+        simulate: 'focus',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match the anchor-contrast "hover" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="anchor-contrast"]',
+        simulateSelector:
+          '[data-visual-test="anchor-contrast"] .dnb-anchor',
+        simulate: 'hover',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match the anchor-contrast "active" state', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="anchor-contrast"]',
+        simulateSelector:
+          '[data-visual-test="anchor-contrast"] .dnb-anchor',
+        simulate: 'active',
+      })
+      expect(screenshot).toMatchImageSnapshot()
     })
-    expect(screenshot).toMatchImageSnapshot()
   })
 
-  it('have to match the dnb-anchor--no-underline', async () => {
-    const screenshot = await makeScreenshot({
-      selector: '[data-visual-test="anchor-in-section"]',
+  describe('modifiers', () => {
+    it('have to match the dnb-anchor--no-icon', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="anchor-no-icon"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match the dnb-anchor--no-underline', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="anchor-in-section"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
     })
-    expect(screenshot).toMatchImageSnapshot()
   })
 
   it('have to match the "hover" state for modifier no-style', async () => {
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-active-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-active-state.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-active-state.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-active-state.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-default-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-default-state.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-default-state.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-default-state.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-focus-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-focus-state.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-focus-state.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-focus-state.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-hover-state.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-hover-state.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-hover-state.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-hover-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-hover-hover-state.snap.png
new file mode 100644
index 00000000000..6626147d161
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-hover-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-radius-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-radius-hover-state.snap.png
new file mode 100644
index 00000000000..3aa3d4ecbbd
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-radius-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-default-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-default-state.snap.png
new file mode 100644
index 00000000000..e13a03077a9
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-default-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-default-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-default-state.snap.png
new file mode 100644
index 00000000000..050a896a06b
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-default-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-hover-state.snap.png
new file mode 100644
index 00000000000..050a896a06b
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-default-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-default-state.snap.png
new file mode 100644
index 00000000000..672b71be1dc
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-default-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-hover-state.snap.png
new file mode 100644
index 00000000000..855137cf6a7
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-hover-state-for-modifier-no-style.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-hover-state-for-modifier-no-style.snap.png
index c248bdfbb4a..dfa7de4a866 100644
Binary files a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-hover-state-for-modifier-no-style.snap.png and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-hover-state-for-modifier-no-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-modifiers-have-to-match-the-dnb-anchor-no-icon.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-modifiers-have-to-match-the-dnb-anchor-no-icon.snap.png
new file mode 100644
index 00000000000..6dcd5aeee4d
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-modifiers-have-to-match-the-dnb-anchor-no-icon.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-no-underline.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-modifiers-have-to-match-the-dnb-anchor-no-underline.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-no-underline.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-sbanken-modifiers-have-to-match-the-dnb-anchor-no-underline.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-active-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-active-state.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-active-state.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-active-state.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-default-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-default-state.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-default-state.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-default-state.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-focus-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-focus-state.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-focus-state.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-focus-state.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-hover-state.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-anchor-contrast-hover-state.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-hover-state.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-hover-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-hover-hover-state.snap.png
new file mode 100644
index 00000000000..f7120945831
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-hover-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-radius-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-radius-hover-state.snap.png
new file mode 100644
index 00000000000..99103d03884
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-radius-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-default-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-default-state.snap.png
new file mode 100644
index 00000000000..60d9099e4e4
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-default-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-default-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-default-state.snap.png
new file mode 100644
index 00000000000..7e68bc4ac16
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-default-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-hover-state.snap.png
new file mode 100644
index 00000000000..7e68bc4ac16
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-hover-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-default-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-default-state.snap.png
new file mode 100644
index 00000000000..f6a9ebb8a3f
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-default-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-hover-state.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-hover-state.snap.png
new file mode 100644
index 00000000000..b503041b207
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-contrast-have-to-match-the-anchor-contrast-no-underline-no-radius-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-hover-state-for-modifier-no-hover.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-hover-state-for-modifier-no-hover.snap.png
index 88e438e9112..8d759abd919 100644
Binary files a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-hover-state-for-modifier-no-hover.snap.png and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-hover-state-for-modifier-no-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-hover-state-for-modifier-no-style.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-hover-state-for-modifier-no-style.snap.png
index 15629ea7432..4306fc83719 100644
Binary files a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-hover-state-for-modifier-no-style.snap.png and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-hover-state-for-modifier-no-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-modifiers-have-to-match-the-dnb-anchor-no-icon.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-modifiers-have-to-match-the-dnb-anchor-no-icon.snap.png
new file mode 100644
index 00000000000..825a817f745
Binary files /dev/null and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-modifiers-have-to-match-the-dnb-anchor-no-icon.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-dnb-anchor-no-underline.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-modifiers-have-to-match-the-dnb-anchor-no-underline.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-have-to-match-the-dnb-anchor-no-underline.snap.png
rename to packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-for-ui-modifiers-have-to-match-the-dnb-anchor-no-underline.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-target-blank-for-ui-have-to-match-the-target-blank-with-tooltip.snap.png b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-target-blank-for-ui-have-to-match-the-target-blank-with-tooltip.snap.png
index 91d056acd1b..ccfa92ce577 100644
Binary files a/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-target-blank-for-ui-have-to-match-the-target-blank-with-tooltip.snap.png and b/packages/dnb-eufemia/src/components/anchor/__tests__/__image_snapshots__/anchor-target-blank-for-ui-have-to-match-the-target-blank-with-tooltip.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap b/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap
index a0adae0ced1..bff8b4d96c3 100644
--- a/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap
@@ -121,6 +121,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -271,9 +272,6 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
 :where(:not(.dnb-anchor--no-style)).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default svg path {
   stroke-width: 1.2;
 }
-:where(:not(.dnb-anchor--no-style)).dnb-anchor--no-icon .dnb-icon {
-  display: none;
-}
 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
   background-color: transparent;
   transition: none;
@@ -317,14 +315,27 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
   display: inline-block;
   transform: translateY(-0.0625em);
 }
+:where(:not(.dnb-anchor--no-style)).dnb-anchor--no-icon .dnb-icon {
+  display: none;
+}
 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast {
   color: var(--color-white);
 }
-:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover {
+:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)) {
   color: var(--anchor-color--contrast);
   --anchor-background-gutter: 0.125em;
   box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
 }
+:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
+    color: var(--anchor-color--contrast);
+    --anchor-background-gutter: 0.125em;
+    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
+  }
+}
 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:active {
   color: var(--color-white);
   background-color: transparent;
@@ -371,9 +382,6 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
   :not(.dnb-anchor--no-style).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default svg path {
     stroke-width: 1.2;
   }
-  :not(.dnb-anchor--no-style).dnb-anchor--no-icon .dnb-icon {
-    display: none;
-  }
   :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
     background-color: transparent;
     transition: none;
@@ -417,14 +425,27 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
     display: inline-block;
     transform: translateY(-0.0625em);
   }
+  :not(.dnb-anchor--no-style).dnb-anchor--no-icon .dnb-icon {
+    display: none;
+  }
   :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast {
     color: var(--color-white);
   }
-  :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover {
+  :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)) {
     color: var(--anchor-color--contrast);
     --anchor-background-gutter: 0.125em;
     box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
   }
+  :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
+    /* stylelint-disable-next-line scss/operator-no-unspaced */
+  }
+  @supports not (selector(*:where(*))) {
+    :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
+      color: var(--anchor-color--contrast);
+      --anchor-background-gutter: 0.125em;
+      box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
+    }
+  }
   :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:active {
     color: var(--color-white);
     background-color: transparent;
diff --git a/packages/dnb-eufemia/src/components/anchor/style/anchor-mixins.scss b/packages/dnb-eufemia/src/components/anchor/style/anchor-mixins.scss
index b993d058994..3163088107f 100644
--- a/packages/dnb-eufemia/src/components/anchor/style/anchor-mixins.scss
+++ b/packages/dnb-eufemia/src/components/anchor/style/anchor-mixins.scss
@@ -45,10 +45,6 @@
       }
     }
   }
-
-  &--no-icon .dnb-icon {
-    display: none;
-  }
 }
 
 // reset methods
@@ -114,8 +110,10 @@
   color: var(--color-white);
 
   &:hover {
-    color: var(--anchor-color--contrast);
-    @include anchorBackground(var(--color-white));
+    @include notNoHover() {
+      color: var(--anchor-color--contrast);
+      @include anchorBackground(var(--color-white));
+    }
   }
 
   &:active {
@@ -166,6 +164,10 @@
     // -1px to center the icons against large chars
     transform: translateY(-0.0625em);
   }
+
+  &--no-icon .dnb-icon {
+    display: none;
+  }
 }
 
 @mixin anchorTag() {
diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-opened-list.snap.png b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-opened-list.snap.png
index 9d2f1c699f0..25d1d964157 100644
Binary files a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-opened-list.snap.png and b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-opened-list.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-with-drawer-button.snap.png b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-with-drawer-button.snap.png
index 9924d6e9d8c..320299a19cb 100644
Binary files a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-with-drawer-button.snap.png and b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-with-drawer-button.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-with-search-result.snap.png b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-with-search-result.snap.png
index 5b3ec30a302..4bfb03fda59 100644
Binary files a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-with-search-result.snap.png and b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-autocomplete-with-search-result.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-different-sizes.snap.png b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-different-sizes.snap.png
index cbe6db61713..166f82607e6 100644
Binary files a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-different-sizes.snap.png and b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-different-sizes.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-disabled-state.snap.png b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-disabled-state.snap.png
index 073318c86eb..dcf49f639c6 100644
Binary files a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-disabled-state.snap.png and b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-disabled-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-the-closed-autocomplete.snap.png b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-the-closed-autocomplete.snap.png
index 8a8b3465d4a..f91f0f3855f 100644
Binary files a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-the-closed-autocomplete.snap.png and b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-the-closed-autocomplete.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-the-status-with-status-state-info.snap.png b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-the-status-with-status-state-info.snap.png
index c5c7134c4c5..8fe31ef49d8 100644
Binary files a/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-the-status-with-status-state-info.snap.png and b/packages/dnb-eufemia/src/components/autocomplete/__tests__/__image_snapshots__/autocomplete-have-to-match-the-status-with-status-state-info.snap.png differ
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 2fa6405dd38..50ef5e14e98 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
@@ -135,6 +135,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -682,6 +683,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -1481,6 +1483,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
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 0b2ccd1c612..2bfff9bdcc5 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -581,13 +582,14 @@ button.dnb-button::-moz-focus-inner {
   display: flow-root;
   --breakout--on: visible;
   --breakout--off: hidden;
-  --rounded-corner--value: 0.75rem;
-  --outline: 0 0 0 1px var(--outline-color, transparent);
+  --rounded-corner--value: 0.5rem;
+  --outline: 0 0 0 var(--outline-width, 1px)
+    var(--outline-color, transparent);
+  --outline-none: 0 0 0 0 transparent;
   --top: 0;
   --left: -100vw;
   --width: 100vw;
   --height: 100%;
-  box-shadow: var(--outline, none);
   color: var(--text-color, black);
   border-radius: var(--rounded-corner, 0);
 }
@@ -598,7 +600,8 @@ button.dnb-button::-moz-focus-inner {
   content: "";
   position: absolute;
   inset: 0;
-  box-shadow: var(--drop-shadow, none);
+  z-index: -1;
+  box-shadow: var(--drop-shadow, var(--outline-none)), var(--outline, var(--outline-none));
   border-radius: var(--rounded-corner, 0);
 }
 .dnb-section::after {
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 1f9ec4b6041..31bd9815bf9 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
@@ -121,6 +121,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/card/Card.tsx b/packages/dnb-eufemia/src/components/card/Card.tsx
index 9f49a59e78b..eb1d5af9f45 100644
--- a/packages/dnb-eufemia/src/components/card/Card.tsx
+++ b/packages/dnb-eufemia/src/components/card/Card.tsx
@@ -1,52 +1,77 @@
 import React from 'react'
 import classnames from 'classnames'
 import Flex from '../flex/Flex'
+import { SectionParams } from '../section/Section'
+
 import type { Props as FlexContainerProps } from '../flex/Container'
 import type { Props as FlexItemProps } from '../flex/Item'
+import type { SpaceTypeMedia } from '../../shared/types'
 
-export type Props = FlexContainerProps &
-  FlexItemProps & {
-    stack?: boolean
-  }
-
+export type Props = Omit<
+  FlexContainerProps & FlexItemProps,
+  'ref' | 'wrap'
+> & {
+  stack?: boolean
+}
 function Card(props: Props) {
   const {
     className,
     stack,
     direction,
     spacing,
+    innerSpace,
     alignSelf = 'stretch',
+    divider = 'space',
     children,
     ...rest
   } = props
 
+  const falseWhenSmall = { small: false, medium: true, large: true }
+  const trueWhenSmall = { small: true, medium: false, large: false }
+  const basisSpace = {
+    top: 'medium',
+    right: 'medium',
+    bottom: 'large',
+    left: 'medium',
+  }
+  const smallSpace = {
+    ...basisSpace,
+    right: 0,
+    left: 0,
+  }
+
+  const params = SectionParams({
+    className: classnames('dnb-card', className),
+    backgroundColor: 'white',
+    breakout: trueWhenSmall,
+    roundedCorner: falseWhenSmall,
+    outline: true,
+    innerSpace:
+      innerSpace ??
+      ({
+        small: smallSpace,
+        medium: basisSpace,
+        large: basisSpace,
+      } as SpaceTypeMedia),
+    children,
+    ...rest,
+  })
+
   if (stack || direction || spacing) {
     return (
       <Flex.Container
-        className={classnames('dnb-card', className)}
         direction={direction ?? 'vertical'}
-        divider={stack ? 'line' : 'space'}
-        element="section"
+        divider={divider}
         wrap={false}
-        spacing={spacing ?? (stack ? 'medium' : 'small')}
+        spacing={spacing}
         alignSelf={alignSelf}
-        {...rest}
-      >
-        {children}
-      </Flex.Container>
+        element="section"
+        {...params}
+      />
     )
   }
 
-  return (
-    <Flex.Item
-      className={classnames('dnb-card', className)}
-      alignSelf={alignSelf}
-      element="section"
-      {...rest}
-    >
-      {children}
-    </Flex.Item>
-  )
+  return <Flex.Item alignSelf={alignSelf} element="section" {...params} />
 }
 
 Card._supportsSpacingProps = true
diff --git a/packages/dnb-eufemia/src/components/card/__tests__/Card.test.tsx b/packages/dnb-eufemia/src/components/card/__tests__/Card.test.tsx
index e9ad699da2b..4ba908db573 100644
--- a/packages/dnb-eufemia/src/components/card/__tests__/Card.test.tsx
+++ b/packages/dnb-eufemia/src/components/card/__tests__/Card.test.tsx
@@ -56,6 +56,8 @@ describe('Card', () => {
     expect(Array.from(element.classList)).toEqual([
       'dnb-space',
       'dnb-flex-item',
+      'dnb-section',
+      'dnb-section--default',
       'dnb-card',
       'custom-class',
       'dnb-flex-item--align-self-stretch',
@@ -88,7 +90,7 @@ describe('Card', () => {
     expect(element.className).not.toContain('dnb-flex-container--wrap')
   })
 
-  it('should stack children divided by lines', () => {
+  it('should stack children divided by space', () => {
     render(
       <Card stack>
         <P>Paragraph</P>
@@ -99,12 +101,38 @@ describe('Card', () => {
     const element = document.querySelector('.dnb-card')
     const children = element.children
 
+    expect(element.className).toContain(
+      'dnb-flex-container--divider-space'
+    )
+
+    expect(children.length).toBe(2)
+
+    expect(children[0].tagName).toBe('P')
+    expect(children[0].className).toEqual(
+      'dnb-p dnb-space__top--zero dnb-space__bottom--zero'
+    )
+
+    expect(children[1].tagName).toBe('P')
+    expect(children[1].className).toContain('dnb-space__top--small')
+  })
+
+  it('should stack children divided by lines', () => {
+    render(
+      <Card stack divider="line">
+        <P>Paragraph</P>
+        <P>Paragraph</P>
+      </Card>
+    )
+
+    const element = document.querySelector('.dnb-card')
+    const children = element.children
+
     expect(element.className).toContain('dnb-flex-container--divider-line')
 
     expect(children.length).toBe(4)
 
     expect(children[1].tagName).toBe('DIV')
-    expect(children[1].className).toContain('dnb-space__top--medium')
+    expect(children[1].className).toContain('dnb-space__top--small')
 
     expect(children[2].tagName).toBe('HR')
     expect(children[2].className).toContain(
@@ -117,7 +145,7 @@ describe('Card', () => {
     )
     expect(children[3].tagName).toBe('P')
     expect(children[3].className).toEqual(
-      'dnb-p dnb-space__top--medium dnb-space__bottom--zero'
+      'dnb-p dnb-space__top--small dnb-space__bottom--zero'
     )
   })
 
@@ -217,4 +245,22 @@ describe('Card', () => {
     expect(children[2].className).toContain('dnb-space__top--large')
     expect(children[2].className).toContain('dnb-space__bottom--zero')
   })
+
+  it('gets valid ref element', () => {
+    let ref: React.RefObject<HTMLInputElement>
+
+    function MockComponent() {
+      ref = React.useRef()
+      return (
+        <Card innerRef={ref} element="div">
+          Content
+        </Card>
+      )
+    }
+
+    render(<MockComponent />)
+
+    expect(ref.current instanceof HTMLElement).toBe(true)
+    expect(ref.current.tagName).toBe('DIV')
+  })
 })
diff --git a/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-border-in-small-screen-size.snap.png b/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-border-in-small-screen-size.snap.png
index 60d9722c86a..f603e384a6f 100644
Binary files a/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-border-in-small-screen-size.snap.png and b/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-border-in-small-screen-size.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-border.snap.png b/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-border.snap.png
index b0fdb5a9e4e..4ab5029ad7d 100644
Binary files a/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-border.snap.png and b/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-border.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-stack.snap.png b/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-stack.snap.png
index e73c479635b..171d4b62384 100644
Binary files a/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-stack.snap.png and b/packages/dnb-eufemia/src/components/card/__tests__/__image_snapshots__/card-have-to-match-stack.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/card/style/dnb-card.scss b/packages/dnb-eufemia/src/components/card/style/dnb-card.scss
index b38af56b20b..64a4f87b56e 100644
--- a/packages/dnb-eufemia/src/components/card/style/dnb-card.scss
+++ b/packages/dnb-eufemia/src/components/card/style/dnb-card.scss
@@ -1,24 +1,4 @@
-@import '../../../style/core/utilities.scss';
-
 .dnb-card {
-  --background-color: var(--color-white);
-  --border-color: var(--color-lavender);
-  --border-width: 0.25rem;
-  --border-radius: 0.75rem;
-
-  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-large)
-    var(--spacing-medium);
-
-  background-color: var(--background-color);
-  border: var(--border-width) solid var(--border-color);
-  border-radius: var(--border-radius);
-
-  @include allBelow(small) {
-    --border-radius: 0;
-    border-left: none;
-    border-right: none;
-  }
-
   &__heading {
     font-size: var(--font-size-basis);
     font-weight: var(--font-weight-medium);
diff --git a/packages/dnb-eufemia/src/components/card/style/themes/dnb-card-theme-ui.scss b/packages/dnb-eufemia/src/components/card/style/themes/dnb-card-theme-ui.scss
new file mode 100644
index 00000000000..81e285719b7
--- /dev/null
+++ b/packages/dnb-eufemia/src/components/card/style/themes/dnb-card-theme-ui.scss
@@ -0,0 +1,35 @@
+@import '../../../../style/core/utilities.scss';
+
+.dnb-card {
+  &.dnb-section {
+    --background-color: var(--color-white);
+    --outline-color: var(--border-color, var(--color-lavender));
+    --outline-width: 0.25rem;
+  }
+
+  @include allBelow(small) {
+    &::before {
+      left: -100%;
+      right: -100%;
+    }
+  }
+
+  // Show only one border (combined) when stacked
+  & + .dnb-card:not([class*='space__top']) {
+    &::before {
+      top: var(--outline-width);
+    }
+  }
+
+  // Combine the two borers to one
+  .dnb-flex-container.dnb-flex-container--divider-space & + .dnb-card {
+    @include allBelow(small) {
+      margin-top: 0;
+
+      &::before {
+        top: var(--outline-width);
+        z-index: 0;
+      }
+    }
+  }
+}
diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-focus.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-focus.snap.png
index ce4052b534f..d1f679ce9c5 100644
Binary files a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-focus.snap.png and b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-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-hover.snap.png
index 057c4346951..ffa0ce11d56 100644
Binary files a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-hover.snap.png and b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state.snap.png
index cc9c4463266..2f8d3c60b13 100644
Binary files a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state.snap.png and b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-sbanken-checked-have-to-match-checkbox-in-checked-state.snap.png differ
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 c4dfedfc5b5..45d501b235c 100644
Binary files 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 and 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 differ
diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state-with-hover.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state-with-hover.snap.png
index 87572b126f2..7ca53c928de 100644
Binary files a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state-with-hover.snap.png and b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state.snap.png b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state.snap.png
index 788eceffe27..7ddd3557483 100644
Binary files a/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state.snap.png and b/packages/dnb-eufemia/src/components/checkbox/__tests__/__image_snapshots__/checkbox-for-ui-checked-have-to-match-checkbox-in-checked-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/date-picker/DatePicker.d.ts b/packages/dnb-eufemia/src/components/date-picker/DatePicker.d.ts
index e958e576622..2479c83f40b 100644
--- a/packages/dnb-eufemia/src/components/date-picker/DatePicker.d.ts
+++ b/packages/dnb-eufemia/src/components/date-picker/DatePicker.d.ts
@@ -26,7 +26,7 @@ type DatePickerSuffix =
 type DatePickerDirection = 'auto' | 'top' | 'bottom';
 type DatePickerAlignPicker = 'auto' | 'left' | 'right';
 export interface DatePickerProps
-  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref', 'onBlur'>,
     SpacingProps {
   id?: string;
   title?: string;
@@ -244,6 +244,10 @@ export interface DatePickerProps
    * Will be called once a user presses the reset button.
    */
   on_reset?: (...args: any[]) => any;
+  /**
+   * Will be called once the input loses focus.
+   */
+  onBlur?: (event: React.FocusEventHandler<HTMLInputElement>) => void;
 }
 export default class DatePicker extends React.Component<
   DatePickerProps,
diff --git a/packages/dnb-eufemia/src/components/date-picker/DatePicker.js b/packages/dnb-eufemia/src/components/date-picker/DatePicker.js
index 9811b9d372c..1aefe20b9e3 100644
--- a/packages/dnb-eufemia/src/components/date-picker/DatePicker.js
+++ b/packages/dnb-eufemia/src/components/date-picker/DatePicker.js
@@ -187,6 +187,7 @@ export default class DatePicker extends React.PureComponent {
     on_submit: PropTypes.func,
     on_cancel: PropTypes.func,
     on_reset: PropTypes.func,
+    onBlur: PropTypes.func,
   }
 
   static defaultProps = {
@@ -257,6 +258,7 @@ export default class DatePicker extends React.PureComponent {
     on_submit: null,
     on_cancel: null,
     on_reset: null,
+    onBlur: null,
   }
 
   static blurDelay = 201 // some ms more than "dropdownSlideDown 200ms"
diff --git a/packages/dnb-eufemia/src/components/date-picker/DatePickerInput.js b/packages/dnb-eufemia/src/components/date-picker/DatePickerInput.js
index 32f5c917232..6c01c4d1aaf 100644
--- a/packages/dnb-eufemia/src/components/date-picker/DatePickerInput.js
+++ b/packages/dnb-eufemia/src/components/date-picker/DatePickerInput.js
@@ -60,6 +60,7 @@ export default class DatePickerInput extends React.PureComponent {
     onChange: PropTypes.func,
     onSubmit: PropTypes.func,
     onFocus: PropTypes.func,
+    onBlur: PropTypes.func,
   }
 
   static defaultProps = {
@@ -84,6 +85,7 @@ export default class DatePickerInput extends React.PureComponent {
     onChange: null,
     onSubmit: null,
     onFocus: null,
+    onBlur: null,
   }
 
   state = {
@@ -325,12 +327,16 @@ export default class DatePickerInput extends React.PureComponent {
     })
   }
 
-  onBlurHandler = () => {
+  onBlurHandler = (e) => {
     this.focusMode = null
     this.setState({
       focusState: 'blur',
       _listenForPropChanges: false,
     })
+
+    if (this.props.onBlur) {
+      this.props.onBlur(e)
+    }
   }
 
   onKeyDownHandler = async (event) => {
@@ -679,6 +685,7 @@ export default class DatePickerInput extends React.PureComponent {
       onChange, // eslint-disable-line
       onFocus, // eslint-disable-line
       onSubmit, // eslint-disable-line
+      onBlur, // eslint-disable-line
       selectedDateTitle, // eslint-disable-line
       showInput, // eslint-disable-line
       input_element,
@@ -765,7 +772,7 @@ const selectAll = (target) => {
   target.select()
 }
 
-const InputElement = (props) => {
+const InputElement = ({ className, value, ...props }) => {
   return (
     <TextMask
       guide={true}
@@ -775,6 +782,11 @@ const InputElement = (props) => {
       autoCapitalize="none"
       spellCheck={false}
       autoCorrect="off"
+      className={classnames(
+        className,
+        /\d+/.test(value) && 'dnb-date-picker__input--highlight'
+      )}
+      value={value}
       {...props}
     />
   )
diff --git a/packages/dnb-eufemia/src/components/date-picker/DatePickerProvider.js b/packages/dnb-eufemia/src/components/date-picker/DatePickerProvider.js
index 634785ec4eb..ec6cee5d55d 100644
--- a/packages/dnb-eufemia/src/components/date-picker/DatePickerProvider.js
+++ b/packages/dnb-eufemia/src/components/date-picker/DatePickerProvider.js
@@ -183,6 +183,7 @@ export default class DatePickerProvider extends React.PureComponent {
 
     if (
       !state.startMonth ||
+      state._date !== props.date ||
       (state.changeMonthViews &&
         !isSameMonth(state.startMonth, state.startDate))
     ) {
@@ -191,6 +192,7 @@ export default class DatePickerProvider extends React.PureComponent {
 
     if (
       !state.endMonth ||
+      state._date !== props.date ||
       (isRange &&
         state.changeMonthViews &&
         !isSameMonth(state.endMonth, state.endDate))
diff --git a/packages/dnb-eufemia/src/components/date-picker/__tests__/DatePicker.test.tsx b/packages/dnb-eufemia/src/components/date-picker/__tests__/DatePicker.test.tsx
index 5f6080e63b9..2581b625528 100644
--- a/packages/dnb-eufemia/src/components/date-picker/__tests__/DatePicker.test.tsx
+++ b/packages/dnb-eufemia/src/components/date-picker/__tests__/DatePicker.test.tsx
@@ -5,6 +5,7 @@
 
 import React from 'react'
 import { axeComponent, loadScss, wait } from '../../../core/jest/jestSetup'
+import userEvent from '@testing-library/user-event'
 import DatePicker, { DatePickerProps } from '../DatePicker'
 
 jest.setTimeout(30e3)
@@ -352,6 +353,34 @@ describe('DatePicker component', () => {
     )
   })
 
+  it('will set highlight class on fields with a number value', async () => {
+    render(<DatePicker show_input />)
+
+    const [day, month, year] = Array.from(
+      document.querySelectorAll('input')
+    )
+
+    const test = async (elem: HTMLInputElement) => {
+      expect(elem.classList).not.toContain(
+        'dnb-date-picker__input--highlight'
+      )
+
+      await userEvent.type(elem, '1')
+
+      expect(elem.classList).toContain('dnb-date-picker__input--highlight')
+
+      await userEvent.type(elem, '{Backspace>4}') // use 4 because of year
+
+      expect(elem.classList).not.toContain(
+        'dnb-date-picker__input--highlight'
+      )
+    }
+
+    await test(day)
+    await test(month)
+    await test(year)
+  })
+
   it('has to reset second input fields to blank during new date selection', () => {
     render(<DatePicker {...defaultProps} />)
     fireEvent.click(
@@ -1407,6 +1436,102 @@ describe('DatePicker component', () => {
       ).toBeInTheDocument()
     })
   })
+
+  it('should display the correct date in calendar when date prop changes', async () => {
+    const { rerender } = render(
+      <DatePicker date="2023-01-01" show_input />
+    )
+
+    function getDateElements() {
+      const title: HTMLLabelElement = document.querySelector(
+        '.dnb-date-picker__header__title'
+      )
+      const button: HTMLButtonElement = document.querySelector(
+        'button[aria-current="date"]'
+      )
+
+      return [title, button] as const
+    }
+
+    const inputButton = document.querySelector(
+      '.dnb-input__submit-button__button'
+    )
+
+    await userEvent.click(inputButton)
+
+    const [firstTitle, firstDateButton] = getDateElements()
+
+    expect(firstTitle.title).toBe('Valgt måned januar 2023')
+    expect(firstTitle).toHaveTextContent('januar 2023')
+
+    expect(firstDateButton.getAttribute('aria-label')).toBe(
+      'søndag 1. januar 2023'
+    )
+    expect(firstDateButton.children[2]).toHaveTextContent('1')
+
+    rerender(<DatePicker date="2024-05-17" show_input />)
+
+    await userEvent.click(inputButton)
+
+    const [secondTitle, secondDateButton] = getDateElements()
+
+    expect(secondTitle.title).toBe('Valgt måned mai 2024')
+    expect(secondTitle).toHaveTextContent('mai 2024')
+
+    expect(secondDateButton.getAttribute('aria-label')).toBe(
+      'fredag 17. mai 2024'
+    )
+    expect(secondDateButton.children[2]).toHaveTextContent('17')
+
+    rerender(<DatePicker date="2035-12-24" show_input />)
+
+    await userEvent.click(inputButton)
+
+    const [thirdTitle, thirdDateButton] = getDateElements()
+
+    expect(thirdTitle.title).toBe('Valgt måned desember 2035')
+    expect(thirdTitle).toHaveTextContent('desember 2035')
+
+    expect(thirdDateButton.getAttribute('aria-label')).toBe(
+      'mandag 24. desember 2035'
+    )
+    expect(thirdDateButton.children[2]).toHaveTextContent('24')
+  })
+
+  it('should fire blur event when input loses focus', async () => {
+    const onBlur = jest.fn()
+    render(<DatePicker show_input onBlur={onBlur} />)
+
+    const [firstInput, secondInput]: Array<HTMLInputElement> = Array.from(
+      document.querySelectorAll('.dnb-input__input')
+    )
+
+    await userEvent.click(firstInput)
+
+    expect(onBlur).toHaveBeenCalledTimes(0)
+    expect(document.activeElement).toBe(firstInput)
+
+    await userEvent.click(document.body)
+
+    expect(document.activeElement).not.toBe(firstInput)
+    expect(onBlur).toHaveBeenCalledTimes(1)
+    expect(onBlur).toHaveBeenCalledWith(
+      expect.objectContaining({ target: firstInput })
+    )
+
+    await userEvent.click(secondInput)
+
+    expect(onBlur).toHaveBeenCalledTimes(1)
+    expect(document.activeElement).toBe(secondInput)
+
+    await userEvent.click(document.body)
+
+    expect(document.activeElement).not.toBe(secondInput)
+    expect(onBlur).toHaveBeenCalledTimes(2)
+    expect(onBlur).toHaveBeenCalledWith(
+      expect.objectContaining({ target: secondInput })
+    )
+  })
 })
 
 // for the unit calc tests
diff --git a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-trigger-button-in-error-state.snap.png b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-trigger-button-in-error-state.snap.png
index 8060f52d5f3..6d9d95abad1 100644
Binary files a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-trigger-button-in-error-state.snap.png and b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-trigger-button-in-error-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-trigger-button.snap.png b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-trigger-button.snap.png
index 13f0d89904e..258d629b402 100644
Binary files a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-trigger-button.snap.png and b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-trigger-button.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-with-input-in-error-state.snap.png b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-with-input-in-error-state.snap.png
index 620a5be0609..bf11bee9105 100644
Binary files a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-with-input-in-error-state.snap.png and b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-date-picker-with-input-in-error-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-input-fields.snap.png b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-input-fields.snap.png
index 4858e4fc0dd..98c0520f359 100644
Binary files a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-input-fields.snap.png and b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-input-fields.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-sizes.snap.png b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-sizes.snap.png
index 1ffb34dab96..08722e4ffbf 100644
Binary files a/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-sizes.snap.png and b/packages/dnb-eufemia/src/components/date-picker/__tests__/__image_snapshots__/datepicker-have-to-match-the-sizes.snap.png differ
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 a3c99337771..7cf5714d99a 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
@@ -135,6 +135,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -682,6 +683,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -1388,6 +1390,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -1990,6 +1993,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -3494,13 +3498,11 @@ button .dnb-form-status__text {
   transform: translateY(-0.5rem);
 }
 .dnb-toggle-button-group .dnb-flex-container {
-  margin-bottom: calc(0px - var(--toggle-button-group-margin-bottom));
+  margin-bottom: calc(var(--toggle-button-group-margin-bottom) * -1);
 }
-.dnb-toggle-button-group .dnb-flex-container--vertical-label {
-  align-items: flex-start;
-}
-.dnb-toggle-button-group .dnb-flex-container::before {
-  font-size: var(--font-size-basis);
+.dnb-toggle-button-group .dnb-flex-container--direction-horizontal .dnb-form-label {
+  margin-top: 0.5rem;
+  align-self: flex-start;
 }
 .dnb-toggle-button-group .dnb-alignment-helper {
   line-height: 2.5rem;
@@ -4090,10 +4092,10 @@ exports[`DatePicker scss have to match default theme snapshot 1`] = `
 .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input ~ .dnb-date-picker--separator {
   color: var(--color-black-55);
 }
-.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled]), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled]), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled]), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled]), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled]), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled]), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled]), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled]), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled]), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled]) {
+.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]) {
   color: var(--color-black);
 }
-.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled]) ~ .dnb-date-picker--separator {
+.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]) ~ .dnb-date-picker--separator {
   color: var(--color-black);
 }
 .dnb-date-picker__container {
diff --git a/packages/dnb-eufemia/src/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss b/packages/dnb-eufemia/src/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss
index 89836c7b885..1e4613b5eb1 100644
--- a/packages/dnb-eufemia/src/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss
+++ b/packages/dnb-eufemia/src/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss
@@ -12,24 +12,12 @@
     & ~ .dnb-date-picker--separator {
       color: var(--color-black-55);
     }
-  }
-  &:not(#{&}__status--error) & {
-    &__input[value*='0'],
-    &__input[value*='1'],
-    &__input[value*='2'],
-    &__input[value*='3'],
-    &__input[value*='4'],
-    &__input[value*='5'],
-    &__input[value*='6'],
-    &__input[value*='7'],
-    &__input[value*='8'],
-    &__input[value*='9'] {
-      &:not([data-input-state='disabled']) {
-        color: var(--color-black);
 
-        & ~ .dnb-date-picker--separator {
-          color: var(--color-black);
-        }
+    &--highlight:not([disabled]) {
+      color: var(--color-black);
+
+      & ~ .dnb-date-picker--separator {
+        color: var(--color-black);
       }
     }
   }
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__image_snapshots__/dialog-for-sbanken-have-to-match-the-dialog-progressindicator-window.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__image_snapshots__/dialog-for-sbanken-have-to-match-the-dialog-progressindicator-window.snap.png
index 2e130b988da..b76b7be5296 100644
Binary files a/packages/dnb-eufemia/src/components/dialog/__tests__/__image_snapshots__/dialog-for-sbanken-have-to-match-the-dialog-progressindicator-window.snap.png and b/packages/dnb-eufemia/src/components/dialog/__tests__/__image_snapshots__/dialog-for-sbanken-have-to-match-the-dialog-progressindicator-window.snap.png differ
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 224a3bc520e..f12f18f1b0c 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
@@ -142,6 +142,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
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 10645e3b71c..426f99835cb 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
@@ -143,6 +143,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-different-sizes.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-different-sizes.snap.png
index d066589b287..74ce34991d0 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-different-sizes.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-different-sizes.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-disabled-state.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-disabled-state.snap.png
index 77d320b4f9a..c48219075a7 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-disabled-state.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-disabled-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-closed-dropdown.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-closed-dropdown.snap.png
index 70d355e01da..e0640b6c736 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-closed-dropdown.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-closed-dropdown.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-dropdown-button-with-ellipsis-overflow.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-dropdown-button-with-ellipsis-overflow.snap.png
index d4f04c1b508..06272b6492c 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-dropdown-button-with-ellipsis-overflow.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-dropdown-button-with-ellipsis-overflow.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-dropdown-with-icon-on-left-side.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-dropdown-with-icon-on-left-side.snap.png
index cb70bc8a918..c4289bc7e75 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-dropdown-with-icon-on-left-side.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-sbanken-have-to-match-the-dropdown-with-icon-on-left-side.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-different-sizes.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-different-sizes.snap.png
index e2122d343c6..3bc8380a82c 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-different-sizes.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-different-sizes.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-disabled-state.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-disabled-state.snap.png
index b9a2e08bac3..975e5d0a190 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-disabled-state.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-disabled-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-the-dropdown-with-icon-on-left-side.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-the-dropdown-with-icon-on-left-side.snap.png
index 7a8048a83f8..3d6849b6204 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-the-dropdown-with-icon-on-left-side.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-for-ui-have-to-match-the-dropdown-with-icon-on-left-side.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-different-item-directions.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-different-item-directions.snap.png
index bad6931fa23..6bbbb71d5f4 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-different-item-directions.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-different-item-directions.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-the-dropdown-action-menu-in-mobile-view.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-the-dropdown-action-menu-in-mobile-view.snap.png
index 61f09c4d401..a6b17d3dd57 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-the-dropdown-action-menu-in-mobile-view.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-the-dropdown-action-menu-in-mobile-view.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-the-dropdown-action-menu-with-custom-items.snap.png b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-the-dropdown-action-menu-with-custom-items.snap.png
index 6107e885567..f961ecda01e 100644
Binary files a/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-the-dropdown-action-menu-with-custom-items.snap.png and b/packages/dnb-eufemia/src/components/dropdown/__tests__/__image_snapshots__/dropdown-have-to-match-the-dropdown-action-menu-with-custom-items.snap.png differ
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 343fe76a2e4..f5bdd3d591a 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
@@ -214,6 +214,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/flex/Container.tsx b/packages/dnb-eufemia/src/components/flex/Container.tsx
index 4adaf0f6ec9..e8916eb502d 100644
--- a/packages/dnb-eufemia/src/components/flex/Container.tsx
+++ b/packages/dnb-eufemia/src/components/flex/Container.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import classnames from 'classnames'
-import Space from '../space/Space'
+import Space, { SpaceProps } from '../space/Space'
 import { Hr } from '../../elements'
 import useMedia from '../../shared/useMedia'
 import {
@@ -10,8 +10,7 @@ import {
 } from './utils'
 
 import type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'
-import type { DynamicElement } from '../../shared/types'
-import type { SpaceType, SpacingProps } from '../space/types'
+import type { SpaceType } from '../space/types'
 import type { UseMediaQueries } from '../../shared/useMedia'
 import type { End, Start } from './types'
 
@@ -41,13 +40,12 @@ export type BasicProps = {
     | 'large'
     | 'x-large'
     | 'xx-large'
-  element?: DynamicElement
   breakpoints?: MediaQueryBreakpoints
   queries?: UseMediaQueries
 }
 
 export type Props = BasicProps &
-  SpacingProps &
+  SpaceProps &
   Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap'>
 
 const propNames: Array<keyof Props> = [
diff --git a/packages/dnb-eufemia/src/components/flex/Item.tsx b/packages/dnb-eufemia/src/components/flex/Item.tsx
index 08a86202e1e..a4029c4f8c7 100644
--- a/packages/dnb-eufemia/src/components/flex/Item.tsx
+++ b/packages/dnb-eufemia/src/components/flex/Item.tsx
@@ -1,7 +1,6 @@
 import React from 'react'
 import classnames from 'classnames'
-import Space from '../space/Space'
-import type { DynamicElement, SpacingProps } from '../../shared/types'
+import Space, { SpaceProps } from '../space/Space'
 import { omitSpacingProps, pickSpacingProps } from './utils'
 
 export type Sizes =
@@ -27,7 +26,6 @@ type MediaSizes = {
 export type Size = MediaSizes | Sizes
 
 export type BasicProps = {
-  element?: DynamicElement
   grow?: boolean
   shrink?: boolean
   alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'
@@ -35,7 +33,7 @@ export type BasicProps = {
 }
 
 export type Props = BasicProps &
-  SpacingProps &
+  SpaceProps &
   Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size'>
 
 function FlexItem(props: Props) {
@@ -94,7 +92,7 @@ function FlexItem(props: Props) {
   }
 
   return (
-    <Space element={element} className={cn} {...rest}>
+    <Space element={element} className={cn} style={style} {...rest}>
       {children}
     </Space>
   )
diff --git a/packages/dnb-eufemia/src/components/flex/__tests__/Container.test.tsx b/packages/dnb-eufemia/src/components/flex/__tests__/Container.test.tsx
index a463bc68002..c3925e5a273 100644
--- a/packages/dnb-eufemia/src/components/flex/__tests__/Container.test.tsx
+++ b/packages/dnb-eufemia/src/components/flex/__tests__/Container.test.tsx
@@ -383,6 +383,24 @@ describe('Flex.Container', () => {
     }
   })
 
+  it('gets valid ref element', () => {
+    let ref: React.RefObject<HTMLInputElement>
+
+    function MockComponent() {
+      ref = React.useRef()
+      return (
+        <Flex.Container innerRef={ref} element="section">
+          <Flex.Item>FlexItem</Flex.Item>
+        </Flex.Container>
+      )
+    }
+
+    render(<MockComponent />)
+
+    expect(ref.current instanceof HTMLElement).toBe(true)
+    expect(ref.current.tagName).toBe('SECTION')
+  })
+
   describe('size', () => {
     beforeEach(() => {
       jest.spyOn(window, 'matchMedia').mockImplementation(matchMedia)
diff --git a/packages/dnb-eufemia/src/components/flex/__tests__/Item.test.tsx b/packages/dnb-eufemia/src/components/flex/__tests__/Item.test.tsx
index 6c9322ea01f..9a78fe83019 100644
--- a/packages/dnb-eufemia/src/components/flex/__tests__/Item.test.tsx
+++ b/packages/dnb-eufemia/src/components/flex/__tests__/Item.test.tsx
@@ -86,6 +86,26 @@ describe('Flex.Item', () => {
     expect(element.tagName).toBe('DIV')
   })
 
+  it('gets valid ref element', () => {
+    let ref: React.RefObject<HTMLInputElement>
+
+    function MockComponent() {
+      ref = React.useRef()
+      return (
+        <Flex.Container>
+          <Flex.Item innerRef={ref} element="section">
+            FlexItem
+          </Flex.Item>
+        </Flex.Container>
+      )
+    }
+
+    render(<MockComponent />)
+
+    expect(ref.current instanceof HTMLElement).toBe(true)
+    expect(ref.current.tagName).toBe('SECTION')
+  })
+
   describe('size', () => {
     beforeEach(() => {
       jest.spyOn(window, 'matchMedia').mockImplementation(matchMedia)
diff --git a/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-sbanken-have-to-match-horizontal-direction.snap.png b/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-sbanken-have-to-match-horizontal-direction.snap.png
index dcbc369af8a..d71c25e16df 100644
Binary files a/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-sbanken-have-to-match-horizontal-direction.snap.png and b/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-sbanken-have-to-match-horizontal-direction.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-sbanken-have-to-match-vertical-direction.snap.png b/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-sbanken-have-to-match-vertical-direction.snap.png
index 57555d07037..6fe6ab26fbf 100644
Binary files a/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-sbanken-have-to-match-vertical-direction.snap.png and b/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-sbanken-have-to-match-vertical-direction.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-ui-have-to-match-horizontal-direction.snap.png b/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-ui-have-to-match-horizontal-direction.snap.png
index d222f542be6..94049f3f372 100644
Binary files a/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-ui-have-to-match-horizontal-direction.snap.png and b/packages/dnb-eufemia/src/components/flex/__tests__/__image_snapshots__/form-components-alignment-for-ui-have-to-match-horizontal-direction.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-checkbox-label-hover.snap.png b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-checkbox-label-hover.snap.png
index 5a89fed864d..08cf0d8d855 100644
Binary files a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-checkbox-label-hover.snap.png and b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-checkbox-label-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-default-form-label-with-hover.snap.png b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-default-form-label-with-hover.snap.png
index 5a89fed864d..08cf0d8d855 100644
Binary files a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-default-form-label-with-hover.snap.png and b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-default-form-label-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-default-form-label.snap.png b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-default-form-label.snap.png
index c273feb45d3..59b872cb1a4 100644
Binary files a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-default-form-label.snap.png and b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-default-form-label.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-vertical-form-label.snap.png b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-vertical-form-label.snap.png
index 37cc0989886..ae60bc0a922 100644
Binary files a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-vertical-form-label.snap.png and b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-sbanken-have-to-match-vertical-form-label.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-checkbox-label-hover.snap.png b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-checkbox-label-hover.snap.png
index 680a91e5f3c..88e12de815b 100644
Binary files a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-checkbox-label-hover.snap.png and b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-checkbox-label-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-default-form-label-with-hover.snap.png b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-default-form-label-with-hover.snap.png
index ecfbd89ae21..f4429476085 100644
Binary files a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-default-form-label-with-hover.snap.png and b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-default-form-label-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-default-form-label.snap.png b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-default-form-label.snap.png
index 1d35c44eefd..62af96cd329 100644
Binary files a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-default-form-label.snap.png and b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-default-form-label.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-vertical-form-label.snap.png b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-vertical-form-label.snap.png
index e438fd7ceed..22967983550 100644
Binary files a/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-vertical-form-label.snap.png and b/packages/dnb-eufemia/src/components/form-label/__tests__/__image_snapshots__/formlabel-for-ui-have-to-match-vertical-form-label.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-status/__tests__/__image_snapshots__/formstatus-for-sbanken-have-to-match-custom-content.snap.png b/packages/dnb-eufemia/src/components/form-status/__tests__/__image_snapshots__/formstatus-for-sbanken-have-to-match-custom-content.snap.png
index 13d948e0437..f890a314def 100644
Binary files a/packages/dnb-eufemia/src/components/form-status/__tests__/__image_snapshots__/formstatus-for-sbanken-have-to-match-custom-content.snap.png and b/packages/dnb-eufemia/src/components/form-status/__tests__/__image_snapshots__/formstatus-for-sbanken-have-to-match-custom-content.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/form-status/__tests__/__image_snapshots__/formstatus-for-ui-have-to-match-custom-content.snap.png b/packages/dnb-eufemia/src/components/form-status/__tests__/__image_snapshots__/formstatus-for-ui-have-to-match-custom-content.snap.png
index bd4332aaf50..bd7de0b38f4 100644
Binary files a/packages/dnb-eufemia/src/components/form-status/__tests__/__image_snapshots__/formstatus-for-ui-have-to-match-custom-content.snap.png and b/packages/dnb-eufemia/src/components/form-status/__tests__/__image_snapshots__/formstatus-for-ui-have-to-match-custom-content.snap.png differ
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 f2bc0f9d342..9f4105f3f3f 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
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 0c31dfaa48c..33f17efa5d7 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -581,13 +582,14 @@ button.dnb-button::-moz-focus-inner {
   display: flow-root;
   --breakout--on: visible;
   --breakout--off: hidden;
-  --rounded-corner--value: 0.75rem;
-  --outline: 0 0 0 1px var(--outline-color, transparent);
+  --rounded-corner--value: 0.5rem;
+  --outline: 0 0 0 var(--outline-width, 1px)
+    var(--outline-color, transparent);
+  --outline-none: 0 0 0 0 transparent;
   --top: 0;
   --left: -100vw;
   --width: 100vw;
   --height: 100%;
-  box-shadow: var(--outline, none);
   color: var(--text-color, black);
   border-radius: var(--rounded-corner, 0);
 }
@@ -598,7 +600,8 @@ button.dnb-button::-moz-focus-inner {
   content: "";
   position: absolute;
   inset: 0;
-  box-shadow: var(--drop-shadow, none);
+  z-index: -1;
+  box-shadow: var(--drop-shadow, var(--outline-none)), var(--outline, var(--outline-none));
   border-radius: var(--rounded-corner, 0);
 }
 .dnb-section::after {
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 d2de42e029d..ea0eb2c2eb9 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/icon/__tests__/__image_snapshots__/icon-have-to-match-all-secondary-icons-with-color.snap.png b/packages/dnb-eufemia/src/components/icon/__tests__/__image_snapshots__/icon-have-to-match-all-secondary-icons-with-color.snap.png
index f7385336631..c9c3538155a 100644
Binary files a/packages/dnb-eufemia/src/components/icon/__tests__/__image_snapshots__/icon-have-to-match-all-secondary-icons-with-color.snap.png and b/packages/dnb-eufemia/src/components/icon/__tests__/__image_snapshots__/icon-have-to-match-all-secondary-icons-with-color.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/icon/__tests__/__image_snapshots__/icon-have-to-match-all-secondary-icons.snap.png b/packages/dnb-eufemia/src/components/icon/__tests__/__image_snapshots__/icon-have-to-match-all-secondary-icons.snap.png
index 8e28ad6ea2a..775976b8e85 100644
Binary files a/packages/dnb-eufemia/src/components/icon/__tests__/__image_snapshots__/icon-have-to-match-all-secondary-icons.snap.png and b/packages/dnb-eufemia/src/components/icon/__tests__/__image_snapshots__/icon-have-to-match-all-secondary-icons.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/InputMaskedHooks.js b/packages/dnb-eufemia/src/components/input-masked/InputMaskedHooks.js
index 4d7096e0112..bbbb4395f53 100644
--- a/packages/dnb-eufemia/src/components/input-masked/InputMaskedHooks.js
+++ b/packages/dnb-eufemia/src/components/input-masked/InputMaskedHooks.js
@@ -29,7 +29,7 @@ import {
   handleCurrencyMask,
   handleNumberMask,
   correctCaretPosition,
-  getInputModeFromMask,
+  getSoftKeyboardAttributes,
   handleThousandsSeparator,
   handleDecimalSeparator,
   fromJSON,
@@ -230,11 +230,6 @@ export const useInputElement = () => {
     // Set ref for Eufemia input
     innerRef.current = ref.current
 
-    // Set "inputMode"
-    if (!params.inputMode) {
-      params.inputMode = getInputModeFromMask(mask)
-    }
-
     return (
       <TextMask
         inputRef={ref}
@@ -245,6 +240,7 @@ export const useInputElement = () => {
         guide={showGuide}
         keepCharPositions={keepCharPositions}
         placeholderChar={placeholderChar}
+        {...getSoftKeyboardAttributes(mask)}
         {...params}
         className={classnames(
           params.className,
@@ -441,7 +437,11 @@ const useCallEvent = ({ setLocalValue }) => {
       !props.selectall
     ) {
       // Also correct here, because of additional click inside the field
-      correctCaretPosition(event.target, maskParams, props)
+      event.target.runCorrectCaretPosition = () =>
+        correctCaretPosition(event.target, maskParams, props)
+      if (!event.target.__getCorrectCaretPosition) {
+        event.target.runCorrectCaretPosition()
+      }
     }
 
     return result
diff --git a/packages/dnb-eufemia/src/components/input-masked/InputMaskedUtils.js b/packages/dnb-eufemia/src/components/input-masked/InputMaskedUtils.js
index 32e460fa253..eb041f225b1 100644
--- a/packages/dnb-eufemia/src/components/input-masked/InputMaskedUtils.js
+++ b/packages/dnb-eufemia/src/components/input-masked/InputMaskedUtils.js
@@ -9,7 +9,7 @@ import {
   getThousandsSeparator,
 } from '../number-format/NumberUtils'
 import { warn } from '../../shared/component-helper'
-import { IS_ANDROID, IS_IOS } from '../../shared/helpers'
+import { IS_IOS } from '../../shared/helpers'
 import { safeSetSelection } from './text-mask/createTextMaskInputElement'
 
 const enableLocaleSupportWhen = ['as_number', 'as_percent', 'as_currency']
@@ -332,25 +332,29 @@ export const handleNumberMask = ({ mask_options, number_mask }) => {
 }
 
 /**
- * Returns the type of what inputMode should be used
+ * Returns the type of what inputMode or type attribute should be used
  *
  * @param {function} mask mask function
  * @returns undefined|decimal|numeric
  */
-export function getInputModeFromMask(mask) {
+export function getSoftKeyboardAttributes(mask) {
+  if (mask?.instanceOf !== 'createNumberMask') {
+    return undefined
+  }
+
   const maskParams = mask?.maskParams
 
-  // because of the missing minus key, we still have to use text on Android and iOS
-  if ((IS_ANDROID || IS_IOS) && maskParams?.allowNegative !== false) {
+  // because of the missing minus key, we still have to use text on iOS
+  if (IS_IOS && maskParams?.allowNegative !== false) {
     return undefined
   }
 
-  if (maskParams && mask?.instanceOf === 'createNumberMask') {
-    return maskParams.allowDecimal && maskParams.decimalLimit !== 0
-      ? 'decimal'
-      : 'numeric'
+  return {
+    inputMode:
+      maskParams.allowDecimal && maskParams.decimalLimit !== 0
+        ? 'decimal'
+        : 'numeric',
   }
-  return undefined
 }
 
 /**
diff --git a/packages/dnb-eufemia/src/components/input-masked/MultiInputMask.tsx b/packages/dnb-eufemia/src/components/input-masked/MultiInputMask.tsx
index c12b0bf5b04..df267015849 100644
--- a/packages/dnb-eufemia/src/components/input-masked/MultiInputMask.tsx
+++ b/packages/dnb-eufemia/src/components/input-masked/MultiInputMask.tsx
@@ -93,6 +93,7 @@ function MultiInputMask<T extends string>({
   values: defaultValues,
   className,
   stretch,
+  inputMode,
   suffix,
   ...props
 }: MultiInputMaskProps<T>) {
@@ -148,6 +149,7 @@ function MultiInputMask<T extends string>({
           <MultiInputMaskInput
             key={input.id}
             {...input}
+            inputMode={inputMode}
             value={values[input.id]}
             delimiter={index !== inputs.length - 1 ? delimiter : undefined}
             onKeyDown={onKeyDown}
@@ -253,7 +255,7 @@ function MultiInputMaskInput<T extends string>({
         className={classnames(
           'dnb-input__input',
           'dnb-multi-input-mask__input',
-          value && 'dnb-multi-input-mask__input--highlight'
+          /\d+/.test(value) && 'dnb-multi-input-mask__input--highlight'
         )}
         disabled={disabled}
         size={mask.length}
diff --git a/packages/dnb-eufemia/src/components/input-masked/TextMask.js b/packages/dnb-eufemia/src/components/input-masked/TextMask.js
index dcc40ac72d4..aaeb988cdc7 100644
--- a/packages/dnb-eufemia/src/components/input-masked/TextMask.js
+++ b/packages/dnb-eufemia/src/components/input-masked/TextMask.js
@@ -1,6 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import createTextMaskInputElement from './text-mask/createTextMaskInputElement'
+import InputModeNumber from './text-mask/InputModeNumber'
 import { isNil } from './text-mask/utilities'
 
 export default class TextMask extends React.PureComponent {
@@ -47,17 +48,28 @@ export default class TextMask extends React.PureComponent {
     this.initTextMask()
   }
 
+  componentWillUnmount() {
+    this.inputMode?.remove()
+  }
+
   initTextMask() {
     const {
       props,
-      props: { value },
+      props: { value, inputMode },
     } = this
 
+    const inputElement = this.inputRef.current
     this.textMaskInputElement = createTextMaskInputElement({
       ...props,
-      inputElement: this.inputRef.current,
+      inputElement,
     })
     this.textMaskInputElement.update(value)
+
+    if (!inputMode && inputMode !== 'none') {
+      this.inputMode = new InputModeNumber()
+    }
+
+    this.inputMode?.setElement(inputElement)
   }
 
   onChange = (event) => {
@@ -119,7 +131,6 @@ export default class TextMask extends React.PureComponent {
 
     const params = {
       onChange: this.onChange,
-      defaultValue: this.props.value,
       ...props,
     }
 
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.tsx b/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.tsx
index 023a4be22ee..2778357d9fc 100644
--- a/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.tsx
+++ b/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.tsx
@@ -5,7 +5,7 @@
 
 import React from 'react'
 import { loadScss, wait } from '../../../core/jest/jestSetup'
-import { render, fireEvent } from '@testing-library/react'
+import { render, fireEvent, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import InputMasked, { InputMaskedProps } from '../InputMasked'
 import Provider from '../../../shared/Provider'
@@ -340,80 +340,6 @@ describe('InputMasked component', () => {
     expect(document.querySelector('input').value).toBe('-0')
   })
 
-  it('should set inputmode based on device and mask options', () => {
-    const onKeyDown = jest.fn()
-    const preventDefault = jest.fn()
-
-    const { rerender } = render(
-      <InputMasked
-        {...props}
-        value={1234.5}
-        number_mask
-        onKeyDown={onKeyDown}
-      />
-    )
-
-    expect(document.querySelector('input').getAttribute('inputmode')).toBe(
-      'numeric'
-    )
-
-    Object.defineProperty(helpers, 'IS_ANDROID', {
-      value: true,
-    })
-
-    // Re-render
-    rerender(<InputMasked />)
-
-    expect(document.querySelector('input').getAttribute('inputmode')).toBe(
-      null
-    )
-
-    // Re-render
-    rerender(
-      <InputMasked
-        value={1234.5}
-        number_mask
-        onKeyDown={onKeyDown}
-        mask_options={{ allowNegative: false }}
-      />
-    )
-
-    expect(document.querySelector('input').getAttribute('inputmode')).toBe(
-      'numeric'
-    )
-
-    // Re-render
-    rerender(
-      <InputMasked
-        value={1234.5}
-        number_mask
-        onKeyDown={onKeyDown}
-        mask_options={{ allowNegative: false, allowDecimal: true }}
-      />
-    )
-
-    expect(document.querySelector('input').getAttribute('inputmode')).toBe(
-      'decimal'
-    )
-
-    Object.defineProperty(helpers, 'IS_ANDROID', {
-      value: false,
-    })
-
-    fireEvent.keyDown(document.querySelector('input'), {
-      key: ',',
-      keyCode: 229, // unidentified, while 188 would have worked fine
-      target: {
-        value: '1234.5',
-      },
-      preventDefault,
-    })
-
-    expect(onKeyDown).toHaveBeenCalledTimes(1)
-    expect(preventDefault).toHaveBeenCalledTimes(0)
-    expect(document.querySelector('input').value).toBe('1234.5')
-  })
-
   it('should update value when initial value was an empty string', () => {
     const { rerender } = render(<InputMasked value="" number_mask />)
 
@@ -1896,6 +1822,282 @@ describe('InputMasked with custom mask', () => {
   })
 })
 
+describe('inputmode', () => {
+  it('should be undefined with no props', () => {
+    render(<InputMasked />)
+
+    expect(
+      document.querySelector('input').hasAttribute('inputmode')
+    ).toBeFalsy()
+  })
+
+  it('should be numeric with a number_mask', () => {
+    const onKeyDown = jest.fn()
+
+    render(<InputMasked {...props} number_mask onKeyDown={onKeyDown} />)
+
+    expect(document.querySelector('input')).toHaveAttribute(
+      'inputmode',
+      'numeric'
+    )
+  })
+
+  it('should be decimal with a currency_mask', () => {
+    const onKeyDown = jest.fn()
+
+    render(<InputMasked {...props} currency_mask onKeyDown={onKeyDown} />)
+
+    expect(document.querySelector('input')).toHaveAttribute(
+      'inputmode',
+      'decimal'
+    )
+  })
+
+  it('should be numeric with as_percent', () => {
+    const onKeyDown = jest.fn()
+
+    render(<InputMasked {...props} as_percent onKeyDown={onKeyDown} />)
+
+    expect(document.querySelector('input')).toHaveAttribute(
+      'inputmode',
+      'numeric'
+    )
+  })
+
+  it('should use numeric with no decimal and no negative/minus', () => {
+    const onKeyDown = jest.fn()
+
+    render(
+      <InputMasked
+        number_mask
+        onKeyDown={onKeyDown}
+        mask_options={{ allowNegative: false }}
+      />
+    )
+
+    expect(document.querySelector('input')).toHaveAttribute(
+      'inputmode',
+      'numeric'
+    )
+  })
+
+  it('should use decimal with allowDecimal and no allowNegative', () => {
+    const onKeyDown = jest.fn()
+
+    render(
+      <InputMasked
+        number_mask
+        onKeyDown={onKeyDown}
+        mask_options={{ allowDecimal: true, allowNegative: false }}
+      />
+    )
+
+    expect(document.querySelector('input')).toHaveAttribute(
+      'inputmode',
+      'decimal'
+    )
+  })
+
+  it('should use decimal with allowDecimal and allowNegative', () => {
+    const onKeyDown = jest.fn()
+
+    render(
+      <InputMasked
+        number_mask
+        onKeyDown={onKeyDown}
+        mask_options={{ allowDecimal: true, allowNegative: true }}
+      />
+    )
+
+    expect(document.querySelector('input')).toHaveAttribute(
+      'inputmode',
+      'decimal'
+    )
+  })
+
+  it('should set custom inputMode', () => {
+    const onKeyDown = jest.fn()
+
+    render(
+      <InputMasked
+        number_mask
+        onKeyDown={onKeyDown}
+        mask_options={{ allowDecimal: true, allowNegative: true }}
+        inputMode="tel"
+      />
+    )
+
+    expect(document.querySelector('input')).toHaveAttribute(
+      'inputmode',
+      'tel'
+    )
+  })
+
+  it('on iOS should remove "inputmode" when allowNegative is set', () => {
+    Object.defineProperty(helpers, 'IS_IOS', {
+      value: true,
+    })
+
+    const onKeyDown = jest.fn()
+    const preventDefault = jest.fn()
+
+    render(
+      <InputMasked
+        value={1234.5}
+        number_mask
+        onKeyDown={onKeyDown}
+        mask_options={{ allowNegative: true }}
+      />
+    )
+
+    expect(document.querySelector('input')).not.toHaveAttribute(
+      'inputmode'
+    )
+    expect(document.querySelector('input').getAttribute('type')).toBe(
+      'text'
+    )
+
+    Object.defineProperty(helpers, 'IS_IOS', {
+      value: false,
+    })
+
+    fireEvent.keyDown(document.querySelector('input'), {
+      key: ',',
+      keyCode: 229, // unidentified, while 188 would have worked fine
+      target: {
+        value: '1234.5',
+      },
+      preventDefault,
+    })
+
+    expect(onKeyDown).toHaveBeenCalledTimes(1)
+    expect(preventDefault).toHaveBeenCalledTimes(0)
+    expect(document.querySelector('input').value).toBe('1234.5')
+  })
+
+  it('should set type of number on focus when device is iOS (InputModeNumber)', async () => {
+    Object.defineProperty(helpers, 'IS_IOS', {
+      value: true,
+    })
+
+    render(<InputMasked value={1234.5} currency_mask />)
+
+    const inputElement = document.querySelector('input')
+
+    expect(inputElement.selectionStart).toBe(10)
+    expect(inputElement.selectionEnd).toBe(10)
+
+    fireEvent.mouseEnter(inputElement)
+
+    expect(inputElement).toHaveAttribute('type', 'number')
+    expect(inputElement).toHaveAttribute('placeholder', '1 234,5 kr')
+    expect(inputElement.value).toBe('')
+    expect(inputElement.selectionStart).toBe(null)
+    expect(inputElement.selectionEnd).toBe(null)
+
+    await waitFor(() => {
+      expect(inputElement).toHaveAttribute('type', 'text')
+      expect(inputElement.value).toBe('1 234,5 kr')
+    })
+
+    expect(inputElement).toHaveAttribute('type', 'text')
+    expect(inputElement).toHaveAttribute('placeholder', '')
+    expect(inputElement.value).toBe('1 234,5 kr')
+    expect(inputElement.selectionStart).toBe(10)
+    expect(inputElement.selectionEnd).toBe(10)
+
+    await userEvent.type(inputElement, '{Backspace>7}')
+    fireEvent.blur(inputElement)
+
+    fireEvent.mouseEnter(inputElement)
+
+    expect(inputElement).toHaveAttribute('type', 'number')
+
+    await waitFor(() => {
+      expect(inputElement).toHaveAttribute('type', 'text')
+      expect(inputElement.value).toBe('')
+    })
+
+    Object.defineProperty(helpers, 'IS_IOS', {
+      value: false,
+    })
+  })
+
+  it('should set type of number on label press when device is iOS (InputModeNumber)', async () => {
+    Object.defineProperty(helpers, 'IS_IOS', {
+      value: true,
+    })
+
+    render(<InputMasked label="Label" value={1234.5} currency_mask />)
+
+    const inputElement = document.querySelector('input')
+    const labelElement = document.querySelector('label')
+
+    fireEvent.mouseDown(labelElement)
+
+    expect(inputElement).toHaveAttribute('type', 'number')
+
+    await waitFor(() => {
+      expect(inputElement).toHaveAttribute('type', 'text')
+    })
+
+    expect(inputElement).toHaveAttribute('type', 'text')
+
+    await userEvent.type(inputElement, '{Backspace>7}')
+    fireEvent.blur(inputElement)
+
+    fireEvent.mouseDown(labelElement)
+
+    expect(inputElement).toHaveAttribute('type', 'number')
+
+    await waitFor(() => {
+      expect(inputElement).toHaveAttribute('type', 'text')
+    })
+
+    Object.defineProperty(helpers, 'IS_IOS', {
+      value: false,
+    })
+  })
+
+  it('should not set type of number on iOS, when inputMode is given (InputModeNumber)', async () => {
+    Object.defineProperty(helpers, 'IS_IOS', {
+      value: true,
+    })
+
+    render(
+      <InputMasked value={1234.5} currency_mask inputMode="numeric" />
+    )
+
+    const inputElement = document.querySelector('input')
+
+    expect(inputElement.selectionStart).toBe(10)
+    expect(inputElement.selectionEnd).toBe(10)
+
+    fireEvent.mouseEnter(inputElement)
+
+    expect(inputElement).toHaveAttribute('inputmode', 'numeric')
+    expect(inputElement).toHaveAttribute('type', 'text')
+
+    await waitFor(() => {
+      expect(inputElement).toHaveAttribute('type', 'text')
+    })
+
+    Object.defineProperty(helpers, 'IS_IOS', {
+      value: false,
+    })
+  })
+
+  it('should not set type of number on focus when device is not iOS', () => {
+    render(<InputMasked value={1234.5} currency_mask />)
+
+    const inputElement = document.querySelector('input')
+
+    fireEvent.mouseEnter(inputElement)
+
+    expect(inputElement).toHaveAttribute('type', 'text')
+  })
+})
+
 describe('InputMasked scss', () => {
   it('has to match style dependencies css', () => {
     const css = loadScss(require.resolve('../style/deps.scss'))
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/MultiInputMask.test.tsx b/packages/dnb-eufemia/src/components/input-masked/__tests__/MultiInputMask.test.tsx
index db38a4985da..9e0c4caa43a 100644
--- a/packages/dnb-eufemia/src/components/input-masked/__tests__/MultiInputMask.test.tsx
+++ b/packages/dnb-eufemia/src/components/input-masked/__tests__/MultiInputMask.test.tsx
@@ -700,4 +700,31 @@ describe('MultiInputMask', () => {
       expect(third.selectionEnd).toBe(4)
     })
   })
+
+  it('will set highlight class on fields with a number value', async () => {
+    render(<MultiInputMask {...defaultProps} />)
+
+    const [month, year] = Array.from(document.querySelectorAll('input'))
+
+    const test = async (elem: HTMLInputElement) => {
+      expect(elem.classList).not.toContain(
+        'dnb-multi-input-mask__input--highlight'
+      )
+
+      await userEvent.type(elem, '1')
+
+      expect(elem.classList).toContain(
+        'dnb-multi-input-mask__input--highlight'
+      )
+
+      await userEvent.type(elem, '{Backspace>4}') // use 4 because of year
+
+      expect(elem.classList).not.toContain(
+        'dnb-multi-input-mask__input--highlight'
+      )
+    }
+
+    await test(month)
+    await test(year)
+  })
 })
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-currency-mask.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-currency-mask.snap.png
index 85048ffa159..0454906643e 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-currency-mask.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-currency-mask.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-locale-currency.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-locale-currency.snap.png
index 196755aee6f..384c9c5525a 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-locale-currency.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-locale-currency.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-locale-number.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-locale-number.snap.png
index cb1e5a51593..2c724814c0c 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-locale-number.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-locale-number.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-masked-input.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-masked-input.snap.png
index 12334c72ae9..58818305c28 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-masked-input.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-masked-input.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-number-mask.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-number-mask.snap.png
index 5d74c2dca38..9484e846bb5 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-number-mask.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-number-mask.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-currency-mask.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-currency-mask.snap.png
index e625dbb4353..72f044ccf6c 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-currency-mask.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-currency-mask.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-locale-currency.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-locale-currency.snap.png
index baac8f01111..473de362782 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-locale-currency.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-locale-currency.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-locale-number.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-locale-number.snap.png
index fff1e3e6cba..601293fe52e 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-locale-number.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-locale-number.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-masked-input.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-masked-input.snap.png
index 7b201a0ee77..b6c3eb229e8 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-masked-input.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-masked-input.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-number-mask.snap.png b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-number-mask.snap.png
index 2f154264582..891e8710249 100644
Binary files a/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-number-mask.snap.png and b/packages/dnb-eufemia/src/components/input-masked/__tests__/__image_snapshots__/input-for-ui-have-to-match-number-mask.snap.png differ
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 0273adccad5..1f851f29736 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
@@ -135,6 +135,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -682,6 +683,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -1278,6 +1280,9 @@ html[data-visual-test] .dnb-input__input {
 .dnb-input-masked--guide {
   font-family: var(--font-family-monospace);
 }
+.dnb-input-masked input::placeholder {
+  color: inherit;
+}
 
 .dnb-multi-input-mask__fieldset {
   margin: 0;
diff --git a/packages/dnb-eufemia/src/components/input-masked/stories/InputMasked.stories.tsx b/packages/dnb-eufemia/src/components/input-masked/stories/InputMasked.stories.tsx
index c2ee238ad0c..8321d165c13 100644
--- a/packages/dnb-eufemia/src/components/input-masked/stories/InputMasked.stories.tsx
+++ b/packages/dnb-eufemia/src/components/input-masked/stories/InputMasked.stories.tsx
@@ -22,6 +22,10 @@ export default {
   title: 'Eufemia/Components/InputMasked',
 }
 
+export function TypeNumber() {
+  return <InputMasked label="Number:" as_currency value="12" />
+}
+
 export function Sandbox() {
   const [locale, setLocale] = React.useState('nb-NO')
   return (
diff --git a/packages/dnb-eufemia/src/components/input-masked/style/dnb-input-masked.scss b/packages/dnb-eufemia/src/components/input-masked/style/dnb-input-masked.scss
index 856908fafc2..983726fa9fc 100644
--- a/packages/dnb-eufemia/src/components/input-masked/style/dnb-input-masked.scss
+++ b/packages/dnb-eufemia/src/components/input-masked/style/dnb-input-masked.scss
@@ -9,6 +9,11 @@
   &--guide {
     font-family: var(--font-family-monospace);
   }
+
+  // Used on iOS when faking the inputMode to be type of number during focus – this fix avoids a flickering
+  input::placeholder {
+    color: inherit;
+  }
 }
 
 // MultiInputMask
diff --git a/packages/dnb-eufemia/src/components/input-masked/text-mask/InputModeNumber.ts b/packages/dnb-eufemia/src/components/input-masked/text-mask/InputModeNumber.ts
new file mode 100644
index 00000000000..38b98c404a5
--- /dev/null
+++ b/packages/dnb-eufemia/src/components/input-masked/text-mask/InputModeNumber.ts
@@ -0,0 +1,107 @@
+import { IS_IOS } from '../../../shared/helpers'
+
+/**
+ * This is a helper function (hack),
+ * that will evoke a good numeric keyboard (on iOS) that supports decimals and minus keys.
+ */
+export default class InputModeNumber {
+  inputElement: HTMLInputElement
+  labelElement: HTMLLabelElement
+  timeout: NodeJS.Timer
+  hasFocus: boolean
+  focusEventName: string
+  blurEventName: string
+
+  setElement(element: HTMLInputElement) {
+    if (!IS_IOS) {
+      return // stop here
+    }
+
+    /**
+     * Why use "mouseenter" and not "focus", "mousedown" or "touchstart"?
+     * - Because "touchstart" has unexpected behavior when holding the finger down before releasing.
+     * - And because "focus" and "mousedown" is too late, we then can't change the type anymore.
+     */
+    this.focusEventName = 'mouseenter'
+    this.blurEventName = 'blur'
+
+    if (!this.inputElement) {
+      this.inputElement = element
+      this.add()
+      this.handleLabel()
+    }
+  }
+  handleLabel() {
+    const id = this.inputElement?.id
+    if (!id) {
+      return
+    }
+
+    this.labelElement = document.querySelector(
+      `[for="${id}"]`
+    ) as HTMLLabelElement
+
+    if (this.labelElement) {
+      this.labelElement.addEventListener('mousedown', this.onFocus)
+    }
+  }
+  add() {
+    const fnId = '__getCorrectCaretPosition'
+    if (this.inputElement && !this.inputElement?.[fnId]) {
+      this.inputElement[fnId] = true
+
+      this.inputElement.addEventListener(this.focusEventName, this.onFocus)
+      this.inputElement.addEventListener(this.blurEventName, this.onBlur)
+    }
+  }
+  removeEvent(element: HTMLInputElement | HTMLLabelElement) {
+    if (element) {
+      element.removeEventListener(this.focusEventName, this.onFocus)
+      element.removeEventListener(this.blurEventName, this.onBlur)
+      element.removeEventListener('mousedown', this.onFocus)
+    }
+  }
+  remove() {
+    clearTimeout(this.timeout)
+
+    this.removeEvent(this.inputElement)
+    this.removeEvent(this.labelElement)
+
+    delete this.inputElement
+    delete this.labelElement
+  }
+  onBlur = () => {
+    this.hasFocus = false
+  }
+  onFocus = () => {
+    if (this.hasFocus || !this.inputElement) {
+      return
+    }
+
+    this.hasFocus = true
+
+    const type = this.inputElement.type
+
+    if (type === 'number') {
+      return // stop here
+    }
+
+    const value = this.inputElement.value
+    const placeholder = this.inputElement.placeholder
+
+    // To prevent flickering, show the placeholder, while the input value is "empty".
+    this.inputElement.placeholder = value
+
+    // Changing the type, will remove the current input value to show as "empty".
+    this.inputElement.type = 'number'
+
+    // Reset the input again
+    clearTimeout(this.timeout)
+    this.timeout = setTimeout(() => {
+      this.inputElement.type = type
+      this.inputElement.value = value // set the input value
+      this.inputElement.placeholder = placeholder
+      this.inputElement['runCorrectCaretPosition']?.()
+    }, 5)
+  }
+}
diff --git a/packages/dnb-eufemia/src/components/input-masked/text-mask/createTextMaskInputElement.js b/packages/dnb-eufemia/src/components/input-masked/text-mask/createTextMaskInputElement.js
index 51c2d7e004d..e58ac45a73a 100644
--- a/packages/dnb-eufemia/src/components/input-masked/text-mask/createTextMaskInputElement.js
+++ b/packages/dnb-eufemia/src/components/input-masked/text-mask/createTextMaskInputElement.js
@@ -236,7 +236,7 @@ export function safeSetSelection(element, selectionPosition) {
         0
       )
     } else {
-      element.setSelectionRange(selectionPosition, selectionPosition)
+      element?.setSelectionRange(selectionPosition, selectionPosition)
     }
   }
 }
diff --git a/packages/dnb-eufemia/src/components/input/Input.d.ts b/packages/dnb-eufemia/src/components/input/Input.d.ts
index 20466ebdeaf..5b218fe6bda 100644
--- a/packages/dnb-eufemia/src/components/input/Input.d.ts
+++ b/packages/dnb-eufemia/src/components/input/Input.d.ts
@@ -30,7 +30,7 @@ export type InputSubmitButtonIcon =
   | ((...args: any[]) => any);
 export type InputChildren = React.ReactNode | ((...args: any[]) => any);
 export interface InputProps
-  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
+  extends Omit<React.HTMLProps<HTMLInputElement>, 'ref'>,
     SpacingProps {
   /**
    * Choose between `text`, `number`, `email`, `password`, `url`, `tel` and `search`.
@@ -195,7 +195,8 @@ export default class Input extends React.Component<InputProps, any> {
   static defaultProps: object;
   render(): JSX.Element;
 }
-export interface SubmitButtonProps extends React.HTMLProps<HTMLElement> {
+export interface SubmitButtonProps
+  extends React.HTMLProps<HTMLInputElement> {
   id?: string;
   /**
    * The content value of the input.
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-disabled-input.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-disabled-input.snap.png
index 44374b7c92b..498795e4e12 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-disabled-input.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-disabled-input.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-focus-state.snap.png
index f0dfde22bcf..36485de721d 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-hover-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-hover-state.snap.png
index d1a0440bb70..6830a423dd9 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-hover-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-mouse-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-mouse-focus-state.snap.png
index d8306d83fca..d35a8604aae 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-mouse-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-mouse-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-state.snap.png
index d06272cdc10..d66fbc75946 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-active.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-active.snap.png
index c9c2722b6dd..43dea728e09 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-active.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-active.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-focus.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-focus.snap.png
index f8df7effb45..2168c3af5c3 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-focus.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-hover.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-hover.snap.png
index 668fef98f96..50abb7fe36b 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-hover.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button.snap.png
index 06b2a18736b..5481be9b99c 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-error-with-button.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-icon.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-icon.snap.png
index 20fa15b863f..c25afb858d5 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-icon.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-icon.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-placeholder.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-placeholder.snap.png
index a427055e01e..0bfe29bc5b6 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-placeholder.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-input-with-placeholder.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-password-input.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-password-input.snap.png
index 7779b4f62aa..abc146d4555 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-password-input.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-password-input.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-active-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-active-state.snap.png
index 849762d4e93..c26552ce89b 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-active-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-active-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-focus-state.snap.png
index a9cde7b7613..16f7cb721d6 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-hover-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-hover-state.snap.png
index 736e447acab..cb094f11392 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-hover-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-button-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-focus-state.snap.png
index 56a79356a5e..4728ce28beb 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-hover-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-hover-state.snap.png
index c14f4e47a10..009c3881581 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-hover-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-mouse-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-mouse-focus-state.snap.png
index c5ff302ba59..d32f539deb8 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-mouse-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type-with-mouse-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type.snap.png
index ce85cee8e1f..873c3633dd6 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-search-type.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-stretched-input-with-status.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-stretched-input-with-status.snap.png
index 46b4d374076..3a881ea248b 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-stretched-input-with-status.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-sbanken-have-to-match-stretched-input-with-status.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-disabled-input.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-disabled-input.snap.png
index f969a3cee34..9a60f2af85e 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-disabled-input.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-disabled-input.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-focus-state.snap.png
index e406b0ca168..a076b467d3c 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-hover-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-hover-state.snap.png
index a057bf5c833..bcdbd8bbf0b 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-hover-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-mouse-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-mouse-focus-state.snap.png
index e406b0ca168..a076b467d3c 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-mouse-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-mouse-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-state.snap.png
index 03b861a6f5d..00594bb5679 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-active.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-active.snap.png
index d05556ce703..4dbbbace2ca 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-active.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-active.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-focus.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-focus.snap.png
index 86c324271a5..43a673b1f0f 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-focus.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-hover.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-hover.snap.png
index 6bed717bd3e..260bf6515f1 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-hover.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button.snap.png
index ffe8c303a2d..5e1ee71c86a 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-error-with-button.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-input-with-icon.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-input-with-icon.snap.png
index 608d853b6a1..1aa0c079759 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-input-with-icon.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-input-with-icon.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-input-with-placeholder.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-input-with-placeholder.snap.png
index 3a05fa29ec9..0b6510888ea 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-input-with-placeholder.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-input-with-placeholder.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-password-input.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-password-input.snap.png
index 8a9894e2887..50a5fdcb3d1 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-password-input.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-password-input.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-active-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-active-state.snap.png
index 1e238933e22..2ef24e5ebd1 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-active-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-active-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-focus-state.snap.png
index 45444e383eb..61f64c6972f 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-hover-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-hover-state.snap.png
index f75fa6042f8..4a4c9b01d13 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-hover-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-button-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-focus-state.snap.png
index 4c58e28200d..790953d2f32 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-hover-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-hover-state.snap.png
index f0b06b8c545..3309e002189 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-hover-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-mouse-focus-state.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-mouse-focus-state.snap.png
index 4c58e28200d..790953d2f32 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-mouse-focus-state.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type-with-mouse-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type.snap.png
index 25889b5e572..5f4b4efed1e 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-search-type.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-stretched-input-with-status.snap.png b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-stretched-input-with-status.snap.png
index f51333c52e1..7a94769c14f 100644
Binary files a/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-stretched-input-with-status.snap.png and b/packages/dnb-eufemia/src/components/input/__tests__/__image_snapshots__/input-for-ui-have-to-match-stretched-input-with-status.snap.png differ
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 73c2d039d7e..9413e22bd4a 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -675,6 +676,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
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 0084e18b244..df741e13056 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
@@ -135,6 +135,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/number-format/__tests__/__snapshots__/NumberFormat.test.tsx.snap b/packages/dnb-eufemia/src/components/number-format/__tests__/__snapshots__/NumberFormat.test.tsx.snap
index e728e2fb095..3e1c3be1258 100644
--- a/packages/dnb-eufemia/src/components/number-format/__tests__/__snapshots__/NumberFormat.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/number-format/__tests__/__snapshots__/NumberFormat.test.tsx.snap
@@ -35,6 +35,7 @@ exports[`NumberFormat scss has to match style dependencies css 1`] = `
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
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 99c3116b31b..1ccfa2e8088 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/radio/RadioGroup.js b/packages/dnb-eufemia/src/components/radio/RadioGroup.js
index 4c22203f7ad..76458d10465 100644
--- a/packages/dnb-eufemia/src/components/radio/RadioGroup.js
+++ b/packages/dnb-eufemia/src/components/radio/RadioGroup.js
@@ -298,5 +298,4 @@ export default class RadioGroup extends React.PureComponent {
   }
 }
 
-RadioGroup._formElement = true
 RadioGroup._supportsSpacingProps = true
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/RadioGroup.test.tsx b/packages/dnb-eufemia/src/components/radio/__tests__/RadioGroup.test.tsx
index 12f4c3697ed..98aac3887a5 100644
--- a/packages/dnb-eufemia/src/components/radio/__tests__/RadioGroup.test.tsx
+++ b/packages/dnb-eufemia/src/components/radio/__tests__/RadioGroup.test.tsx
@@ -10,6 +10,10 @@ import Radio from '../Radio'
 import { Provider } from '../../../shared'
 
 describe('Radio group component', () => {
+  it('should not have _formElement property', () => {
+    expect(Radio.Group['_formElement']).toBeUndefined()
+  })
+
   it('has to set correct value using keys', () => {
     const my_event = jest.fn()
     render(
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-disabled-group.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-disabled-group.snap.png
index c110c5554bf..c39879ef3e7 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-disabled-group.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-disabled-group.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-in-vertical-layout.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-in-vertical-layout.snap.png
index ca3aad16601..bd6af2134b2 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-in-vertical-layout.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-in-vertical-layout.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-plain.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-plain.snap.png
index 45c538539cf..c7af295b26b 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-plain.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-plain.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-with-form-status.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-with-form-status.snap.png
index 9db884a5bc4..018edfe5af0 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-with-form-status.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-with-form-status.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-with-label-above.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-with-label-above.snap.png
index a3d5bc7d71f..168714b9dc3 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-with-label-above.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group-with-label-above.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group.snap.png
index 684b5019917..13d81f6c407 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-radio-group.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-disabled-group.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-disabled-group.snap.png
index 47f9f0042e7..b389835c6a6 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-disabled-group.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-disabled-group.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-in-vertical-layout.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-in-vertical-layout.snap.png
index 73ba5e2ccd0..c1d9fa99942 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-in-vertical-layout.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-in-vertical-layout.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-plain.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-plain.snap.png
index bdcdca2aac0..95d3416bf21 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-plain.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-plain.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-with-form-status.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-with-form-status.snap.png
index 41ab0fe979a..4f1f9c55eff 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-with-form-status.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-with-form-status.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-with-label-above.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-with-label-above.snap.png
index 594f98fbd9a..e32b7d7bc2f 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-with-label-above.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group-with-label-above.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group.snap.png b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group.snap.png
index e7d945c100e..92c870e254a 100644
Binary files a/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group.snap.png and b/packages/dnb-eufemia/src/components/radio/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-radio-group.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/section/Section.tsx b/packages/dnb-eufemia/src/components/section/Section.tsx
index 0bf8106ab34..60fe219929f 100644
--- a/packages/dnb-eufemia/src/components/section/Section.tsx
+++ b/packages/dnb-eufemia/src/components/section/Section.tsx
@@ -120,13 +120,24 @@ export type SectionAllProps = SectionProps &
   SpacingProps &
   Omit<React.HTMLProps<HTMLElement>, 'ref'>
 
-type Attributes = Record<string, unknown> & { style?: React.CSSProperties }
+type SectionReturnParams = Record<string, unknown> & {
+  className: string
+  innerRef: React.RefObject<HTMLElement>
+  children: React.ReactNode
+  style: React.CSSProperties
+}
 
 const defaultProps = {
   element: 'section',
 }
 
 export default function Section(localProps: SectionAllProps) {
+  return <Space {...SectionParams(localProps)} />
+}
+
+export function SectionParams(
+  localProps: SectionAllProps
+): SectionReturnParams {
   const context = React.useContext(Context)
 
   // use only the props from context, who are available here anyway
@@ -137,7 +148,6 @@ export default function Section(localProps: SectionAllProps) {
   )
 
   const {
-    element,
     variant,
     breakout = true,
     roundedCorner,
@@ -157,7 +167,11 @@ export default function Section(localProps: SectionAllProps) {
     ...attributes
   } = props
 
-  const params = {
+  const internalRef = React.useRef<HTMLElement>()
+  const elementRef = innerRef || inner_ref || internalRef
+
+  return Object.freeze({
+    ...attributes,
     className: classnames(
       'dnb-section',
       `dnb-section--${variant ? variant : style_type || 'default'}`,
@@ -165,46 +179,36 @@ export default function Section(localProps: SectionAllProps) {
         `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,
       className
     ),
-    ...attributes,
-  } as Attributes
-
-  const internalRef = React.useRef<HTMLElement>()
-  const elementRef = innerRef || inner_ref || internalRef
-  params.innerRef = elementRef
-
-  const styleObj = {
-    ...computeStyle(
-      breakout,
-      'breakout',
-      (value) => `var(--breakout--${value ? 'on' : 'off'})`
-    ),
-    ...computeStyle(
-      roundedCorner,
-      'rounded-corner',
-      (value) => value && 'var(--rounded-corner--value)'
-    ),
-    ...computeStyle(textColor, 'text-color', (value) => getColor(value)),
-    ...computeStyle(backgroundColor, 'background-color', (value) =>
-      getColor(value)
-    ),
-    ...computeStyle(
-      dropShadow,
-      'drop-shadow',
-      (value) => value && 'var(--shadow-default)'
-    ),
-    ...computeStyle(outline, 'outline-color', (value) =>
-      String(value) === 'true'
-        ? 'var(--outline-color--value)'
-        : getColor(value)
-    ),
-    ...params?.style,
-  } as React.CSSProperties
-
-  return (
-    <Space {...params} element={element} style={styleObj}>
-      {children}
-    </Space>
-  )
+    style: {
+      ...computeStyle(
+        breakout,
+        'breakout',
+        (value) => `var(--breakout--${value ? 'on' : 'off'})`
+      ),
+      ...computeStyle(
+        roundedCorner,
+        'rounded-corner',
+        (value) => value && 'var(--rounded-corner--value)'
+      ),
+      ...computeStyle(textColor, 'text-color', (value) => getColor(value)),
+      ...computeStyle(backgroundColor, 'background-color', (value) =>
+        getColor(value)
+      ),
+      ...computeStyle(
+        dropShadow,
+        'drop-shadow',
+        (value) => value && 'var(--shadow-default)'
+      ),
+      ...computeStyle(outline, 'outline-color', (value) =>
+        String(value) === 'true'
+          ? 'var(--outline-color--value)'
+          : getColor(value)
+      ),
+      ...attributes?.style,
+    } as React.CSSProperties,
+    innerRef: elementRef,
+    children,
+  })
 }
 
 function getColor(value: string) {
diff --git a/packages/dnb-eufemia/src/components/section/__tests__/__image_snapshots__/responsive-have-to-match-section-on-large-size.snap.png b/packages/dnb-eufemia/src/components/section/__tests__/__image_snapshots__/responsive-have-to-match-section-on-large-size.snap.png
index 4e4cdad068b..15b8ea00bd5 100644
Binary files a/packages/dnb-eufemia/src/components/section/__tests__/__image_snapshots__/responsive-have-to-match-section-on-large-size.snap.png and b/packages/dnb-eufemia/src/components/section/__tests__/__image_snapshots__/responsive-have-to-match-section-on-large-size.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/section/__tests__/__snapshots__/Section.test.tsx.snap b/packages/dnb-eufemia/src/components/section/__tests__/__snapshots__/Section.test.tsx.snap
index 8c7b97b46df..7f386a2f5d9 100644
--- a/packages/dnb-eufemia/src/components/section/__tests__/__snapshots__/Section.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/section/__tests__/__snapshots__/Section.test.tsx.snap
@@ -20,13 +20,14 @@ exports[`Section scss has to match style dependencies css 1`] = `
   display: flow-root;
   --breakout--on: visible;
   --breakout--off: hidden;
-  --rounded-corner--value: 0.75rem;
-  --outline: 0 0 0 1px var(--outline-color, transparent);
+  --rounded-corner--value: 0.5rem;
+  --outline: 0 0 0 var(--outline-width, 1px)
+    var(--outline-color, transparent);
+  --outline-none: 0 0 0 0 transparent;
   --top: 0;
   --left: -100vw;
   --width: 100vw;
   --height: 100%;
-  box-shadow: var(--outline, none);
   color: var(--text-color, black);
   border-radius: var(--rounded-corner, 0);
 }
@@ -37,7 +38,8 @@ exports[`Section scss has to match style dependencies css 1`] = `
   content: "";
   position: absolute;
   inset: 0;
-  box-shadow: var(--drop-shadow, none);
+  z-index: -1;
+  box-shadow: var(--drop-shadow, var(--outline-none)), var(--outline, var(--outline-none));
   border-radius: var(--rounded-corner, 0);
 }
 .dnb-section::after {
@@ -240,11 +242,21 @@ exports[`Section scss have to match default theme snapshot 1`] = `
 .dnb-section--fire-red .dnb-anchor, .dnb-section--emerald-green .dnb-anchor, .dnb-section--sea-green .dnb-anchor, .dnb-section--success .dnb-anchor {
   color: var(--color-white);
 }
-.dnb-section--fire-red .dnb-anchor:hover, .dnb-section--emerald-green .dnb-anchor:hover, .dnb-section--sea-green .dnb-anchor:hover, .dnb-section--success .dnb-anchor:hover {
+.dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
   color: var(--anchor-color--contrast);
   --anchor-background-gutter: 0.125em;
   box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
 }
+.dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+    color: var(--anchor-color--contrast);
+    --anchor-background-gutter: 0.125em;
+    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
+  }
+}
 .dnb-section--fire-red .dnb-anchor:active, .dnb-section--emerald-green .dnb-anchor:active, .dnb-section--sea-green .dnb-anchor:active, .dnb-section--success .dnb-anchor:active {
   color: var(--color-white);
   background-color: transparent;
diff --git a/packages/dnb-eufemia/src/components/section/style/dnb-section.scss b/packages/dnb-eufemia/src/components/section/style/dnb-section.scss
index f605e1a4455..b68e66d1db6 100644
--- a/packages/dnb-eufemia/src/components/section/style/dnb-section.scss
+++ b/packages/dnb-eufemia/src/components/section/style/dnb-section.scss
@@ -14,14 +14,15 @@
 
   --breakout--on: visible;
   --breakout--off: hidden;
-  --rounded-corner--value: 0.75rem;
-  --outline: 0 0 0 1px var(--outline-color, transparent);
+  --rounded-corner--value: 0.5rem;
+  --outline: 0 0 0 var(--outline-width, 1px)
+    var(--outline-color, transparent);
+  --outline-none: 0 0 0 0 transparent;
   --top: 0;
   --left: -100vw;
   --width: 100vw;
   --height: 100%;
 
-  box-shadow: var(--outline, none);
   color: var(--text-color, black);
   border-radius: var(--rounded-corner, 0);
 
@@ -33,7 +34,9 @@
     content: '';
     position: absolute;
     inset: 0;
-    box-shadow: var(--drop-shadow, none);
+    z-index: -1;
+    box-shadow: var(--drop-shadow, var(--outline-none)),
+      var(--outline, var(--outline-none));
     border-radius: var(--rounded-corner, 0);
   }
 
diff --git a/packages/dnb-eufemia/src/components/skeleton/__tests__/__image_snapshots__/skeleton-for-sbanken-have-to-match-all-components-vertical.snap.png b/packages/dnb-eufemia/src/components/skeleton/__tests__/__image_snapshots__/skeleton-for-sbanken-have-to-match-all-components-vertical.snap.png
index a15118c146c..e5adead9a52 100644
Binary files a/packages/dnb-eufemia/src/components/skeleton/__tests__/__image_snapshots__/skeleton-for-sbanken-have-to-match-all-components-vertical.snap.png and b/packages/dnb-eufemia/src/components/skeleton/__tests__/__image_snapshots__/skeleton-for-sbanken-have-to-match-all-components-vertical.snap.png differ
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 7a2cdd4943a..bf37f0f9dac 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -581,13 +582,14 @@ button.dnb-button::-moz-focus-inner {
   display: flow-root;
   --breakout--on: visible;
   --breakout--off: hidden;
-  --rounded-corner--value: 0.75rem;
-  --outline: 0 0 0 1px var(--outline-color, transparent);
+  --rounded-corner--value: 0.5rem;
+  --outline: 0 0 0 var(--outline-width, 1px)
+    var(--outline-color, transparent);
+  --outline-none: 0 0 0 0 transparent;
   --top: 0;
   --left: -100vw;
   --width: 100vw;
   --height: 100%;
-  box-shadow: var(--outline, none);
   color: var(--text-color, black);
   border-radius: var(--rounded-corner, 0);
 }
@@ -598,7 +600,8 @@ button.dnb-button::-moz-focus-inner {
   content: "";
   position: absolute;
   inset: 0;
-  box-shadow: var(--drop-shadow, none);
+  z-index: -1;
+  box-shadow: var(--drop-shadow, var(--outline-none)), var(--outline, var(--outline-none));
   border-radius: var(--rounded-corner, 0);
 }
 .dnb-section::after {
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-multi-thumbs-slider.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-multi-thumbs-slider.snap.png
index 733033902bc..36790faa6c8 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-multi-thumbs-slider.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-multi-thumbs-slider.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-active-state.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-active-state.snap.png
index b21fa32ac5a..4bd7e39f644 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-active-state.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-active-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-focus-state.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-focus-state.snap.png
index 0caddb68e74..6e8ea702529 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-focus-state.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-hover-state.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-hover-state.snap.png
index bf818a8b429..56a92f09964 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-hover-state.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-the-hover-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-vertical-slider.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-vertical-slider.snap.png
index f9a60dd8999..13c0d9eacea 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-vertical-slider.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-sbanken-have-to-match-vertical-slider.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-default-slider.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-default-slider.snap.png
index 91ac1b048cb..e925d5dda96 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-default-slider.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-default-slider.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-multi-thumbs-slider.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-multi-thumbs-slider.snap.png
index cd5717f5857..e194fda7510 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-multi-thumbs-slider.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-multi-thumbs-slider.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-active-state.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-active-state.snap.png
index 3acf1a37624..3b4d0a29090 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-active-state.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-active-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-focus-state.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-focus-state.snap.png
index 362f9499fd6..942ff9366a4 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-focus-state.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-hover-state.snap.png b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-hover-state.snap.png
index 1d450e25251..f6dbedc45f6 100644
Binary files a/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-hover-state.snap.png and b/packages/dnb-eufemia/src/components/slider/__tests__/__image_snapshots__/slider-for-ui-have-to-match-the-hover-state.snap.png differ
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 adc8afbff65..48ea7adf388 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -589,6 +590,7 @@ button.dnb-button::-moz-focus-inner {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/space/__tests__/__image_snapshots__/space-have-to-match-the-spacing-method-1.snap.png b/packages/dnb-eufemia/src/components/space/__tests__/__image_snapshots__/space-have-to-match-the-spacing-method-1.snap.png
index 92081e90a3e..a4693532d2a 100644
Binary files a/packages/dnb-eufemia/src/components/space/__tests__/__image_snapshots__/space-have-to-match-the-spacing-method-1.snap.png and b/packages/dnb-eufemia/src/components/space/__tests__/__image_snapshots__/space-have-to-match-the-spacing-method-1.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/space/__tests__/__image_snapshots__/space-have-to-match-the-spacing-method-3.snap.png b/packages/dnb-eufemia/src/components/space/__tests__/__image_snapshots__/space-have-to-match-the-spacing-method-3.snap.png
index 382aa76ae8f..8fb7f424c81 100644
Binary files a/packages/dnb-eufemia/src/components/space/__tests__/__image_snapshots__/space-have-to-match-the-spacing-method-3.snap.png and b/packages/dnb-eufemia/src/components/space/__tests__/__image_snapshots__/space-have-to-match-the-spacing-method-3.snap.png differ
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 da310184981..01e91575244 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state-with-focus.snap.png b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state-with-focus.snap.png
index 30c051ddf2d..c1f13994bbb 100644
Binary files a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state-with-focus.snap.png and b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state-with-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state-with-hover.snap.png b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state-with-hover.snap.png
index 0a8b7bb0c69..a318998e111 100644
Binary files a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state-with-hover.snap.png and b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state.snap.png b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state.snap.png
index 238cf334b23..e7157e7d8d7 100644
Binary files a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state.snap.png and b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-sbanken-have-to-match-switch-in-checked-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state-with-focus.snap.png b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state-with-focus.snap.png
index 3ace89b3fa7..7d30be20344 100644
Binary files a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state-with-focus.snap.png and b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state-with-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state-with-hover.snap.png b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state-with-hover.snap.png
index 326d2ef2493..7278827ac64 100644
Binary files a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state-with-hover.snap.png and b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state.snap.png b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state.snap.png
index 64dcd0196b2..62e0e4309be 100644
Binary files a/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state.snap.png and b/packages/dnb-eufemia/src/components/switch/__tests__/__image_snapshots__/checked-switch-for-ui-have-to-match-switch-in-checked-state.snap.png differ
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 0051005b853..9f8b2ca94a9 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
@@ -128,6 +128,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/textarea/Textarea.js b/packages/dnb-eufemia/src/components/textarea/Textarea.js
index 9b7a42957f1..83cc921ef0f 100644
--- a/packages/dnb-eufemia/src/components/textarea/Textarea.js
+++ b/packages/dnb-eufemia/src/components/textarea/Textarea.js
@@ -150,13 +150,12 @@ export default class Textarea extends React.PureComponent {
   static getDerivedStateFromProps(props, state) {
     const value = Textarea.getValue(props)
     if (
-      state._listenForPropChanges &&
       value !== 'initval' &&
-      value !== state.value
+      value !== state.value &&
+      value !== state._value
     ) {
       if (
         value !== state.value &&
-        value !== state._value &&
         typeof props.on_state_update === 'function'
       ) {
         dispatchCustomElementEvent({ props }, 'on_state_update', { value })
@@ -166,7 +165,7 @@ export default class Textarea extends React.PureComponent {
     if (props.textarea_state) {
       state.textareaState = props.textarea_state
     }
-    state._listenForPropChanges = true
+    state._value = props.value
     return state
   }
 
@@ -198,12 +197,9 @@ export default class Textarea extends React.PureComponent {
     this._ref = React.createRef()
     this._id = props.id || makeUniqueId() // cause we need an id anyway
 
-    // make sure we don't trigger getDerivedStateFromProps on startup
-    this.state._listenForPropChanges = true
     if (props.textarea_state) {
       this.state.textareaState = props.textarea_state
     }
-    this.state._value = props.value
   }
   componentDidMount() {
     if (this.props.inner_ref) {
@@ -235,7 +231,7 @@ export default class Textarea extends React.PureComponent {
     const { value } = this._ref.current
     this.setState({
       value,
-      _listenForPropChanges: false,
+
       textareaState: 'focus',
     })
     dispatchCustomElementEvent(this, 'on_focus', { value, event })
@@ -244,7 +240,7 @@ export default class Textarea extends React.PureComponent {
     const { value } = event.target
     this.setState({
       value,
-      _listenForPropChanges: false,
+
       textareaState: Textarea.hasValue(value) ? 'dirty' : 'initial',
     })
     dispatchCustomElementEvent(this, 'on_blur', { value, event })
@@ -264,7 +260,7 @@ export default class Textarea extends React.PureComponent {
       event,
     })
     if (ret !== false) {
-      this.setState({ value, _listenForPropChanges: false })
+      this.setState({ value })
       if (isTrue(this.props.autoresize)) {
         this.setAutosize(rows)
       }
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-stretched-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-stretched-textarea-style.snap.png
index ae8cee40a72..e735925bd22 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-stretched-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-stretched-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-default-error-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-default-error-textarea-style.snap.png
index aca79c0eda8..971361d5d5a 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-default-error-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-default-error-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-default-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-default-textarea-style.snap.png
index 3ba193bc18f..5028fa2d0da 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-default-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-default-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-focus.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-focus.snap.png
index 01fc6527f85..0ece8b91a67 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-focus.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-hover.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-hover.snap.png
index bc060b74465..3ee7f09048e 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-hover.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-mouse-focus.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-mouse-focus.snap.png
index a21946bcbc8..0f9fc446e82 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-mouse-focus.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-error-textarea-mouse-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-focus-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-focus-textarea-style.snap.png
index 783f1b1cabe..e04665008e7 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-focus-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-focus-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-hover-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-hover-textarea-style.snap.png
index a03a6581f6c..9460a8d07a6 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-hover-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-hover-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-mouse-focus-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-mouse-focus-textarea-style.snap.png
index c63aa212781..77ba5efd9ea 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-mouse-focus-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-sbanken-have-to-match-the-mouse-focus-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-stretched-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-stretched-textarea-style.snap.png
index b39b68c4105..a085b5cebee 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-stretched-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-stretched-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-default-error-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-default-error-textarea-style.snap.png
index 087c6917f75..97acb66f783 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-default-error-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-default-error-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-default-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-default-textarea-style.snap.png
index c897d611a94..fc2a1069496 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-default-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-default-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-focus.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-focus.snap.png
index aa8fc04b17a..3f106b6bcc9 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-focus.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-hover.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-hover.snap.png
index 0fb9bfd4af5..bfce74045da 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-hover.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-mouse-focus.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-mouse-focus.snap.png
index aa8fc04b17a..3f106b6bcc9 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-mouse-focus.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-error-textarea-mouse-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-focus-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-focus-textarea-style.snap.png
index 9d626fb6864..b0a8e5215d8 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-focus-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-focus-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-hover-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-hover-textarea-style.snap.png
index 9d626fb6864..b0a8e5215d8 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-hover-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-hover-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-mouse-focus-textarea-style.snap.png b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-mouse-focus-textarea-style.snap.png
index 9d626fb6864..b0a8e5215d8 100644
Binary files a/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-mouse-focus-textarea-style.snap.png and b/packages/dnb-eufemia/src/components/textarea/__tests__/__image_snapshots__/textarea-for-ui-have-to-match-the-mouse-focus-textarea-style.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/ToggleButtonGroup.js b/packages/dnb-eufemia/src/components/toggle-button/ToggleButtonGroup.js
index 495e30bba29..6f4562962d1 100644
--- a/packages/dnb-eufemia/src/components/toggle-button/ToggleButtonGroup.js
+++ b/packages/dnb-eufemia/src/components/toggle-button/ToggleButtonGroup.js
@@ -354,5 +354,4 @@ export default class ToggleButtonGroup extends React.PureComponent {
   }
 }
 
-ToggleButtonGroup._formElement = true
 ToggleButtonGroup._supportsSpacingProps = true
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/ToggleButtonGroup.test.tsx b/packages/dnb-eufemia/src/components/toggle-button/__tests__/ToggleButtonGroup.test.tsx
index de82af86416..58b5276c702 100644
--- a/packages/dnb-eufemia/src/components/toggle-button/__tests__/ToggleButtonGroup.test.tsx
+++ b/packages/dnb-eufemia/src/components/toggle-button/__tests__/ToggleButtonGroup.test.tsx
@@ -10,6 +10,10 @@ import ToggleButton from '../ToggleButton'
 import { Provider } from '../../../shared'
 
 describe('ToggleButton group component', () => {
+  it('should not have _formElement property', () => {
+    expect(ToggleButton.Group['_formElement']).toBeUndefined()
+  })
+
   it('should support vertical label', () => {
     const { rerender } = render(
       <ToggleButton.Group label="Label" vertical>
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group-in-vertical-layout.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group-in-vertical-layout.snap.png
index 876416a5af2..fb915d88dba 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group-in-vertical-layout.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group-in-vertical-layout.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group-with-form-status.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group-with-form-status.snap.png
index 56060e114b9..16959083370 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group-with-form-status.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group-with-form-status.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group.snap.png
index f53802f4f30..9f642b48f40 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-group.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-active-focus-state.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-active-focus-state.snap.png
index b833e4c0c5a..5eda9cc7a18 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-active-focus-state.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-active-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state-with-focus.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state-with-focus.snap.png
index 60a7962479e..136e0b3e3ad 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state-with-focus.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state-with-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state-with-hover.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state-with-hover.snap.png
index 578ce432580..f7f8a04e145 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state-with-hover.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state.snap.png
index 677d9397e7a..0d501eeb8f8 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-checked-have-to-match-toggle-button-in-checked-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-focus.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-focus.snap.png
index 1d19ff9ffc7..e47134683aa 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-focus.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-hover.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-hover.snap.png
index e9c2693481b..fdc1ce059b0 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-hover.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state.snap.png
index 8dfad3330ea..8b31acbd789 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-sbanken-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group-in-vertical-layout.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group-in-vertical-layout.snap.png
index 9a856a03d9f..df222b0ba56 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group-in-vertical-layout.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group-in-vertical-layout.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group-with-form-status.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group-with-form-status.snap.png
index c22258cde7b..6847aaee6a9 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group-with-form-status.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group-with-form-status.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group.snap.png
index c73a2b0de51..237b24391ff 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-group.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-active-focus-state.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-active-focus-state.snap.png
index 971db878bfa..fd0a60933d0 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-active-focus-state.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-active-focus-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state-with-focus.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state-with-focus.snap.png
index 2728ea256c0..b6ad0fa5f43 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state-with-focus.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state-with-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state-with-hover.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state-with-hover.snap.png
index eaecf7338e0..71672cdf4f2 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state-with-hover.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state.snap.png
index 84b66b2993c..e61fbd20155 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-checked-have-to-match-toggle-button-in-checked-state.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-focus.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-focus.snap.png
index 134323bfe11..12819d0ea12 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-focus.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-focus.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-hover.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-hover.snap.png
index a02cb6d330d..7b8075bb41c 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-hover.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state-with-hover.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state.snap.png b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state.snap.png
index a32fae5400f..9d02425fa56 100644
Binary files a/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state.snap.png and b/packages/dnb-eufemia/src/components/toggle-button/__tests__/__image_snapshots__/radio-for-ui-togglebutton-unchecked-have-to-match-toggle-button-in-unchecked-state.snap.png differ
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 39f998b991a..40d093b7a01 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
@@ -169,6 +169,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
@@ -1673,13 +1674,11 @@ button .dnb-form-status__text {
   transform: translateY(-0.5rem);
 }
 .dnb-toggle-button-group .dnb-flex-container {
-  margin-bottom: calc(0px - var(--toggle-button-group-margin-bottom));
+  margin-bottom: calc(var(--toggle-button-group-margin-bottom) * -1);
 }
-.dnb-toggle-button-group .dnb-flex-container--vertical-label {
-  align-items: flex-start;
-}
-.dnb-toggle-button-group .dnb-flex-container::before {
-  font-size: var(--font-size-basis);
+.dnb-toggle-button-group .dnb-flex-container--direction-horizontal .dnb-form-label {
+  margin-top: 0.5rem;
+  align-self: flex-start;
 }
 .dnb-toggle-button-group .dnb-alignment-helper {
   line-height: 2.5rem;
diff --git a/packages/dnb-eufemia/src/components/toggle-button/style/dnb-toggle-button.scss b/packages/dnb-eufemia/src/components/toggle-button/style/dnb-toggle-button.scss
index ca640504b87..4fad9bdd991 100644
--- a/packages/dnb-eufemia/src/components/toggle-button/style/dnb-toggle-button.scss
+++ b/packages/dnb-eufemia/src/components/toggle-button/style/dnb-toggle-button.scss
@@ -155,17 +155,11 @@
     }
 
     .dnb-flex-container {
-      &--vertical-label {
-        align-items: flex-start;
-      }
-
-      margin-bottom: calc(
-        1px - 1px - var(--toggle-button-group-margin-bottom)
-      );
+      margin-bottom: calc(var(--toggle-button-group-margin-bottom) * -1);
 
-      &::before {
-        // move the group 2px up if label exists
-        font-size: var(--font-size-basis);
+      &--direction-horizontal .dnb-form-label {
+        margin-top: 0.5rem;
+        align-self: flex-start;
       }
     }
 
diff --git a/packages/dnb-eufemia/src/components/tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap b/packages/dnb-eufemia/src/components/tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap
index 5100e1de962..320371aad84 100644
--- a/packages/dnb-eufemia/src/components/tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap
@@ -28,6 +28,7 @@ exports[`Tooltip scss has to match style dependencies css 1`] = `
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/tooltip/style/dnb-tooltip.scss b/packages/dnb-eufemia/src/components/tooltip/style/dnb-tooltip.scss
index aac578c6a56..35279608714 100644
--- a/packages/dnb-eufemia/src/components/tooltip/style/dnb-tooltip.scss
+++ b/packages/dnb-eufemia/src/components/tooltip/style/dnb-tooltip.scss
@@ -22,6 +22,8 @@
   padding: 0 1rem;
   color: var(--tooltip-color);
 
+  text-align: center;
+
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   @include defaultDropShadow();
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 042b4b69a66..c5e58e3858a 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
@@ -214,6 +214,7 @@ p > .dnb-icon {
   align-items: center;
   padding: 0 1rem;
   color: var(--tooltip-color);
+  text-align: center;
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);
   box-shadow: var(--shadow-default);
diff --git a/packages/dnb-eufemia/src/components/upload/types.ts b/packages/dnb-eufemia/src/components/upload/types.ts
index 36c83ef1ea9..88b0eaf7ebe 100644
--- a/packages/dnb-eufemia/src/components/upload/types.ts
+++ b/packages/dnb-eufemia/src/components/upload/types.ts
@@ -64,7 +64,7 @@ export type UploadProps = {
 export type UploadAllProps = UploadProps &
   SpacingProps &
   LocaleProps &
-  React.HTMLProps<HTMLElement>
+  Omit<React.HTMLProps<HTMLElement>, 'onChange'>
 
 export type UploadContextProps = {
   id?: string
diff --git a/packages/dnb-eufemia/src/core/jest/jestSetupScreenshots.js b/packages/dnb-eufemia/src/core/jest/jestSetupScreenshots.js
index b8e1ba1616f..d00d9a024f6 100644
--- a/packages/dnb-eufemia/src/core/jest/jestSetupScreenshots.js
+++ b/packages/dnb-eufemia/src/core/jest/jestSetupScreenshots.js
@@ -580,7 +580,7 @@ async function handleWrapper({
     // wrap the element/selector and give the wrapper also a style
     await page.$eval(
       selector,
-      (element, { id, style }) => {
+      (element, { id, style, isHeadless }) => {
         const attrValue = element.getAttribute('data-visual-test')
 
         const wrapperElement = document.createElement('div')
@@ -595,7 +595,7 @@ async function handleWrapper({
         const elRec = element.getBoundingClientRect()
         const wrRec = wrapperElement.getBoundingClientRect()
 
-        if (wrRec.top - elRec.top > 0) {
+        if (wrRec.top - elRec.top > 0 && isHeadless) {
           throw new Error(
             `Top of element is ${
               wrRec.top - elRec.top
@@ -603,7 +603,7 @@ async function handleWrapper({
           )
         }
 
-        if (elRec.bottom - wrRec.bottom > 0) {
+        if (elRec.bottom - wrRec.bottom > 0 && isHeadless) {
           throw new Error(
             `Bottom of element is ${
               elRec.bottom - wrRec.bottom
@@ -616,6 +616,7 @@ async function handleWrapper({
       {
         id: wrapperId,
         style,
+        isHeadless,
       }
     )
 
diff --git a/packages/dnb-eufemia/src/elements/__tests__/__image_snapshots__/elements-without-classes-have-to-match-all-the-typography-variants.snap.png b/packages/dnb-eufemia/src/elements/__tests__/__image_snapshots__/elements-without-classes-have-to-match-all-the-typography-variants.snap.png
index c0d66421f97..f3af6bec03c 100644
Binary files a/packages/dnb-eufemia/src/elements/__tests__/__image_snapshots__/elements-without-classes-have-to-match-all-the-typography-variants.snap.png and b/packages/dnb-eufemia/src/elements/__tests__/__image_snapshots__/elements-without-classes-have-to-match-all-the-typography-variants.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/DataContext/Context.ts b/packages/dnb-eufemia/src/extensions/forms/DataContext/Context.ts
index cf35cfe63b5..6027703ed2c 100644
--- a/packages/dnb-eufemia/src/extensions/forms/DataContext/Context.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/DataContext/Context.ts
@@ -12,6 +12,7 @@ export interface ContextState {
   /** Will set autoComplete="on" on each nested Field.String and Field.Number */
   autoComplete?: boolean
   handlePathChange: (path: string, value: any) => void
+  updateDataValue: (path: string, value: any) => void
   handleSubmit: (props?: HandleSubmitProps) => any
   // Error status
   showAllErrors: boolean
@@ -28,6 +29,7 @@ export interface ContextState {
 export const defaultContextState: ContextState = {
   data: undefined,
   handlePathChange: () => null,
+  updateDataValue: () => null,
   handleSubmit: () => null,
   showAllErrors: false,
   setShowAllErrors: () => null,
diff --git a/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/Provider.tsx b/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/Provider.tsx
index 01f40a430cb..0632a4f0276 100644
--- a/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/Provider.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/Provider.tsx
@@ -32,7 +32,18 @@ export interface Props<Data extends JsonObject> {
   /** Change handler for each value  */
   onPathChange?: (path: string, value: any) => void
   /** Submit called, data was valid (if validation available) */
-  onSubmit?: (data: Data) => void
+  onSubmit?: (
+    data: Data,
+    {
+      resetForm,
+      clearData,
+    }: {
+      /** Will remove browser-side stored autocomplete data  */
+      resetForm: () => void
+      /** Will empty the whole internal data set of the form  */
+      clearData: () => void
+    }
+  ) => void
   /** Submit was requested, but data was invalid */
   onSubmitRequest?: () => void
   scrollTopOnSubmit?: boolean
@@ -97,6 +108,7 @@ export default function Provider<Data extends JsonObject>({
     // eslint-disable-next-line react-hooks/exhaustive-deps -- Avoid triggering code that should only run initially
   }, [])
   const internalDataRef = useRef<Partial<Data>>(initialData)
+  const dataCacheRef = useRef<Partial<Data>>(data)
   // - Validator
   const ajvSchemaValidatorRef = useRef<ValidateFunction>()
 
@@ -152,12 +164,11 @@ export default function Provider<Data extends JsonObject>({
     []
   )
 
-  const handlePathChange = useCallback(
+  const updateDataValue = useCallback(
     (path, value) => {
       if (!path) {
         return
       }
-      onPathChange?.(path, value)
 
       // Update the data even if it contains errors. Submit/SubmitRequest will be called accordingly
       const newData = structuredClone(
@@ -168,12 +179,11 @@ export default function Provider<Data extends JsonObject>({
             internalDataRef.current ??
               (path.match(isArrayJsonPointer) ? [] : {})
       )
+
       if (path !== '/') {
         pointer.set(newData as Data, path, value)
       }
 
-      onChange?.(newData as Data)
-
       if (sessionStorageId && typeof window !== 'undefined') {
         window.sessionStorage?.setItem(
           sessionStorageId,
@@ -183,11 +193,30 @@ export default function Provider<Data extends JsonObject>({
 
       internalDataRef.current = newData
 
-      validateData()
-      showAllErrorsRef.current = false
       forceUpdate()
+
+      return newData
+    },
+    [sessionStorageId]
+  )
+
+  const handlePathChange = useCallback(
+    (path, value) => {
+      if (!path) {
+        return
+      }
+
+      onPathChange?.(path, value)
+
+      const newData = updateDataValue(path, value)
+
+      onChange?.(newData as Data)
+
+      showAllErrorsRef.current = false
+
+      validateData()
     },
-    [onChange, onPathChange, validateData, sessionStorageId]
+    [onPathChange, updateDataValue, onChange, validateData]
   )
 
   // Mounted fields
@@ -211,15 +240,28 @@ export default function Provider<Data extends JsonObject>({
   const handleSubmit = useCallback<ContextState['handleSubmit']>(
     ({ formElement = null } = {}) => {
       if (!hasErrors()) {
-        onSubmit?.(internalDataRef.current as Data)
+        const resetForm = () => {
+          formElement?.reset?.()
 
-        formElement?.reset?.()
-
-        if (typeof window !== 'undefined') {
-          if (sessionStorageId) {
-            window.sessionStorage.removeItem(sessionStorageId)
+          if (typeof window !== 'undefined') {
+            if (sessionStorageId) {
+              window.sessionStorage.removeItem(sessionStorageId)
+            }
           }
 
+          forceUpdate() // in order to fill "empty fields" again with their internal states
+        }
+        const clearData = () => {
+          internalDataRef.current = {}
+          forceUpdate()
+        }
+
+        onSubmit?.(internalDataRef.current as Data, {
+          resetForm,
+          clearData,
+        })
+
+        if (typeof window !== 'undefined') {
           if (scrollTopOnSubmit) {
             window?.scrollTo({ top: 0, behavior: 'smooth' })
           }
@@ -246,8 +288,12 @@ export default function Provider<Data extends JsonObject>({
   })
 
   useUpdateEffect(() => {
-    // Update and validate changes to the external data set
-    internalDataRef.current = data
+    // Update and validate changes to the external data set,
+    // And avoid "resetting" the data with the originally given data (React.StrictMode)
+    if (data !== dataCacheRef.current) {
+      dataCacheRef.current = data
+      internalDataRef.current = data
+    }
     validateData()
     forceUpdate()
   }, [data, validateData, forceUpdate])
@@ -258,6 +304,7 @@ export default function Provider<Data extends JsonObject>({
         data: internalDataRef.current,
         ...rest,
         handlePathChange,
+        updateDataValue,
         handleSubmit,
         errors: errorsRef.current,
         showAllErrors: showAllErrorsRef.current,
diff --git a/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/__tests__/Provider.test.tsx b/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/__tests__/Provider.test.tsx
index 3fabfd067ee..242915e919a 100644
--- a/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/__tests__/Provider.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/__tests__/Provider.test.tsx
@@ -119,6 +119,46 @@ describe('DataContext.Provider', () => {
       expect(onChange).toHaveBeenCalledWith({ fooBar: 'Second Value' })
     })
 
+    it('should update data context with initially given "value"', () => {
+      const onChange = jest.fn()
+      const onSubmit = jest.fn()
+
+      render(
+        <DataContext.Provider
+          data={{ other: 'original' }}
+          onChange={onChange}
+          onSubmit={onSubmit}
+        >
+          <Field.String path="/foo" value="include this" />
+          <Form.SubmitButton />
+        </DataContext.Provider>,
+        { wrapper: React.StrictMode }
+      )
+
+      const element = document.querySelector('input')
+      const button = document.querySelector('button')
+
+      fireEvent.click(button)
+
+      expect(onChange).toHaveBeenCalledTimes(0)
+      expect(onSubmit).toHaveBeenCalledTimes(1)
+      expect(onSubmit).toHaveBeenCalledWith(
+        { foo: 'include this', other: 'original' },
+        expect.anything()
+      )
+
+      fireEvent.change(element, {
+        target: { value: 'New Value' },
+      })
+
+      expect(onSubmit).toHaveBeenCalledTimes(1)
+      expect(onChange).toHaveBeenCalledTimes(1)
+      expect(onChange).toHaveBeenCalledWith({
+        foo: 'New Value',
+        other: 'original',
+      })
+    })
+
     it('should work without any data provided, using an empty object as default when pointing to an object subkey', () => {
       const onChange = jest.fn()
 
@@ -217,7 +257,10 @@ describe('DataContext.Provider', () => {
       fireEvent.click(submitElement)
 
       expect(onSubmit).toHaveBeenCalledTimes(1)
-      expect(onSubmit).toHaveBeenCalledWith({ foo: 'New Value' })
+      expect(onSubmit).toHaveBeenCalledWith(
+        { foo: 'New Value' },
+        expect.anything()
+      )
 
       rerender(
         <DataContext.Provider
@@ -235,7 +278,10 @@ describe('DataContext.Provider', () => {
       fireEvent.click(submitElement)
 
       expect(onSubmit).toHaveBeenCalledTimes(2)
-      expect(onSubmit).toHaveBeenCalledWith({ fooBar: 'Second Value' })
+      expect(onSubmit).toHaveBeenCalledWith(
+        { fooBar: 'Second Value' },
+        expect.anything()
+      )
     })
 
     it('should call "onSubmitRequest" on invalid submit', async () => {
@@ -311,7 +357,10 @@ describe('DataContext.Provider', () => {
       fireEvent.click(submitElement)
 
       expect(onSubmit).toHaveBeenCalledTimes(1)
-      expect(onSubmit).toHaveBeenCalledWith({ foo: 'New Value' })
+      expect(onSubmit).toHaveBeenCalledWith(
+        { foo: 'New Value' },
+        expect.anything()
+      )
       expect(scrollTo).toHaveBeenCalledTimes(1)
 
       rerender(
@@ -331,7 +380,10 @@ describe('DataContext.Provider', () => {
       fireEvent.click(submitElement)
 
       expect(onSubmit).toHaveBeenCalledTimes(2)
-      expect(onSubmit).toHaveBeenCalledWith({ fooBar: 'Second Value' })
+      expect(onSubmit).toHaveBeenCalledWith(
+        { fooBar: 'Second Value' },
+        expect.anything()
+      )
       expect(scrollTo).toHaveBeenCalledTimes(2)
       expect(scrollTo).toHaveBeenCalledWith({
         behavior: 'smooth',
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/BankAccountNumber/BankAccountNumber.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/BankAccountNumber/BankAccountNumber.tsx
index fff9f6d7e71..c633bd03f0b 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/BankAccountNumber/BankAccountNumber.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/BankAccountNumber/BankAccountNumber.tsx
@@ -64,6 +64,7 @@ function BankAccountNumber(props: Props) {
     errorMessages,
     mask,
     width: props.width ?? 'medium',
+    inputMode: 'numeric',
   }
 
   return <StringComponent {...stringComponentProps} />
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/BankAccountNumber/__tests__/BankAccountNumber.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/BankAccountNumber/__tests__/BankAccountNumber.test.tsx
new file mode 100644
index 00000000000..4db531d6069
--- /dev/null
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/BankAccountNumber/__tests__/BankAccountNumber.test.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import BankAccountNumber, { Props } from '..'
+
+describe('Field.BankAccountNumber', () => {
+  it('should render with props', () => {
+    const props: Props = {}
+
+    render(<BankAccountNumber {...props} />)
+
+    const component = document.querySelector(
+      '.dnb-forms-field-bank-account-number'
+    )
+
+    expect(component).toBeInTheDocument()
+  })
+
+  it('should have numeric input mode', () => {
+    render(<BankAccountNumber />)
+
+    const input = document.querySelector('.dnb-input__input')
+
+    expect(input).toHaveAttribute('inputmode', 'numeric')
+  })
+})
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Currency/__tests__/Currency.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Currency/__tests__/Currency.test.tsx
index 7f61b3ea470..f88cc4a6600 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Currency/__tests__/Currency.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Currency/__tests__/Currency.test.tsx
@@ -50,4 +50,12 @@ describe('Field.Currency', () => {
     const element = document.querySelector('.dnb-input')
     expect(element.className).toContain('dnb-input__align--right')
   })
+
+  it('should have decimal input mode', () => {
+    render(<Currency />)
+
+    const input = document.querySelector('.dnb-input__input')
+
+    expect(input).toHaveAttribute('inputmode', 'decimal')
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Date/Date.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Date/Date.tsx
index ce846f44255..46570d34db9 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Date/Date.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Date/Date.tsx
@@ -14,6 +14,7 @@ function DateComponent(props: Props) {
     fromInput: ({ date }: { date: string }) => {
       return date
     },
+    emptyValue: null,
   }
 
   const {
@@ -45,6 +46,7 @@ function DateComponent(props: Props) {
         ) : undefined
       }
       on_change={handleChange}
+      on_reset={handleChange}
       on_show={handleFocus}
       on_hide={handleBlur}
       {...pickSpacingProps(props)}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Date/__tests__/Date.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Date/__tests__/Date.test.tsx
index 1f75fec7971..2070b116fcc 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Date/__tests__/Date.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Date/__tests__/Date.test.tsx
@@ -1,10 +1,74 @@
 import React from 'react'
-import { render } from '@testing-library/react'
+import { act, render } from '@testing-library/react'
 import Date, { Props } from '..'
+import userEvent from '@testing-library/user-event'
+
+const props: Props = {}
 
 describe('Field.Date', () => {
   it('should render with props', () => {
-    const props: Props = {}
     render(<Date {...props} />)
   })
+
+  it('should show required warning', async () => {
+    render(<Date {...props} value="2023-12-07" required />)
+
+    const datepicker = document.querySelector('.dnb-date-picker')
+    const inputs: Array<HTMLInputElement> = Array.from(
+      datepicker.querySelectorAll('.dnb-date-picker__input')
+    )
+
+    expect(datepicker.classList).not.toContain(
+      'dnb-date-picker__status--error'
+    )
+    expect(
+      datepicker.querySelector('.dnb-form-status__text')
+    ).not.toBeInTheDocument()
+
+    act(() => {
+      inputs[inputs.length - 1].focus()
+      inputs[inputs.length - 1].setSelectionRange(4, 4)
+    })
+
+    await userEvent.keyboard('{Backspace>8}')
+
+    expect(datepicker.classList).toContain(
+      'dnb-date-picker__status--error'
+    )
+    expect(
+      datepicker.querySelector('.dnb-form-status__text')
+    ).toBeInTheDocument()
+    expect(
+      datepicker.querySelector('.dnb-form-status__text')
+    ).toHaveTextContent('The value is required')
+
+    await userEvent.keyboard('20231207')
+
+    expect(datepicker.classList).not.toContain(
+      'dnb-date-picker__status--error'
+    )
+    expect(
+      datepicker.querySelector('.dnb-form-status__text')
+    ).not.toBeInTheDocument()
+
+    await userEvent.click(
+      document.querySelector('.dnb-input__submit-button__button')
+    )
+
+    await userEvent.click(
+      document
+        .querySelector('.dnb-date-picker__footer')
+        .querySelectorAll('.dnb-button--tertiary ')[0]
+    )
+
+    expect(datepicker.classList).toContain(
+      'dnb-date-picker__status--error'
+    )
+    expect(
+      datepicker.querySelector('.dnb-form-status__text')
+    ).toBeInTheDocument()
+    expect(
+      datepicker.querySelector('.dnb-form-status__text')
+    ).toHaveTextContent('The value is required')
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Email/Email.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Email/Email.tsx
index 6dbe08c0a71..6fa48ed0a1d 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Email/Email.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Email/Email.tsx
@@ -18,12 +18,13 @@ function Email(props: Props) {
   )
 
   const stringComponentProps: Props = {
-    ...props,
-    type: props.type ?? 'email',
+    label: sharedContext?.translation.Forms.emailLabel,
+    autoComplete: 'email',
+    inputMode: 'email',
     pattern:
-      props.pattern ??
       "^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$",
-    label: props.label ?? sharedContext?.translation.Forms.emailLabel,
+    trim: true,
+    ...props,
     errorMessages,
   }
 
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Email/__tests__/Email.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Email/__tests__/Email.test.tsx
index cc4790083a7..4b67d2fdfe9 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Email/__tests__/Email.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Email/__tests__/Email.test.tsx
@@ -1,10 +1,131 @@
 import React from 'react'
-import { render } from '@testing-library/react'
+import { axeComponent } from '../../../../../core/jest/jestSetup'
+import { fireEvent, render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
 import Email, { Props } from '..'
+import { Form } from '../../..'
 
 describe('Field.Email', () => {
   it('should render with props', () => {
     const props: Props = {}
     render(<Email {...props} />)
   })
+
+  it('should show errors if field is empty on submit', () => {
+    const onSubmit = jest.fn()
+
+    render(
+      <Form.Handler onSubmit={onSubmit}>
+        <Email required />
+      </Form.Handler>
+    )
+
+    const form = document.querySelector('form')
+    fireEvent.submit(form)
+
+    expect(onSubmit).not.toHaveBeenCalled()
+    expect(screen.queryByRole('alert')).toBeInTheDocument()
+  })
+
+  it('should show errors if field is invalid on submit', async () => {
+    const onSubmit = jest.fn()
+
+    render(
+      <Form.Handler onSubmit={onSubmit}>
+        <Email required path="/email" />
+      </Form.Handler>
+    )
+
+    const input = document.querySelector('input')
+    await userEvent.type(input, 'user')
+
+    const form = document.querySelector('form')
+    fireEvent.submit(form)
+
+    expect(onSubmit).not.toHaveBeenCalled()
+    expect(screen.queryByRole('alert')).toBeInTheDocument()
+
+    await userEvent.type(input, '@example.com')
+    fireEvent.submit(form)
+
+    expect(onSubmit).toHaveBeenLastCalledWith(
+      { email: 'user@example.com' },
+      expect.anything()
+    )
+  })
+
+  it('should trim whitespaces', async () => {
+    const onSubmit = jest.fn()
+
+    render(
+      <Form.Handler onSubmit={onSubmit}>
+        <Email path="/email" />
+      </Form.Handler>
+    )
+
+    const form = document.querySelector('form')
+    fireEvent.submit(form)
+
+    expect(onSubmit).toHaveBeenLastCalledWith(undefined, expect.anything())
+
+    const input = document.querySelector('input')
+    await userEvent.type(input, ' user@example.com ')
+    fireEvent.blur(input)
+    fireEvent.submit(form)
+
+    expect(onSubmit).toHaveBeenLastCalledWith(
+      { email: 'user@example.com' },
+      expect.anything()
+    )
+  })
+
+  it('should have autocomplete (autofill)', () => {
+    render(<Email />)
+
+    const input = document.querySelector('input')
+
+    expect(input).toHaveAttribute('autocomplete', 'email')
+  })
+
+  it('should have inputmode of email', () => {
+    render(<Email />)
+
+    const input = document.querySelector('input')
+
+    expect(input).toHaveAttribute('inputmode', 'email')
+  })
+
+  it('should have type="text" to avoid browser input manipulation', () => {
+    const { rerender } = render(<Email />)
+
+    const input = document.querySelector('input')
+
+    expect(input).toHaveAttribute('type', 'text')
+
+    rerender(<Email type="email" />)
+
+    expect(input).toHaveAttribute('type', 'email')
+  })
+
+  it('should allow a custom pattern', async () => {
+    render(<Email pattern="[A-Z]" required />)
+
+    const input = document.querySelector('input')
+
+    await userEvent.type(input, 'foo')
+    fireEvent.blur(input)
+
+    expect(screen.queryByRole('alert')).toBeInTheDocument()
+
+    await userEvent.type(input, 'FOO')
+    fireEvent.blur(input)
+
+    expect(screen.queryByRole('alert')).not.toBeInTheDocument()
+  })
+
+  it('should validate with ARIA rules', async () => {
+    const element = render(<Email value="me@mail.com" />)
+
+    expect(await axeComponent(element)).toHaveNoViolations()
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Email/stories/Email.stories.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Email/stories/Email.stories.tsx
new file mode 100644
index 00000000000..7d6fcaa7230
--- /dev/null
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Email/stories/Email.stories.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import { Field } from '../../..'
+
+export default {
+  title: 'Eufemia/Extensions/Forms/Email',
+}
+
+export function Email() {
+  const [state, update] = React.useState(' me@mail ')
+  React.useEffect(() => {
+    update(' me@mail.com ')
+  }, [])
+
+  return (
+    <Field.Email
+      required
+      value={state}
+      onBlur={console.log}
+      onFocus={console.log}
+      onChange={(value) => {
+        console.log('onChange', value)
+        update(value)
+      }}
+    />
+  )
+}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Expiry/Expiry.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Expiry/Expiry.tsx
index 4d0f8d18ff0..ced11c49820 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Expiry/Expiry.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Expiry/Expiry.tsx
@@ -42,8 +42,8 @@ function Expiry(props: ExpiryProps) {
   })
 
   const expiry: ExpiryValue = {
-    month: value.substring(0, 2) ?? '',
-    year: value.substring(2, 4) ?? '',
+    month: ensureValidMonth(value?.substring(0, 2)),
+    year: value?.substring(2, 4) ?? '',
   }
 
   const idRef = useRef(propsId || makeUniqueId()).current
@@ -74,17 +74,12 @@ function Expiry(props: ExpiryProps) {
         onBlur={handleBlur}
         onFocus={handleFocus}
         delimiter="/"
+        inputMode="numeric"
         inputs={[
           {
             id: 'month',
             label: sharedContext?.translation.DatePicker['month'],
-            mask: [
-              /[0-1]/,
-              expiry.month.charAt(0) === '0' ||
-              expiry.month.charAt(0) === ''
-                ? /[1-9]/
-                : /[0-2]/,
-            ],
+            mask: getMonthMask(expiry?.month),
             placeholderCharacter: placeholders['month'],
             autoComplete: 'cc-exp-month',
           },
@@ -108,6 +103,43 @@ function Expiry(props: ExpiryProps) {
   function expiryToString(values: ExpiryValue) {
     return Object.values(values).join('')
   }
+
+  function ensureValidMonth(month: string) {
+    // Return empty value if no month is given
+    if (!month) {
+      return ''
+    }
+
+    const [firstMask, secondMask] = getMonthMask(month)
+
+    const firstDigit = month?.charAt(0)
+    const isFirstDigitValid = firstMask.test(firstDigit)
+
+    if (firstDigit && !isFirstDigitValid) {
+      // Return empty value if the first digit is invalid
+      return ''
+    }
+
+    const seconDigit = month?.charAt(1)
+    const isSecondDigitValid = secondMask.test(seconDigit)
+
+    if (seconDigit && !isSecondDigitValid) {
+      // Return empty value if the second digit is invalid
+      return ''
+    }
+
+    // Return given month of month value is valid
+    return month
+  }
+
+  function getMonthMask(month: string) {
+    const firstDigit = month?.charAt(0)
+
+    return [
+      /[0-1]/,
+      firstDigit === '0' || firstDigit === '' ? /[1-9]/ : /[0-2]/,
+    ]
+  }
 }
 
 Expiry._supportsEufemiaSpacingProps = true
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Expiry/__tests__/Expiry.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Expiry/__tests__/Expiry.test.tsx
index 1f99a08df3c..2ac9888b9f9 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Expiry/__tests__/Expiry.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Expiry/__tests__/Expiry.test.tsx
@@ -14,6 +14,78 @@ describe('Field.Expiry', () => {
     })
   })
 
+  it('should set value as a string', () => {
+    render(<Field.Expiry value="0835" />)
+
+    const monthInput = document.querySelectorAll('input')[0]
+    const yearInput = document.querySelectorAll('input')[1]
+
+    expect(monthInput.value).toBe('08')
+    expect(yearInput.value).toBe('35')
+  })
+
+  it('should hande value as undefined', () => {
+    render(<Field.Expiry value={undefined} />)
+
+    const monthInput = document.querySelectorAll('input')[0]
+    const yearInput = document.querySelectorAll('input')[1]
+
+    expect(monthInput.value).toBe('mm')
+    expect(yearInput.value).toBe('åå')
+  })
+
+  it('should hande value as null', () => {
+    render(<Field.Expiry value={null} />)
+
+    const monthInput = document.querySelectorAll('input')[0]
+    const yearInput = document.querySelectorAll('input')[1]
+
+    expect(monthInput.value).toBe('mm')
+    expect(yearInput.value).toBe('åå')
+  })
+
+  describe('should handle non existing values for month', () => {
+    it('when month is 90', () => {
+      render(<Field.Expiry value="9022" />)
+
+      const monthInput = document.querySelectorAll('input')[0]
+      const yearInput = document.querySelectorAll('input')[1]
+
+      expect(monthInput.value).toBe('mm')
+      expect(yearInput.value).toBe('22')
+    })
+
+    it('when month is 23', () => {
+      render(<Field.Expiry value="2335" />)
+
+      const monthInput = document.querySelectorAll('input')[0]
+      const yearInput = document.querySelectorAll('input')[1]
+
+      expect(monthInput.value).toBe('mm')
+      expect(yearInput.value).toBe('35')
+    })
+
+    it('when month is 13', () => {
+      render(<Field.Expiry value="1312" />)
+
+      const monthInput = document.querySelectorAll('input')[0]
+      const yearInput = document.querySelectorAll('input')[1]
+
+      expect(monthInput.value).toBe('mm')
+      expect(yearInput.value).toBe('12')
+    })
+
+    it('when month is 00', () => {
+      render(<Field.Expiry value="0000" />)
+
+      const monthInput = document.querySelectorAll('input')[0]
+      const yearInput = document.querySelectorAll('input')[1]
+
+      expect(monthInput.value).toBe('mm')
+      expect(yearInput.value).toBe('00')
+    })
+  })
+
   it('should return month and year values as a concatenated string', async () => {
     const onChange = jest.fn()
 
@@ -197,10 +269,6 @@ describe('Field.Expiry', () => {
       const input = document.querySelector('input')
       const inputWrapper = document.querySelector('.dnb-input')
 
-      act(() => {
-        input.focus()
-      })
-
       expect(inputWrapper.classList).not.toContain(
         'dnb-input__status--error'
       )
@@ -208,7 +276,7 @@ describe('Field.Expiry', () => {
         document.querySelector('.dnb-form-status__text')
       ).not.toBeInTheDocument()
 
-      await userEvent.keyboard('1')
+      await userEvent.type(input, '1')
 
       expect(inputWrapper.classList).not.toContain(
         'dnb-input__status--error'
@@ -227,7 +295,7 @@ describe('Field.Expiry', () => {
       expect(formStatusText).toBeInTheDocument()
       expect(formStatusText).toHaveTextContent('The value is required')
 
-      await userEvent.keyboard('12')
+      await userEvent.type(input, '12')
 
       expect(inputWrapper.classList).not.toContain(
         'dnb-input__status--error'
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.tsx
index f57878fd6e5..13740a91019 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.tsx
@@ -54,6 +54,7 @@ function NationalIdentityNumber(props: Props) {
     errorMessages,
     mask,
     width: props.width ?? 'medium',
+    inputMode: 'numeric',
   }
 
   return <StringComponent {...stringComponentProps} />
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/NationalIdentityNumber/__tests__/NationalIdentityNumber.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/NationalIdentityNumber/__tests__/NationalIdentityNumber.test.tsx
index 0fb06075154..be4214e5baa 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/NationalIdentityNumber/__tests__/NationalIdentityNumber.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/NationalIdentityNumber/__tests__/NationalIdentityNumber.test.tsx
@@ -104,4 +104,12 @@ describe('Field.NationalIdentityNumber', () => {
       required: expect.stringContaining('11'),
     })
   })
+
+  it('should have numeric input mode', () => {
+    render(<NationalIdentityNumber />)
+
+    const input = document.querySelector('.dnb-input__input')
+
+    expect(input).toHaveAttribute('inputmode', 'numeric')
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Number/__tests__/Number.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Number/__tests__/Number.test.tsx
index 1eda5fc1050..c46f4c91240 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Number/__tests__/Number.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Number/__tests__/Number.test.tsx
@@ -89,6 +89,11 @@ describe('Field.Number', () => {
       expect(screen.getByDisplayValue('97531:2468')).toBeInTheDocument()
     })
 
+    it('formats with percent', () => {
+      render(<Field.Number value={12345} percent />)
+      expect(document.querySelector('input').value).toBe('12 345 %')
+    })
+
     it('formats with same decimal limit', () => {
       render(<Field.Number value={42.51} decimalLimit={2} />)
       expect(screen.getByDisplayValue('42,51')).toBeInTheDocument()
@@ -110,6 +115,14 @@ describe('Field.Number', () => {
       const element = document.querySelector('.dnb-input')
       expect(element.className).toContain('dnb-input__align--right')
     })
+
+    it('should have decimal input mode', () => {
+      render(<Field.Number />)
+
+      const input = document.querySelector('.dnb-input__input')
+
+      expect(input).toHaveAttribute('inputmode', 'decimal')
+    })
   })
 
   describe('event handlers', () => {
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/OrganizationNumber/OrganizationNumber.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/OrganizationNumber/OrganizationNumber.tsx
index 510c4669fee..2ee0e8a0fe6 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/OrganizationNumber/OrganizationNumber.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/OrganizationNumber/OrganizationNumber.tsx
@@ -39,6 +39,7 @@ function OrganizationNumber(props: Props) {
     errorMessages,
     mask,
     width: props.width ?? 'medium',
+    inputMode: 'numeric',
   }
 
   return <StringComponent {...stringComponentProps} />
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/OrganizationNumber/__tests__/OrganizationNumber.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/OrganizationNumber/__tests__/OrganizationNumber.test.tsx
index a87a46f84d5..3b3187e9613 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/OrganizationNumber/__tests__/OrganizationNumber.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/OrganizationNumber/__tests__/OrganizationNumber.test.tsx
@@ -47,4 +47,12 @@ describe('Field.OrganizationNumber', () => {
     const element = document.querySelector('label')
     expect(element.textContent).toBe('Organisasjonsnummer')
   })
+
+  it('should have numeric input mode', () => {
+    render(<OrganizationNumber />)
+
+    const input = document.querySelector('.dnb-input__input')
+
+    expect(input).toHaveAttribute('inputmode', 'numeric')
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx
index b1b2e5c71ac..f8bfe087367 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useContext, useCallback, useEffect } from 'react'
+import React, { useMemo, useContext, useCallback } from 'react'
 import { Autocomplete, Flex } from '../../../../components'
 import { InputMaskedProps } from '../../../../components/InputMasked'
 import classnames from 'classnames'
@@ -6,7 +6,7 @@ import countries, { CountryType } from '../../constants/countries'
 import StringComponent, { Props as InputProps } from '../String'
 import { useDataValue } from '../../hooks'
 import FieldBlock from '../../FieldBlock'
-import { FieldHelpProps, FieldProps } from '../../types'
+import { FieldHelpProps, FieldProps, FormError } from '../../types'
 import { pickSpacingProps } from '../../../../components/flex/utils'
 import SharedContext from '../../../../shared/Context'
 import {
@@ -66,6 +66,12 @@ function PhoneNumber(props: Props) {
   const tr = sharedContext?.translation.Forms
   const lang = sharedContext.locale?.split('-')[0]
 
+  const countryCodeRef = React.useRef(null)
+  const numberRef = React.useRef(null)
+  const dataRef = React.useRef(null)
+  const langRef = React.useRef(lang)
+  const wasFilled = React.useRef(false)
+
   const errorMessages = useMemo(
     () => ({
       required: tr.phoneNumberErrorRequired,
@@ -75,12 +81,41 @@ function PhoneNumber(props: Props) {
     [tr, props.errorMessages]
   )
 
+  const validateRequired = useCallback(
+    (value: string, { required, isChanged }) => {
+      const error = new FormError('The value is required', {
+        validationRule: 'required',
+      })
+
+      if (required) {
+        const [countryCode, phoneNumber] = splitValue(value)
+
+        if (countryCode !== prevCountryCodeRef.current) {
+          if (countryCode) {
+            prevCountryCodeRef.current = countryCode
+          }
+          return undefined
+        }
+
+        if (isChanged && !phoneNumber) {
+          return error
+        }
+      }
+
+      return undefined
+    },
+    []
+  )
+
   const defaultProps: Partial<Props> = {
     errorMessages,
   }
   const preparedProps: Props = {
     ...defaultProps,
     ...props,
+    validateRequired,
+    fromExternal,
+    toEvent,
   }
 
   const {
@@ -117,11 +152,21 @@ function PhoneNumber(props: Props) {
       : undefined,
   } = useDataValue(preparedProps)
 
-  const countryCodeRef = React.useRef(null)
-  const numberRef = React.useRef(null)
-  const dataRef = React.useRef(null)
-  const langRef = React.useRef(lang)
-  const wasFilled = React.useRef(false)
+  function fromExternal(external: string) {
+    const [, phoneNumber] = splitValue(external)
+    if (!phoneNumber && !props.omitCountryCodeField) {
+      return countryCodeRef.current
+    }
+    return external
+  }
+
+  function toEvent(value: string) {
+    const [, phoneNumber] = splitValue(value)
+    if (!phoneNumber) {
+      return emptyValue
+    }
+    return value
+  }
 
   const updateCurrentDataSet = useCallback(() => {
     dataRef.current = getCountryData({
@@ -143,13 +188,13 @@ function PhoneNumber(props: Props) {
       phoneNumber = numberRef.current || emptyValue,
     }) => {
       /**
-       * To ensure, we actually call onChange every time,
+       * To ensure, we actually call onChange every time the cc value changes,
        * even if the value is undefined
        */
       updateValue('invalidate')
 
       handleChange(
-        phoneNumber ? joinValue([countryCode, phoneNumber]) : emptyValue,
+        joinValue([countryCode, phoneNumber]),
         omitCountryCodeField
           ? { phoneNumber }
           : { countryCode, phoneNumber }
@@ -171,24 +216,16 @@ function PhoneNumber(props: Props) {
     numberRef.current = phoneNumber
 
     if (lang !== langRef.current || !wasFilled.current) {
-      countryCodeRef.current = countryCode || defaultCountryCode
+      if (!countryCodeRef.current || countryCode) {
+        countryCodeRef.current = countryCode || defaultCountryCode
+      }
       langRef.current = lang
 
       updateCurrentDataSet()
     }
   }, [props.value, lang, updateCurrentDataSet])
 
-  /**
-   * On external value change, update the internal,
-   * only so onFocus and onBlur does have correct (eventually empty) value.
-   */
-  useEffect(() => {
-    const [countryCode, phoneNumber] = splitValue(props.value)
-    const newValue = phoneNumber
-      ? joinValue([countryCode, phoneNumber])
-      : emptyValue
-    updateValue(newValue)
-  }, [props.value, emptyValue, updateValue])
+  const prevCountryCodeRef = React.useRef(countryCodeRef.current)
 
   const handleCountryCodeChange = useCallback(
     ({ data }: { data: { selectedKey: string } }) => {
@@ -251,7 +288,7 @@ function PhoneNumber(props: Props) {
     [callOnChange, updateCurrentDataSet]
   )
 
-  const isDefault = countryCodeRef.current.includes(defaultCountryCode)
+  const isDefault = countryCodeRef.current?.includes(defaultCountryCode)
 
   return (
     <FieldBlock
@@ -263,7 +300,7 @@ function PhoneNumber(props: Props) {
       disabled={disabled}
       {...pickSpacingProps(props)}
     >
-      <Flex.Horizontal align="baseline">
+      <Flex.Horizontal align="flex-end">
         {!omitCountryCodeField && (
           <Autocomplete
             className={classnames(
@@ -271,7 +308,7 @@ function PhoneNumber(props: Props) {
               countryCodeFieldClassName
             )}
             mode="async"
-            placeholder={countryCodePlaceholder ?? ' '}
+            placeholder={countryCodePlaceholder}
             label_direction="vertical"
             label={
               countryCodeLabel ??
@@ -302,7 +339,7 @@ function PhoneNumber(props: Props) {
           autoComplete="tel-national"
           emptyValue=""
           layout="vertical"
-          label={label ?? ' '}
+          label={label}
           placeholder={
             placeholder ?? (isDefault ? defaultPlaceholder : undefined)
           }
@@ -325,6 +362,7 @@ function PhoneNumber(props: Props) {
           validateInitially={validateInitially}
           continuousValidation={continuousValidation}
           validateUnchanged={validateUnchanged}
+          inputMode="tel"
         />
       </Flex.Horizontal>
     </FieldBlock>
@@ -335,9 +373,6 @@ function makeObject(country: CountryType, lang: string) {
   return {
     selectedKey: formattCountryCode(country.cdc),
     selected_value: `${country.iso} (${formattCountryCode(country.cdc)})`,
-    search_content: Object.values(country.i18n).map(
-      (v) => `${formattCountryCode(country.cdc)} ${v}`
-    ),
     content: `${formattCountryCode(country.cdc)} ${
       country.i18n[lang] ?? country.i18n.en
     }`,
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/PhoneNumber.screenshot.test.ts b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/PhoneNumber.screenshot.test.ts
index 113ba26f5b4..6302186a612 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/PhoneNumber.screenshot.test.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/PhoneNumber.screenshot.test.ts
@@ -3,10 +3,12 @@ import {
   setupPageScreenshot,
 } from '../../../../../core/jest/jestSetupScreenshots'
 
+const url = '/uilib/extensions/forms/feature-fields/PhoneNumber/demos'
+
 describe.each(['ui'])('PhoneNumber for %s', (themeName) => {
   setupPageScreenshot({
     themeName,
-    url: '/uilib/extensions/forms/feature-fields/PhoneNumber/demos',
+    url,
   })
 
   it('have to match with a label', async () => {
@@ -20,7 +22,7 @@ describe.each(['ui'])('PhoneNumber for %s', (themeName) => {
 describe('PhoneNumber', () => {
   it('have to match medium screen', async () => {
     const screenshot = await makeScreenshot({
-      url: '/uilib/extensions/forms/feature-fields/PhoneNumber/demos',
+      url,
       pageViewport: {
         width: 600,
       },
@@ -31,7 +33,7 @@ describe('PhoneNumber', () => {
 
   it('have to match small screen', async () => {
     const screenshot = await makeScreenshot({
-      url: '/uilib/extensions/forms/feature-fields/PhoneNumber/demos',
+      url,
       pageViewport: {
         width: 300,
       },
@@ -39,4 +41,12 @@ describe('PhoneNumber', () => {
     })
     expect(screenshot).toMatchImageSnapshot()
   })
+
+  it('have to match long label', async () => {
+    const screenshot = await makeScreenshot({
+      url,
+      selector: '[data-visual-test="phone-number-long-label"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/PhoneNumber.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/PhoneNumber.test.tsx
index 3ac60017466..caaf670f11c 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/PhoneNumber.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/PhoneNumber.test.tsx
@@ -5,6 +5,7 @@ import userEvent from '@testing-library/user-event'
 import PhoneNumber from '..'
 import { Provider } from '../../../../../shared'
 import { Form } from '../../..'
+import { JSONSchema7 } from 'json-schema'
 
 describe('Field.PhoneNumber', () => {
   it('should default to 47', () => {
@@ -54,47 +55,6 @@ describe('Field.PhoneNumber', () => {
     expect(labelElement()).not.toHaveAttribute('disabled')
   })
 
-  it('should change locale', () => {
-    const { rerender } = render(
-      <Provider>
-        <PhoneNumber />
-      </Provider>
-    )
-
-    const codeElement = document.querySelector(
-      '.dnb-forms-field-phone-number__country-code input'
-    )
-
-    fireEvent.mouseDown(codeElement)
-
-    const selectedItemElement = () =>
-      document.querySelector(
-        '.dnb-drawer-list__option.dnb-drawer-list__option--selected'
-      )
-
-    expect(selectedItemElement().textContent).toBe('+47 Norge')
-
-    rerender(
-      <Provider locale="en-GB">
-        <PhoneNumber />
-      </Provider>
-    )
-
-    fireEvent.mouseDown(codeElement)
-
-    expect(selectedItemElement().textContent).toBe('+47 Norway')
-
-    rerender(
-      <Provider locale="nb-NO">
-        <PhoneNumber />
-      </Provider>
-    )
-
-    fireEvent.mouseDown(codeElement)
-
-    expect(selectedItemElement().textContent).toBe('+47 Norge')
-  })
-
   it('should only have a mask when +47 is given', async () => {
     const { rerender } = render(<PhoneNumber value="999999990000" />)
 
@@ -725,6 +685,42 @@ describe('Field.PhoneNumber', () => {
     expect(document.querySelector('.dnb-form-status')).toBeInTheDocument()
   })
 
+  it('should validate schema', async () => {
+    const schema: JSONSchema7 = {
+      type: 'string',
+      pattern: '^\\+47 [49]+',
+    }
+
+    render(<PhoneNumber schema={schema} />)
+
+    const numberElement = () =>
+      document.querySelector(
+        '.dnb-forms-field-phone-number__number input'
+      ) as HTMLInputElement
+
+    await userEvent.type(numberElement(), '123')
+    fireEvent.blur(numberElement())
+
+    expect(numberElement().value).toBe('12 3​ ​​ ​​')
+    expect(document.querySelector('.dnb-form-status')).toBeInTheDocument()
+
+    await userEvent.type(numberElement(), '{Backspace>8}456')
+    fireEvent.blur(numberElement())
+
+    expect(numberElement().value).toBe('45 6​ ​​ ​​')
+    expect(
+      document.querySelector('.dnb-form-status')
+    ).not.toBeInTheDocument()
+  })
+
+  it('should not validate initially when required and contry code is provided as a value', () => {
+    render(<PhoneNumber required value="+47" />)
+
+    expect(
+      document.querySelector('.dnb-form-status')
+    ).not.toBeInTheDocument()
+  })
+
   it('should execute validateInitially if required', () => {
     const { rerender } = render(<PhoneNumber required validateInitially />)
 
@@ -736,4 +732,108 @@ describe('Field.PhoneNumber', () => {
       document.querySelector('.dnb-form-status')
     ).not.toBeInTheDocument()
   })
+
+  it('phone number input should have tel input mode', () => {
+    render(<PhoneNumber />)
+
+    const phoneNumberInput = document.querySelector(
+      '.dnb-forms-field-phone-number__number .dnb-input__input'
+    )
+
+    expect(phoneNumberInput).toHaveAttribute('inputmode', 'tel')
+  })
+
+  describe('locale', () => {
+    it('should change locale', () => {
+      const { rerender } = render(
+        <Provider>
+          <PhoneNumber />
+        </Provider>
+      )
+
+      const codeElement = document.querySelector(
+        '.dnb-forms-field-phone-number__country-code input'
+      )
+
+      fireEvent.mouseDown(codeElement)
+
+      const selectedItemElement = () =>
+        document.querySelector(
+          '.dnb-drawer-list__option.dnb-drawer-list__option--selected'
+        )
+
+      expect(selectedItemElement().textContent).toBe('+47 Norge')
+
+      rerender(
+        <Provider locale="en-GB">
+          <PhoneNumber />
+        </Provider>
+      )
+
+      fireEvent.mouseDown(codeElement)
+
+      expect(selectedItemElement().textContent).toBe('+47 Norway')
+
+      rerender(
+        <Provider locale="nb-NO">
+          <PhoneNumber />
+        </Provider>
+      )
+
+      fireEvent.mouseDown(codeElement)
+
+      expect(selectedItemElement().textContent).toBe('+47 Norge')
+    })
+
+    it('should show search results based on locale', async () => {
+      const { rerender } = render(
+        <Provider>
+          <PhoneNumber />
+        </Provider>
+      )
+
+      const codeElement: HTMLInputElement = document.querySelector(
+        '.dnb-forms-field-phone-number__country-code input'
+      )
+
+      const currentOptions = () =>
+        Array.from(
+          document.querySelectorAll(
+            '.dnb-drawer-list__options .dnb-drawer-list__option__inner'
+          )
+        ).map((option: HTMLSpanElement) => option.textContent)
+
+      await userEvent.click(codeElement)
+
+      await userEvent.clear(codeElement)
+      await userEvent.type(codeElement, 'Chi')
+
+      expect(currentOptions()).toContain('+56 Chile')
+      expect(currentOptions()).not.toContain('+86 Kina')
+
+      rerender(
+        <Provider locale="en-GB">
+          <PhoneNumber />
+        </Provider>
+      )
+
+      await userEvent.clear(codeElement)
+      await userEvent.type(codeElement, 'Chi')
+
+      expect(currentOptions()).toContain('+56 Chile')
+      expect(currentOptions()).toContain('+86 China')
+
+      rerender(
+        <Provider locale="nb-NO">
+          <PhoneNumber />
+        </Provider>
+      )
+
+      await userEvent.clear(codeElement)
+      await userEvent.type(codeElement, 'Chi')
+
+      expect(currentOptions()).toContain('+56 Chile')
+      expect(currentOptions()).not.toContain('+86 Kina')
+    })
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/__image_snapshots__/phonenumber-have-to-match-long-label.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/__image_snapshots__/phonenumber-have-to-match-long-label.snap.png
new file mode 100644
index 00000000000..6eff2c9447a
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/__tests__/__image_snapshots__/phonenumber-have-to-match-long-label.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/style/dnb-phone-number.scss b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/style/dnb-phone-number.scss
index c7fd7cc57ea..8f753dcd952 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/style/dnb-phone-number.scss
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/PhoneNumber/style/dnb-phone-number.scss
@@ -10,4 +10,8 @@
   &__number {
     flex: 1;
   }
+
+  .dnb-form-label {
+    max-width: 14ch;
+  }
 }
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx
index e8d59521786..511e4f31d15 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx
@@ -37,6 +37,7 @@ function PostalCodeAndCity(props: Props) {
         <StringComponent
           {...postalCode}
           pattern={postalCode.pattern ?? '^[0-9]{4}$'}
+          mask={[/\d/, /\d/, /\d/, /\d/]}
           className={classnames(
             'dnb-forms-field-postal-code-and-city__postal-code',
             postalCode.className
@@ -55,6 +56,7 @@ function PostalCodeAndCity(props: Props) {
           placeholder={postalCode.placeholder ?? '0000'}
           width={false}
           inputClassName="dnb-forms-field-postal-code-and-city__postal-code-input"
+          inputMode="numeric"
         />
         <StringComponent
           {...city}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/PostalCodeAndCity/__tests__/PostalCodeAndCity.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/PostalCodeAndCity/__tests__/PostalCodeAndCity.test.tsx
index d65d4822741..f5f79b9cfab 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/PostalCodeAndCity/__tests__/PostalCodeAndCity.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/PostalCodeAndCity/__tests__/PostalCodeAndCity.test.tsx
@@ -1,10 +1,36 @@
 import React from 'react'
 import { render } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
 import PostalCodeAndCity, { Props } from '..'
 
+const props: Props = { postalCode: {}, city: {} }
+
 describe('Field.PostalCodeAndCity', () => {
   it('should render with props', () => {
-    const props: Props = { postalCode: {}, city: {} }
     render(<PostalCodeAndCity {...props} />)
   })
+
+  it('postal code should only allow four numbers', async () => {
+    render(<PostalCodeAndCity {...props} />)
+
+    const postalCodeInput = document.querySelector(
+      '.dnb-forms-field-postal-code-and-city__postal-code .dnb-input__input'
+    ) as HTMLInputElement
+
+    expect(postalCodeInput).toHaveValue('')
+
+    await userEvent.type(postalCodeInput, '123456')
+
+    expect(postalCodeInput).toHaveValue('1234')
+  })
+
+  it('postal could should have numeric input mode', () => {
+    render(<PostalCodeAndCity {...props} />)
+
+    const postalCodeInput = document.querySelector(
+      '.dnb-forms-field-postal-code-and-city__postal-code-input .dnb-input__input'
+    )
+
+    expect(postalCodeInput).toHaveAttribute('inputmode', 'numeric')
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/Selection.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/Selection.tsx
index adc721091bc..12e8920d1c1 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/Selection.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/Selection.tsx
@@ -5,8 +5,6 @@ import {
   Radio,
   HelpButton,
 } from '../../../../components'
-import ButtonRow from '../../Form/ButtonRow'
-import FieldBlock from '../../FieldBlock'
 import classnames from 'classnames'
 import { makeUniqueId } from '../../../../shared/component-helper'
 import SharedContext from '../../../../shared/Context'
@@ -14,12 +12,13 @@ import Option from '../Option'
 import { useDataValue } from '../../hooks'
 import { FormError, FieldProps, FieldHelpProps } from '../../types'
 import { pickSpacingProps } from '../../../../components/flex/utils'
-import ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'
+import type { FormStatusText } from '../../../../components/FormStatus'
+import FieldBlock from '../../FieldBlock'
 
 interface IOption {
   title: string | React.ReactNode
   value: number | string
-  handleSelect: () => void
+  status: FormStatusText
 }
 
 export type Props = FieldHelpProps &
@@ -70,7 +69,7 @@ function Selection(props: Props) {
     [handleChange, emptyValue, clearValue]
   )
 
-  const handleRadioChange = useCallback(
+  const onChangeHandler = useCallback(
     ({ value }) => {
       handleChange?.(value === undefined ? emptyValue : value)
     },
@@ -94,7 +93,12 @@ function Selection(props: Props) {
     [setHasFocus]
   )
 
-  const cn = classnames('dnb-forms-field-selection', className)
+  const cn = classnames(
+    'dnb-forms-field-selection',
+    `dnb-forms-field-selection__variant--${variant}`,
+    `dnb-forms-field-selection__options-layout--${optionsLayout}`,
+    className
+  )
 
   const fieldBlockProps = {
     forId: id,
@@ -109,70 +113,87 @@ function Selection(props: Props) {
     labelSecondary,
   }
 
+  const getStatus = useCallback(
+    (error: Error | FormError | undefined) => {
+      return (
+        error?.message ??
+        ((warning instanceof Error && warning.message) ||
+          (warning instanceof FormError && warning.message) ||
+          warning?.toString() ||
+          (info instanceof Error && info.message) ||
+          (info instanceof FormError && info.message) ||
+          info?.toString())
+      )
+    },
+    [info, warning]
+  )
+
   const options: IOption[] = useMemo(
     () =>
       React.Children.toArray(children)
         .filter(
           (child) => React.isValidElement(child) && child.type === Option
         )
-        .map((option: React.ReactElement) => ({
-          title: option.props.title ?? option.props.children,
-          value: option.props.value,
-          handleSelect: () => {
-            const selected = option.props.value
+        .map((option: React.ReactElement) => {
+          const {
+            value: v,
+            error,
+            title,
+            children,
+            ...rest
+          } = option.props
+
+          const status = getStatus(error)
 
-            handleChange?.(selected === value ? emptyValue : selected)
-          },
-        })),
-    [children, value, emptyValue, handleChange]
+          return {
+            title: title ?? children,
+            value: v,
+            status,
+            ...rest,
+          }
+        }),
+    [children, getStatus]
   )
 
+  const status = getStatus(error)
+
   switch (variant) {
     case 'radio':
-      return (
-        <Radio.Group
-          className={cn}
-          label={label}
-          layout_direction={
-            optionsLayout === 'horizontal' ? 'row' : 'column'
-          }
-          vertical={layout === 'vertical'}
-          on_change={handleRadioChange}
-          value={String(value ?? '')}
-          {...pickSpacingProps(props)}
-        >
-          {options.map((option, i) => (
-            <Radio
-              key={`option-${i}-${option.value}`}
-              label={option.title}
-              value={String(option.value ?? '')}
-            />
-          ))}
-        </Radio.Group>
-      )
-    case 'button':
+    case 'button': {
+      const Component = (
+        variant === 'radio' ? Radio : ToggleButton
+      ) as typeof Radio & typeof ToggleButton
+
       return (
         <FieldBlock {...fieldBlockProps}>
-          <ButtonRow>
-            <ToggleButtonGroupContext.Provider
-              value={{
-                status: error ? 'error' : undefined,
-                disabled,
-              }}
-            >
-              {options.map((option, i) => (
-                <ToggleButton
-                  id={options.length > 0 ? id : undefined}
-                  key={`option-${i}-${option.value}`}
-                  text={option.title}
-                  on_change={option.handleSelect}
-                  checked={option.value === value}
+          <Component.Group
+            className={cn}
+            layout_direction={
+              optionsLayout === 'horizontal' ? 'row' : 'column'
+            }
+            disabled={disabled}
+            on_change={onChangeHandler}
+            value={String(value ?? '')}
+          >
+            {options.map((option, i) => {
+              const { value, title, status, ...rest } = option
+              return (
+                <Component
+                  id={options.length === 1 ? id : undefined}
+                  key={`option-${i}-${value}`}
+                  label={variant === 'radio' ? title : undefined}
+                  text={variant === 'button' ? title : undefined}
+                  value={String(value ?? '')}
+                  status={status}
+                  {...rest}
                 />
-              ))}
-            </ToggleButtonGroupContext.Provider>
-          </ButtonRow>
+              )
+            })}
+          </Component.Group>
         </FieldBlock>
       )
+    }
+
     case 'dropdown': {
       const optionsData = React.Children.map(children, (child) => {
         if (React.isValidElement(child) && child.type === Option) {
@@ -213,41 +234,28 @@ function Selection(props: Props) {
       ].filter(Boolean)
 
       return (
-        <Dropdown
-          className={classnames(
-            'dnb-forms-field-selection',
-            width !== 'stretch' &&
-              `dnb-forms-field-selection--width-${width}`,
-            className
-          )}
-          list_class="dnb-forms-field-selection__list"
-          portal_class="dnb-forms-field-selection__portal"
-          title={placeholder}
-          value={String(value ?? '')}
-          label={label}
-          label_direction={layout}
-          status={
-            error?.message ??
-            ((warning instanceof Error && warning.message) ||
-              (warning instanceof FormError && warning.message) ||
-              warning?.toString() ||
-              (info instanceof Error && info.message) ||
-              (info instanceof FormError && info.message) ||
-              info?.toString())
-          }
-          disabled={disabled}
-          data={data}
-          suffix={
-            help ? (
-              <HelpButton title={help.title}>{help.contents}</HelpButton>
-            ) : undefined
-          }
-          on_change={handleDropdownChange}
-          on_show={handleShow}
-          on_hide={handleHide}
-          {...pickSpacingProps(props)}
-          stretch={width === 'stretch'}
-        />
+        <FieldBlock {...fieldBlockProps} width={width}>
+          <Dropdown
+            id={id}
+            list_class="dnb-forms-field-selection__list"
+            portal_class="dnb-forms-field-selection__portal"
+            title={placeholder}
+            value={String(value ?? '')}
+            status={status && 'error'}
+            disabled={disabled}
+            data={data}
+            suffix={
+              help ? (
+                <HelpButton title={help.title}>{help.contents}</HelpButton>
+              ) : undefined
+            }
+            on_change={handleDropdownChange}
+            on_show={handleShow}
+            on_hide={handleHide}
+            {...pickSpacingProps(props)}
+            stretch
+          />
+        </FieldBlock>
       )
     }
   }
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/Selection.screenshot.test.ts b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/Selection.screenshot.test.ts
new file mode 100644
index 00000000000..aa23536d524
--- /dev/null
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/Selection.screenshot.test.ts
@@ -0,0 +1,95 @@
+import {
+  makeScreenshot,
+  setupPageScreenshot,
+} from '../../../../../core/jest/jestSetupScreenshots'
+
+describe('Selection', () => {
+  setupPageScreenshot({
+    url: '/uilib/extensions/forms/base-fields/Selection/demos',
+  })
+
+  describe('dropdown', () => {
+    it('have to match dropdown-default', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="selection-dropdown-default"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match dropdown-horizontal', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="selection-dropdown-horizontal"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match dropdown-help', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="selection-dropdown-help"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match dropdown-widths', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="selection-dropdown-widths"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+  })
+
+  describe('radio', () => {
+    it('have to match radio-options-vertical', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="selection-radio-options-vertical"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match radio-options-horizontal', async () => {
+      const screenshot = await makeScreenshot({
+        selector:
+          '[data-visual-test="selection-radio-options-horizontal"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match radio-vertical', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="selection-radio-vertical"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match radio-horizontal', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="selection-radio-horizontal"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+  })
+
+  describe('button', () => {
+    it('have to match button-options-vertical', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="selection-button-options-vertical"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match button-options-horizontal', async () => {
+      const screenshot = await makeScreenshot({
+        selector:
+          '[data-visual-test="selection-button-options-horizontal"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+
+    it('have to match button-vertical', async () => {
+      const screenshot = await makeScreenshot({
+        selector: '[data-visual-test="selection-button-vertical"]',
+      })
+      expect(screenshot).toMatchImageSnapshot()
+    })
+  })
+})
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/Selection.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/Selection.test.tsx
index 3388d172193..1d18d6d6358 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/Selection.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/Selection.test.tsx
@@ -377,4 +377,25 @@ describe('Selection', () => {
     const element = document.querySelector('.dnb-dropdown')
     expect(element.className).toContain('dnb-dropdown__status--error')
   })
+
+  it('shows error in individual button item', () => {
+    render(
+      <Field.Selection variant="button">
+        <Field.Option
+          value="foo"
+          error={new Error('This is what went wrong')}
+        >
+          Fooo
+        </Field.Option>
+        <Field.Option value="bar">Baar</Field.Option>
+      </Field.Selection>
+    )
+    const [first, second] = Array.from(
+      document.querySelectorAll('.dnb-toggle-button')
+    )
+    expect(first.className).toContain('dnb-toggle-button__status--error')
+    expect(second.className).not.toContain(
+      'dnb-toggle-button__status--error'
+    )
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-horizontal.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-horizontal.snap.png
new file mode 100644
index 00000000000..f0f75659a1f
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-horizontal.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-options-horizontal.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-options-horizontal.snap.png
new file mode 100644
index 00000000000..67d00753663
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-options-horizontal.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-options-vertical.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-options-vertical.snap.png
new file mode 100644
index 00000000000..c7c43fd9d43
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-options-vertical.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-vertical.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-vertical.snap.png
new file mode 100644
index 00000000000..46e59b310f6
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-button-have-to-match-button-vertical.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-default.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-default.snap.png
new file mode 100644
index 00000000000..c6f06d88606
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-default.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-help.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-help.snap.png
new file mode 100644
index 00000000000..71c5495139b
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-help.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-horizontal.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-horizontal.snap.png
new file mode 100644
index 00000000000..f56410b150b
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-horizontal.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-widths.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-widths.snap.png
new file mode 100644
index 00000000000..98f6c605da0
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-dropdown-have-to-match-dropdown-widths.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-horizontal.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-horizontal.snap.png
new file mode 100644
index 00000000000..4c0a6da9335
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-horizontal.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-options-horizontal.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-options-horizontal.snap.png
new file mode 100644
index 00000000000..94aa672057d
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-options-horizontal.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-options-vertical.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-options-vertical.snap.png
new file mode 100644
index 00000000000..530e8e8f07b
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-options-vertical.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-vertical.snap.png b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-vertical.snap.png
new file mode 100644
index 00000000000..5fd029959a6
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/__tests__/__image_snapshots__/selection-radio-have-to-match-radio-vertical.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/stories/Selection.stories.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/stories/Selection.stories.tsx
new file mode 100644
index 00000000000..0ee58504bd5
--- /dev/null
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/stories/Selection.stories.tsx
@@ -0,0 +1,54 @@
+import React from 'react'
+import { Card } from '../../../../../components'
+import { Field } from '../../..'
+
+export default {
+  title: 'Eufemia/Extensions/Forms/Selection',
+}
+
+export function Selection() {
+  return (
+    <Card stack>
+      <Field.Selection
+        label="Label"
+        onChange={(value) => console.log('onChange', value)}
+      >
+        <Field.Option value="foo" title="Foo!" />
+        <Field.Option value="bar" title="Baar!" />
+      </Field.Selection>
+
+      <Field.Selection
+        label="Label"
+        variant="radio"
+        layout="horizontal"
+        optionsLayout="horizontal"
+        // error={new FormError('This is what is wrong...')}
+        onChange={(value) => console.log('onChange', value)}
+      >
+        <Field.Option
+          value="foo"
+          title="Foo!"
+          // error={new FormError('This is what is wrong...')}
+        />
+        <Field.Option value="bar" title="Baar!" />
+      </Field.Selection>
+
+      <Field.Selection
+        label="Label"
+        variant="button"
+        layout="horizontal"
+        optionsLayout="horizontal"
+        value="foo"
+        // error={new FormError('This is what is wrong...')}
+        onChange={(value) => console.log('onChange', value)}
+      >
+        <Field.Option
+          value="foo"
+          title="Foo!"
+          // error={new FormError('This is what is wrong...')}
+        />
+        <Field.Option value="bar" title="Baar!" />
+      </Field.Selection>
+    </Card>
+  )
+}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/style/dnb-selection.scss b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/style/dnb-selection.scss
index dd9fa8703f0..f88c0a40b7c 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/Selection/style/dnb-selection.scss
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/Selection/style/dnb-selection.scss
@@ -1,18 +1,23 @@
 .dnb-forms-field-selection {
-  &--width {
-    &-large {
-      .dnb-dropdown__shell {
-        width: var(--forms-field-width--large);
+  &__variant--dropdown {
+    .dnb-forms-field-block {
+      &--layout-horizontal .dnb-form-label {
+        align-self: center;
       }
     }
-    &-medium {
-      .dnb-dropdown__shell {
-        width: var(--forms-field-width--medium);
+  }
+  &__variant--dropdown,
+  &__options-layout--horizontal {
+    .dnb-forms-field-block {
+      &--layout-horizontal .dnb-form-label {
+        margin-bottom: 0;
       }
     }
-    &-small {
-      .dnb-dropdown__shell {
-        width: var(--forms-field-width--small);
+  }
+  &__variant--button {
+    .dnb-forms-field-block {
+      &--layout-horizontal .dnb-form-label {
+        line-height: 2.5rem;
       }
     }
   }
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 4eb8f91429a..9bb0e87ac7a 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/String/String.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/String/String.tsx
@@ -30,6 +30,7 @@ export type Props = FieldHelpProps &
     clear?: boolean
     autoresize?: boolean
     autoComplete?: HTMLInputElement['autocomplete']
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode']
     autoresizeMaxRows?: number
     characterCounter?: boolean
     mask?: InputMaskedProps['mask']
@@ -66,12 +67,15 @@ function StringComponent(props: Props) {
     [props.schema, props.minLength, props.maxLength, props.pattern]
   )
   const fromInput = useCallback(
-    ({ value, cleanedValue }: { value: string; cleanedValue: string }) => {
-      if (value === '') {
+    (event: { value: string; cleanedValue?: string }) => {
+      if (typeof event === 'string') {
+        event = { value: event }
+      }
+      if (event?.value === '') {
         return props.emptyValue
       }
       // Cleaned value for masked
-      return cleanedValue ?? value
+      return event?.cleanedValue ?? event?.value
     },
     [props.emptyValue]
   )
@@ -89,6 +93,7 @@ function StringComponent(props: Props) {
     name,
     className,
     autoComplete,
+    inputMode,
     innerRef,
     inputClassName,
     layout,
@@ -101,6 +106,7 @@ function StringComponent(props: Props) {
     info,
     warning,
     error,
+    hasError,
     disabled,
     help,
     multiline,
@@ -128,6 +134,7 @@ function StringComponent(props: Props) {
     id,
     name,
     autoComplete,
+    inputMode,
     className: cn,
     placeholder: placeholder,
     suffix: help ? (
@@ -139,7 +146,7 @@ function StringComponent(props: Props) {
     disabled: disabled,
     stretch: width !== undefined,
     inner_ref: innerRef,
-    status: error ? 'error' : undefined,
+    status: error || hasError ? 'error' : undefined,
     value: value?.toString() ?? '',
   }
 
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/String/__tests__/String.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/String/__tests__/String.test.tsx
index 37b113de3a1..1fff0cf36be 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Field/String/__tests__/String.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Field/String/__tests__/String.test.tsx
@@ -1,6 +1,12 @@
 import React from 'react'
 import { wait } from '../../../../../core/jest/jestSetup'
-import { screen, render, waitFor, act } from '@testing-library/react'
+import {
+  screen,
+  render,
+  waitFor,
+  act,
+  fireEvent,
+} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as DataContext from '../../../DataContext'
 import * as Field from '../..'
@@ -29,8 +35,12 @@ const asyncValidatorResolvingWithError = () =>
 describe('Field.String', () => {
   describe('props', () => {
     it('renders value', () => {
-      render(<Field.String value="test123" />)
-      expect(screen.getByDisplayValue('test123')).toBeInTheDocument()
+      const { rerender } = render(<Field.String value="test123" />)
+      expect(document.querySelector('input')).toHaveValue('test123')
+
+      rerender(<Field.String value="test123" multiline />)
+
+      expect(document.querySelector('textarea')).toHaveValue('test123')
     })
 
     it('renders placeholder', () => {
@@ -69,6 +79,70 @@ describe('Field.String', () => {
       expect(labelElement()).not.toHaveAttribute('disabled')
     })
 
+    it('should support capitalize prop', async () => {
+      const onChange = jest.fn()
+
+      render(
+        <Field.String onChange={onChange} capitalize value="first WORD" />
+      )
+
+      const input = document.querySelector('input')
+
+      await userEvent.type(input, ' second')
+      expect(input).toHaveValue('First Word Second')
+
+      expect(onChange).toHaveBeenLastCalledWith('First Word Second')
+
+      await userEvent.type(input, ' WORD')
+      expect(input).toHaveValue('First Word Second Word')
+
+      expect(onChange).toHaveBeenLastCalledWith('First Word Second Word')
+
+      await userEvent.type(input, '{Backspace>22}')
+      expect(input).toHaveValue('')
+
+      await userEvent.type(input, 'æøå')
+      expect(input).toHaveValue('Æøå')
+    })
+
+    it('should trim whitespaces', async () => {
+      const onChange = jest.fn()
+      const onBlur = jest.fn()
+
+      render(
+        <Field.String
+          trim
+          value=" first"
+          onChange={onChange}
+          onBlur={onBlur}
+        />
+      )
+
+      const input = document.querySelector('input')
+
+      expect(input).toHaveValue(' first')
+
+      await userEvent.type(input, ' second ')
+
+      expect(onChange).toHaveBeenLastCalledWith(' first second ')
+
+      fireEvent.blur(input)
+
+      expect(input).toHaveValue('first second')
+      expect(onBlur).toHaveBeenLastCalledWith('first second')
+      expect(onChange).toHaveBeenLastCalledWith('first second')
+
+      await userEvent.type(input, '{Backspace>12}third')
+
+      expect(onChange).toHaveBeenLastCalledWith('third')
+
+      fireEvent.blur(input)
+
+      expect(input).toHaveValue('third')
+      expect(onBlur).toHaveBeenLastCalledWith('third')
+      expect(onChange).toHaveBeenLastCalledWith('third')
+    })
+
     it('input is connected to label', () => {
       const { rerender } = render(<Field.String label="Label" />)
 
@@ -197,16 +271,12 @@ describe('Field.String', () => {
       render(<Field.String value="song2" onBlur={onBlur} />)
       const input = document.querySelector('input')
       input.focus()
-      act(() => {
-        input.blur()
-      })
+      fireEvent.blur(input)
       await wait(0)
       expect(onBlur.mock.calls).toHaveLength(1)
       expect(onBlur.mock.calls[0][0]).toEqual('song2')
       await userEvent.type(input, '345')
-      act(() => {
-        input.blur()
-      })
+      fireEvent.blur(input)
       expect(onBlur.mock.calls).toHaveLength(2)
       expect(onBlur.mock.calls[1][0]).toEqual('song2345')
     })
@@ -234,9 +304,7 @@ describe('Field.String', () => {
           )
           const input = document.querySelector('input')
           expect(screen.queryByRole('alert')).not.toBeInTheDocument()
-          act(() => {
-            input.blur()
-          })
+          fireEvent.blur(input)
           expect(screen.queryByRole('alert')).not.toBeInTheDocument()
         })
 
@@ -254,15 +322,11 @@ describe('Field.String', () => {
           await userEvent.type(input, 'd')
           expect(screen.queryByRole('alert')).not.toBeInTheDocument()
           // Error should be visible after blurring the field
-          act(() => {
-            input.blur()
-          })
+          fireEvent.blur(input)
           expect(screen.getByRole('alert')).toBeInTheDocument()
           // But remain gone when it becomes valid before blurring
           await userEvent.type(input, 'ef')
-          act(() => {
-            input.blur()
-          })
+          fireEvent.blur(input)
           expect(screen.queryByRole('alert')).not.toBeInTheDocument()
         })
       })
@@ -294,9 +358,7 @@ describe('Field.String', () => {
           const input = document.querySelector('input')
           expect(screen.queryByRole('alert')).not.toBeInTheDocument()
           input.focus()
-          act(() => {
-            input.blur()
-          })
+          fireEvent.blur(input)
           await waitFor(() => {
             expect(screen.getByRole('alert')).toBeInTheDocument()
           })
@@ -312,10 +374,8 @@ describe('Field.String', () => {
       it('should show error for empty value', async () => {
         render(<Field.String value="a" required />)
         const input = document.querySelector('input')
-        await userEvent.type(input, '{backspace}')
-        act(() => {
-          input.blur()
-        })
+        await userEvent.type(input, '{Backspace}')
+        fireEvent.blur(input)
         expect(screen.getByRole('alert')).toBeInTheDocument()
       })
 
@@ -323,11 +383,22 @@ describe('Field.String', () => {
         render(<Field.String value="a" required />)
         const input = document.querySelector('input')
         await userEvent.type(input, 'b')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
         expect(screen.queryByRole('alert')).not.toBeInTheDocument()
       })
+
+      it('should show error for initially empty value when required and validateInitially is set', async () => {
+        render(<Field.String value="" required validateInitially />)
+        expect(screen.getByRole('alert')).toBeInTheDocument()
+      })
+
+      it('should show error for initially empty value when required and blur event when validateUnchanged is set', async () => {
+        render(<Field.String value="" required validateUnchanged />)
+        const input = document.querySelector('input')
+        input.focus()
+        fireEvent.blur(input)
+        expect(screen.getByRole('alert')).toBeInTheDocument()
+      })
     })
 
     describe('validation based on minLength-prop', () => {
@@ -335,9 +406,7 @@ describe('Field.String', () => {
         render(<Field.String value="abc" minLength={5} />)
         const input = document.querySelector('input')
         await userEvent.type(input, 'd')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
         expect(screen.getByRole('alert')).toBeInTheDocument()
       })
 
@@ -345,9 +414,7 @@ describe('Field.String', () => {
         render(<Field.String value="abc" minLength={2} />)
         const input = document.querySelector('input')
         await userEvent.type(input, 'd')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
         expect(screen.queryByRole('alert')).not.toBeInTheDocument()
       })
     })
@@ -357,9 +424,7 @@ describe('Field.String', () => {
         render(<Field.String value="abc" maxLength={3} />)
         const input = document.querySelector('input')
         await userEvent.type(input, 'd')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
         expect(screen.getByRole('alert')).toBeInTheDocument()
       })
 
@@ -367,9 +432,7 @@ describe('Field.String', () => {
         render(<Field.String value="abc" maxLength={4} />)
         const input = document.querySelector('input')
         await userEvent.type(input, 'd')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
         expect(screen.queryByRole('alert')).not.toBeInTheDocument()
       })
     })
@@ -379,9 +442,7 @@ describe('Field.String', () => {
         render(<Field.String value="abcdef" pattern="^[a-z]{2}[0-9]+" />)
         const input = document.querySelector('input')
         await userEvent.type(input, 'g')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
         expect(screen.getByRole('alert')).toBeInTheDocument()
       })
 
@@ -389,9 +450,7 @@ describe('Field.String', () => {
         render(<Field.String value="ab1" pattern="^[a-z]{2}[0-9]+" />)
         const input = document.querySelector('input')
         await userEvent.type(input, '2')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
         expect(screen.queryByRole('alert')).not.toBeInTheDocument()
       })
     })
@@ -417,9 +476,7 @@ describe('Field.String', () => {
 
         const input = document.querySelector('input')
         await userEvent.type(input, 'def')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
 
         await waitFor(() => {
           expect(validator.mock.calls).toHaveLength(4)
@@ -475,9 +532,7 @@ describe('Field.String', () => {
         await userEvent.type(input, 'def')
 
         act(() => {
-          act(() => {
-            input.blur()
-          })
+          fireEvent.blur(input)
         })
 
         expect(validator.mock.calls).toHaveLength(4)
@@ -524,9 +579,7 @@ describe('Field.String', () => {
         })
         const input = document.querySelector('input')
         await userEvent.type(input, 'def')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
 
         await waitFor(() => {
           // Wait for since external validators are processed asynchronously
@@ -552,9 +605,7 @@ describe('Field.String', () => {
         )
         const input = document.querySelector('input')
         await userEvent.type(input, 'd')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
         await expectNever(() => {
           // Can't just waitFor and expect not to be in the document, it would approve the first render before the error might appear async.
           expect(screen.queryByRole('alert')).toBeInTheDocument()
@@ -580,9 +631,7 @@ describe('Field.String', () => {
         })
         const input = document.querySelector('input')
         await userEvent.type(input, 'def')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
 
         await waitFor(() => {
           // Wait for since external validators are processed asynchronously
@@ -608,9 +657,7 @@ describe('Field.String', () => {
         )
         const input = document.querySelector('input')
         await userEvent.type(input, 'd')
-        act(() => {
-          input.blur()
-        })
+        fireEvent.blur(input)
         await expectNever(() => {
           // Can't just waitFor and expect not to be in the document, it would approve the first render before the error might appear async.
           expect(screen.queryByRole('alert')).toBeInTheDocument()
diff --git a/packages/dnb-eufemia/src/extensions/forms/FieldBlock/FieldBlock.tsx b/packages/dnb-eufemia/src/extensions/forms/FieldBlock/FieldBlock.tsx
index 432f55e3ace..296302bda72 100644
--- a/packages/dnb-eufemia/src/extensions/forms/FieldBlock/FieldBlock.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/FieldBlock/FieldBlock.tsx
@@ -244,7 +244,7 @@ function useEnableFieldset({
 
       findElementInChildren(children, (child: React.ReactElement) => {
         if (
-          typeof child?.props?.label !== 'undefined' ||
+          child?.props?.label ||
           child?.type?.['_formElement'] === true
         ) {
           count++
@@ -256,7 +256,7 @@ function useEnableFieldset({
     }
 
     return Boolean(result)
-  }, [children])
+  }, [asFieldset, children, label, nestedFieldBlockContext])
 }
 
 FieldBlock._supportsSpacingProps = true
diff --git a/packages/dnb-eufemia/src/extensions/forms/FieldBlock/style/dnb-field-block.scss b/packages/dnb-eufemia/src/extensions/forms/FieldBlock/style/dnb-field-block.scss
index 3fa9a2658fc..dd293b99990 100644
--- a/packages/dnb-eufemia/src/extensions/forms/FieldBlock/style/dnb-field-block.scss
+++ b/packages/dnb-eufemia/src/extensions/forms/FieldBlock/style/dnb-field-block.scss
@@ -19,7 +19,7 @@ fieldset.dnb-forms-field-block {
         'status';
     }
     &-horizontal {
-      grid-template-columns: var(--forms-field-width--medium) auto;
+      grid-template-columns: fit-content(100%) auto;
       grid-template-areas:
         'label contents'
         'status status';
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss b/packages/dnb-eufemia/src/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss
index 3cf230687f6..e91056cbcaf 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss
+++ b/packages/dnb-eufemia/src/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss
@@ -1,5 +1,15 @@
+@import '../../../../../style/core/utilities.scss';
+
 .dnb-forms-button-row {
   display: flex;
   flex-flow: row;
   column-gap: var(--spacing-small);
+
+  .dnb-card + & {
+    &:not([class*='space__left']) {
+      @include allAbove(small) {
+        margin-left: var(--spacing-medium);
+      }
+    }
+  }
 }
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Element/__tests__/Element.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Element/__tests__/Element.test.tsx
index bf62455572d..9d87326d7c1 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Form/Element/__tests__/Element.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Form/Element/__tests__/Element.test.tsx
@@ -51,13 +51,19 @@ describe('Form.Element', () => {
     fireEvent.submit(inputElement)
 
     expect(onSubmit).toHaveBeenCalledTimes(1)
-    expect(onSubmit).toHaveBeenCalledWith({ foo: 'data-context-value' })
+    expect(onSubmit).toHaveBeenCalledWith(
+      { foo: 'Value' },
+      expect.anything()
+    )
     expect(onSubmitElement).toHaveBeenCalledTimes(1)
 
     fireEvent.click(buttonElement)
 
     expect(onSubmit).toHaveBeenCalledTimes(2)
-    expect(onSubmit).toHaveBeenCalledWith({ foo: 'data-context-value' })
+    expect(onSubmit).toHaveBeenCalledWith(
+      { foo: 'Value' },
+      expect.anything()
+    )
     expect(onSubmitElement).toHaveBeenCalledTimes(2)
 
     expect(onSubmitElement).toHaveBeenCalledWith(
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 a3fc1270bad..2749b958049 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Form/Handler/Handler.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Form/Handler/Handler.tsx
@@ -36,9 +36,9 @@ export default function FormHandler<Data extends JsonObject>({
     schema,
     onChange,
     onPathChange,
-    onSubmit: (data: Data) => {
+    onSubmit: (...args) => {
       if (typeof onSubmit === 'function') {
-        onSubmit(data)
+        onSubmit(...args)
       }
     },
     onSubmitRequest,
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Handler/__tests__/Handler.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Handler/__tests__/Handler.test.tsx
index caee1be6563..4502a038430 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Form/Handler/__tests__/Handler.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Form/Handler/__tests__/Handler.test.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { fireEvent, render } from '@testing-library/react'
+import { fireEvent, render, screen } from '@testing-library/react'
 import { Form, Field } from '../../..'
 import type { Props as StringProps } from '../../../Field/String'
 import userEvent from '@testing-library/user-event'
@@ -24,13 +24,19 @@ describe('Form.Handler', () => {
     fireEvent.submit(inputElement)
 
     expect(onSubmit).toHaveBeenCalledTimes(1)
-    expect(onSubmit).toHaveBeenCalledWith({ foo: 'data-context-value' })
+    expect(onSubmit).toHaveBeenCalledWith(
+      { foo: 'Value' },
+      expect.anything()
+    )
 
     fireEvent.change(inputElement, { target: { value: 'New Value' } })
     fireEvent.click(buttonElement)
 
     expect(onSubmit).toHaveBeenCalledTimes(2)
-    expect(onSubmit).toHaveBeenCalledWith({ foo: 'New Value' })
+    expect(onSubmit).toHaveBeenCalledWith(
+      { foo: 'New Value' },
+      expect.anything()
+    )
   })
 
   it('should call "onSubmit" from Provider at the same time', () => {
@@ -52,12 +58,18 @@ describe('Form.Handler', () => {
     fireEvent.submit(inputElement)
 
     expect(onSubmit).toHaveBeenCalledTimes(1)
-    expect(onSubmit).toHaveBeenCalledWith({ foo: 'data-context-value' })
+    expect(onSubmit).toHaveBeenCalledWith(
+      { foo: 'Value' },
+      expect.anything()
+    )
 
     fireEvent.click(buttonElement)
 
     expect(onSubmit).toHaveBeenCalledTimes(2)
-    expect(onSubmit).toHaveBeenCalledWith({ foo: 'data-context-value' })
+    expect(onSubmit).toHaveBeenCalledWith(
+      { foo: 'Value' },
+      expect.anything()
+    )
   })
 
   it('should call preventDefault', () => {
@@ -176,8 +188,11 @@ describe('Form.Handler', () => {
     )
   })
 
-  it('should call HTMLFormElement.reset on submit', () => {
-    const onSubmit = jest.fn()
+  it('should call HTMLFormElement.reset on "resetForm" call', () => {
+    const onSubmit = jest.fn((data, { resetForm }) => {
+      resetForm()
+    })
+    const onChange = jest.fn()
     const reset = jest.fn()
 
     const MockComponent = (props: StringProps) => {
@@ -185,7 +200,7 @@ describe('Form.Handler', () => {
     }
 
     render(
-      <Form.Handler data={{}} onSubmit={onSubmit}>
+      <Form.Handler data={{}} onSubmit={onSubmit} onChange={onChange}>
         <MockComponent path="/foo" />
         <Form.SubmitButton>Submit</Form.SubmitButton>
       </Form.Handler>
@@ -201,8 +216,47 @@ describe('Form.Handler', () => {
     fireEvent.click(submitElement)
 
     expect(onSubmit).toHaveBeenCalledTimes(1)
-    expect(onSubmit).toHaveBeenCalledWith({ foo: 'New Value' })
+    expect(onSubmit).toHaveBeenCalledWith(
+      { foo: 'New Value' },
+      expect.anything()
+    )
+    expect(onChange).toHaveBeenCalledTimes(1)
+    expect(onChange).toHaveBeenCalledWith({ foo: 'New Value' })
     expect(reset).toHaveBeenCalledTimes(1)
+    expect(inputElement.value).toBe('New Value')
+  })
+
+  it('should empty whole data set "clearData" call', () => {
+    const onSubmit = jest.fn((data, { clearData }) => {
+      clearData()
+    })
+    const onChange = jest.fn()
+
+    const MockComponent = (props: StringProps) => {
+      return <Field.String {...props} />
+    }
+
+    render(
+      <Form.Handler data={{}} onSubmit={onSubmit} onChange={onChange}>
+        <MockComponent path="/foo" />
+        <Form.SubmitButton>Submit</Form.SubmitButton>
+      </Form.Handler>
+    )
+
+    const inputElement = document.querySelector('input')
+    const submitElement = document.querySelector('button')
+
+    fireEvent.change(inputElement, { target: { value: 'New Value' } })
+    fireEvent.click(submitElement)
+
+    expect(inputElement.value).toBe('')
+    expect(onSubmit).toHaveBeenCalledTimes(1)
+    expect(onSubmit).toHaveBeenCalledWith(
+      { foo: 'New Value' },
+      expect.anything()
+    )
+    expect(onChange).toHaveBeenCalledTimes(1)
+    expect(onChange).toHaveBeenCalledWith({ foo: 'New Value' })
   })
 
   it('should store data to session storage when sessionStorageId is provided, but only after changes', async () => {
@@ -253,16 +307,20 @@ describe('Form.Handler', () => {
     window.sessionStorage.removeItem('test-data')
   })
 
-  it('should reset sessionStorage on submit', async () => {
+  it('should reset sessionStorage on "resetForm" call', async () => {
     const setItem = jest.spyOn(
       Object.getPrototypeOf(window.sessionStorage),
       'setItem'
     )
+    const onSubmit = jest.fn((data, { resetForm }) => {
+      resetForm()
+    })
 
     render(
       <Form.Handler
         defaultData={{ foo: 'original' }}
         sessionStorageId="test-data"
+        onSubmit={onSubmit}
       >
         <Field.String path="/foo" />
         <Form.SubmitButton />
@@ -291,4 +349,40 @@ describe('Form.Handler', () => {
 
     setItem.mockRestore()
   })
+
+  it('should show errors if form is invalid on submit', () => {
+    const onSubmit = jest.fn()
+
+    render(
+      <Form.Handler onSubmit={onSubmit}>
+        <Field.String value="" required />
+      </Form.Handler>
+    )
+
+    const formElement = document.querySelector('form')
+    fireEvent.submit(formElement)
+
+    expect(onSubmit).not.toHaveBeenCalled()
+    expect(screen.queryByRole('alert')).toBeInTheDocument()
+  })
+
+  it('should include values from fields in data, without any change', async () => {
+    const onSubmit = jest.fn()
+
+    render(
+      <Form.Handler defaultData={{ foo: 'bar' }} onSubmit={onSubmit}>
+        <Field.String path="/other" value="include this" />
+        <Form.SubmitButton />
+      </Form.Handler>,
+      { wrapper: React.StrictMode }
+    )
+
+    const buttonElement = document.querySelector('button')
+    fireEvent.click(buttonElement)
+
+    expect(onSubmit).toHaveBeenCalledWith(
+      { foo: 'bar', other: 'include this' },
+      expect.anything()
+    )
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/MainHeading/__tests__/__image_snapshots__/formmainheading-have-to-match-over-card.snap.png b/packages/dnb-eufemia/src/extensions/forms/Form/MainHeading/__tests__/__image_snapshots__/formmainheading-have-to-match-over-card.snap.png
index ab2749553d2..cbd5de1b11f 100644
Binary files a/packages/dnb-eufemia/src/extensions/forms/Form/MainHeading/__tests__/__image_snapshots__/formmainheading-have-to-match-over-card.snap.png and b/packages/dnb-eufemia/src/extensions/forms/Form/MainHeading/__tests__/__image_snapshots__/formmainheading-have-to-match-over-card.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss b/packages/dnb-eufemia/src/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss
index 1015cdfffdb..c5bc95d1db7 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss
+++ b/packages/dnb-eufemia/src/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss
@@ -1,3 +1,5 @@
+@import '../../../../../style/core/utilities.scss';
+
 .dnb-form-main-heading {
   // Reset inherited spacing
   .dnb-spacing & {
@@ -8,8 +10,11 @@
 
   &:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card) {
     &:not([class*='space__left']) {
-      margin-left: var(--spacing-medium);
+      @include allAbove(small) {
+        margin-left: var(--spacing-medium);
+      }
     }
+
     &:not([class*='space__bottom']) {
       margin-bottom: var(--spacing-small);
     }
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/__tests__/__image_snapshots__/formsubheading-have-to-match-inside-card.snap.png b/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/__tests__/__image_snapshots__/formsubheading-have-to-match-inside-card.snap.png
index f4c432eb68b..24a83fd4012 100644
Binary files a/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/__tests__/__image_snapshots__/formsubheading-have-to-match-inside-card.snap.png and b/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/__tests__/__image_snapshots__/formsubheading-have-to-match-inside-card.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/__tests__/__image_snapshots__/formsubheading-have-to-match-over-card.snap.png b/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/__tests__/__image_snapshots__/formsubheading-have-to-match-over-card.snap.png
index bff13924e90..53e7b4c5c09 100644
Binary files a/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/__tests__/__image_snapshots__/formsubheading-have-to-match-over-card.snap.png and b/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/__tests__/__image_snapshots__/formsubheading-have-to-match-over-card.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss b/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss
index 83015d57fb6..6eee64570a6 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss
+++ b/packages/dnb-eufemia/src/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss
@@ -1,3 +1,5 @@
+@import '../../../../../style/core/utilities.scss';
+
 .dnb-form-sub-heading {
   // Reset inherited spacing
   .dnb-spacing & {
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/__tests__/Array.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/__tests__/Array.test.tsx
index 9f83f49f494..a6eaddc9bc7 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/__tests__/Array.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/__tests__/Array.test.tsx
@@ -11,7 +11,7 @@ describe('Iterate.Array', () => {
       const onChange = jest.fn()
       render(
         <Iterate.Array value={['one', 'two', 'three']} onChange={onChange}>
-          <Field.String elementPath="/" />
+          <Field.String itemPath="/" />
         </Iterate.Array>
       )
       const fields = document.querySelectorAll('input')
@@ -71,8 +71,8 @@ describe('Iterate.Array', () => {
           ]}
           onChange={onChange}
         >
-          <Field.String elementPath="/foo" />
-          <Field.String elementPath="/bar" />
+          <Field.String itemPath="/foo" />
+          <Field.String itemPath="/bar" />
         </Iterate.Array>
       )
       const fields = document.querySelectorAll('input')
@@ -142,7 +142,7 @@ describe('Iterate.Array', () => {
               { mem: 'D', second: '2nd' },
             ]}
           >
-            <Field.String elementPath="/" />
+            <Field.String itemPath="/" />
             {renderProp1}
             {renderProp2}
           </Iterate.Array>
@@ -186,7 +186,7 @@ describe('Iterate.Array', () => {
               onChange={dataContextOnChange}
             >
               <Iterate.Array path="/someList" onChange={iterateOnChange}>
-                <Field.String elementPath="/" />
+                <Field.String itemPath="/" />
                 <Field.String path="/otherValue" />
               </Iterate.Array>
             </DataContext.Provider>
diff --git a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/NextButton/NextButton.tsx b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/NextButton/NextButton.tsx
index 2f8e90e237b..5f7fd20329a 100644
--- a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/NextButton/NextButton.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/NextButton/NextButton.tsx
@@ -5,6 +5,7 @@ import { Button } from '../../../../components'
 import { ButtonProps } from '../../../../components/button/Button'
 import SharedContext from '../../../../shared/Context'
 import StepsContext from '../StepsContext'
+import ButtonRow from '../../Form/ButtonRow'
 
 export type Props = ComponentProps &
   ButtonProps & {
@@ -23,16 +24,18 @@ function NextButton(props: Props) {
   const stepsContext = useContext(StepsContext)
 
   return (
-    <Button
-      {...props}
-      className={classnames('dnb-forms-next-button', className)}
-      onClick={stepsContext?.handleNext}
-      variant={variant}
-      icon_position={icon_position}
-      icon={icon}
-    >
-      {children}
-    </Button>
+    <ButtonRow>
+      <Button
+        {...props}
+        className={classnames('dnb-forms-next-button', className)}
+        onClick={stepsContext?.handleNext}
+        variant={variant}
+        icon_position={icon_position}
+        icon={icon}
+      >
+        {children}
+      </Button>
+    </ButtonRow>
   )
 }
 
diff --git a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/PreviousButton/PreviousButton.tsx b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/PreviousButton/PreviousButton.tsx
index 3cf38528960..a2d975f35da 100644
--- a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/PreviousButton/PreviousButton.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/PreviousButton/PreviousButton.tsx
@@ -5,6 +5,7 @@ import { Button } from '../../../../components'
 import { ButtonProps } from '../../../../components/button/Button'
 import SharedContext from '../../../../shared/Context'
 import StepsContext from '../StepsContext'
+import ButtonRow from '../../Form/ButtonRow'
 
 export type Props = ComponentProps &
   ButtonProps & {
@@ -23,16 +24,18 @@ function PreviousButton(props: Props) {
   const stepsContext = useContext(StepsContext)
 
   return (
-    <Button
-      {...props}
-      className={classnames('dnb-forms-previous-button', className)}
-      onClick={stepsContext?.handlePrevious}
-      variant={variant}
-      icon_position={icon_position}
-      icon={icon}
-    >
-      {children}
-    </Button>
+    <ButtonRow>
+      <Button
+        {...props}
+        className={classnames('dnb-forms-previous-button', className)}
+        onClick={stepsContext?.handlePrevious}
+        variant={variant}
+        icon_position={icon_position}
+        icon={icon}
+      >
+        {children}
+      </Button>
+    </ButtonRow>
   )
 }
 
diff --git a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/StepsLayout.tsx b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/StepsLayout.tsx
index 23245286a9e..899b3ce6b84 100644
--- a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/StepsLayout.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/StepsLayout.tsx
@@ -23,7 +23,7 @@ function StepsLayout(props: Props) {
   const {
     className,
     id = makeUniqueId(),
-    mode = 'loose',
+    mode = 'strict',
     scrollTopOnStepChange,
     initialActiveIndex = 0,
     onStepChange,
diff --git a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/StepsLayout.screenshot.test.ts b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/StepsLayout.screenshot.test.ts
index af7cc937e18..7018a637623 100644
--- a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/StepsLayout.screenshot.test.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/StepsLayout.screenshot.test.ts
@@ -1,18 +1,37 @@
-import {
-  makeScreenshot,
-  setupPageScreenshot,
-} from '../../../../core/jest/jestSetupScreenshots'
+import { makeScreenshot } from '../../../../core/jest/jestSetupScreenshots'
 
 describe('StepsLayout', () => {
-  setupPageScreenshot({
-    url: '/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/demos',
-  })
-
+  const url =
+    '/uilib/extensions/forms/extended-features/StepsLayout/StepsLayout/demos'
   it('have to match border', async () => {
     const screenshot = await makeScreenshot({
+      url,
       selector:
         '[data-visual-test="steps-layout-card-border"] .dnb-forms-steps-layout__contents',
     })
     expect(screenshot).toMatchImageSnapshot()
   })
+
+  it('have to match large screen', async () => {
+    const screenshot = await makeScreenshot({
+      url,
+      pageViewport: {
+        width: 980,
+      },
+      addWrapper: false, // because it destroys the media query handling
+      selector: '[data-visual-test="steps-layout-card-border"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+
+  it('have to match small screen', async () => {
+    const screenshot = await makeScreenshot({
+      url,
+      pageViewport: {
+        width: 400,
+      },
+      selector: '[data-visual-test="steps-layout-card-border"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/StepsLayout.test.tsx b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/StepsLayout.test.tsx
index bd5a24df50f..abde72a0441 100644
--- a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/StepsLayout.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/StepsLayout.test.tsx
@@ -19,7 +19,7 @@ describe('StepsLayout', () => {
       '.dnb-step-indicator__item'
     )
 
-    expect(itemElements[1].querySelector('button')).toBeInTheDocument()
+    expect(itemElements[0].querySelector('button')).toBeInTheDocument()
   })
 
   it('should call event listener onStepChange', () => {
diff --git a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-border.snap.png b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-border.snap.png
index 00c9087a5f1..84b074bf1c8 100644
Binary files a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-border.snap.png and b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-border.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-large-screen.snap.png b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-large-screen.snap.png
new file mode 100644
index 00000000000..e54d7b55099
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-large-screen.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-small-screen.snap.png b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-small-screen.snap.png
new file mode 100644
index 00000000000..3f7400292f9
Binary files /dev/null and b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/__tests__/__image_snapshots__/stepslayout-have-to-match-small-screen.snap.png differ
diff --git a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/style/dnb-steps-layout.scss b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/style/dnb-steps-layout.scss
index bd3ef4b066e..5c7ed1d79c9 100644
--- a/packages/dnb-eufemia/src/extensions/forms/StepsLayout/style/dnb-steps-layout.scss
+++ b/packages/dnb-eufemia/src/extensions/forms/StepsLayout/style/dnb-steps-layout.scss
@@ -5,30 +5,29 @@
   flex-flow: row wrap;
   column-gap: var(--spacing-medium);
 
-  @media (max-width: map-get($breakpoints, 'medium')) {
-    flex-direction: column;
-    justify-content: stretch;
-    align-items: stretch;
-  }
-
   &__sidebar {
     flex: 0;
-    min-width: 21rem;
-
-    .dnb-step-indicator__sidebar {
-      max-width: 21rem;
-    }
-    .dnb-step-indicator__sidebar .dnb-step-indicator__item {
-      min-width: 336px;
-    }
   }
 
   &__contents {
-    flex: 1;
-    min-width: 25rem;
+    flex: 1 0 25rem;
   }
 
   &__contents .dnb-card {
     --border-color: var(--color-pistachio);
   }
+
+  @include allBelow('medium') {
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+
+    &__contents {
+      flex-basis: auto;
+    }
+  }
+
+  .dnb-step-indicator__sidebar {
+    margin-right: 0;
+  }
 }
diff --git a/packages/dnb-eufemia/src/extensions/forms/hooks/__tests__/useDataValue.test.tsx b/packages/dnb-eufemia/src/extensions/forms/hooks/__tests__/useDataValue.test.tsx
index c155e4eab15..0e7acac5ffb 100644
--- a/packages/dnb-eufemia/src/extensions/forms/hooks/__tests__/useDataValue.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/hooks/__tests__/useDataValue.test.tsx
@@ -1,5 +1,9 @@
+import React from 'react'
 import { act, renderHook, waitFor } from '@testing-library/react'
 import useDataValue from '../useDataValue'
+import { Provider } from '../../DataContext'
+import { JSONSchema7 } from 'json-schema'
+import { FieldBlock, FormError } from '../../Forms'
 
 describe('useDataValue', () => {
   it('should call external onChange based change callbacks', () => {
@@ -15,6 +19,62 @@ describe('useDataValue', () => {
     expect(onChange).toHaveBeenNthCalledWith(1, 'new-value')
   })
 
+  it('should update data context with initially given "value"', () => {
+    const value = 'include this'
+
+    const { result } = renderHook(
+      () => useDataValue({ path: '/foo', value }),
+      { wrapper: Provider }
+    )
+
+    expect(result.current.dataContext.data).toEqual({
+      foo: value,
+    })
+  })
+
+  it('should return correct "hasError" state but no error object when nested in "FieldBlock"', async () => {
+    const wrapper = ({ children }) => <FieldBlock>{children}</FieldBlock>
+
+    const { result } = renderHook(
+      () =>
+        useDataValue({
+          value: 'foo',
+          emptyValue: '',
+          required: true,
+        }),
+      {
+        wrapper,
+      }
+    )
+
+    const { handleFocus, handleBlur, handleChange } = result.current
+
+    act(() => {
+      handleFocus()
+      handleChange('')
+    })
+    expect(result.current.error).toBeUndefined()
+    expect(result.current.hasError).toBeFalsy()
+
+    act(() => {
+      handleBlur()
+    })
+    await waitFor(() => {
+      expect(result.current.error).toBeUndefined()
+      expect(result.current.hasError).toBeTruthy()
+    })
+
+    act(() => {
+      handleFocus()
+      handleChange('a')
+      handleBlur()
+    })
+    await waitFor(() => {
+      expect(result.current.error).toBeUndefined()
+      expect(result.current.hasError).toBeFalsy()
+    })
+  })
+
   describe('using focus callbacks', () => {
     it('should return the error only when the value is invalid AND it is not in focus', async () => {
       const { result } = renderHook(() =>
@@ -93,6 +153,7 @@ describe('useDataValue', () => {
           },
         }
       )
+
       await waitFor(() => {
         expect(result.current.error).toBeInstanceOf(Error)
       })
@@ -109,6 +170,221 @@ describe('useDataValue', () => {
       })
     })
 
+    it('should validate schema', async () => {
+      const schema: JSONSchema7 = {
+        type: 'object',
+        properties: {
+          txt: {
+            type: 'string',
+            pattern: '^(valid)$',
+          },
+        },
+      }
+
+      const { result } = renderHook(() =>
+        useDataValue({
+          value: 'valid',
+          schema,
+          path: '/txt',
+        })
+      )
+
+      const { handleChange, handleFocus } = result.current
+
+      await waitFor(() => {
+        expect(result.current.error).toBeUndefined()
+      })
+
+      act(() => {
+        handleChange('invalid')
+      })
+
+      await waitFor(() => {
+        expect(result.current.error).toBeInstanceOf(Error)
+      })
+
+      act(() => {
+        handleFocus()
+        handleChange('valid')
+      })
+
+      await waitFor(() => {
+        expect(result.current.error).toBeUndefined()
+      })
+    })
+
+    it('should have correct validation order', async () => {
+      const schema: JSONSchema7 = {
+        type: 'string',
+        pattern: '^(throw-on-validator)$',
+      }
+
+      const initialProps = {
+        require: true,
+
+        // Step 1.
+        validateRequired: (value: string) => {
+          return value === 'throw-on-required'
+            ? new Error(value)
+            : undefined
+        },
+
+        // Step 2.
+        schema,
+
+        // Step 3.
+        validator: (value: string) => {
+          return value === 'throw-on-validator'
+            ? new Error(value)
+            : undefined
+        },
+
+        // Step: when ever handleChange and handleBlur is called
+        onBlurValidator: (value: string) => {
+          return value === 'throw-on-blur-validator'
+            ? new Error(value)
+            : undefined
+        },
+        value: 'throw-on-required',
+        path: '/foo',
+      }
+
+      const { result } = renderHook((props) => useDataValue(props), {
+        initialProps,
+      })
+
+      const validateBlur = async () => {
+        act(() => {
+          result.current.handleChange('throw-on-blur-validator')
+          result.current.handleBlur()
+        })
+
+        await waitFor(() => {
+          expect(result.current.error.toString()).toBe(
+            'Error: throw-on-blur-validator'
+          )
+        })
+      }
+
+      await validateBlur()
+
+      act(() => {
+        result.current.updateValue('throw-on-required')
+      })
+
+      await waitFor(() => {
+        expect(result.current.error.toString()).toBe(
+          'Error: throw-on-required'
+        )
+      })
+
+      await validateBlur()
+
+      act(() => {
+        result.current.updateValue('throw-on-schema')
+      })
+
+      await waitFor(() => {
+        expect(result.current.error.toString()).toBe(
+          'Error: must match pattern "^(throw-on-validator)$"'
+        )
+      })
+
+      await validateBlur()
+
+      act(() => {
+        result.current.updateValue('throw-on-validator')
+      })
+
+      await waitFor(() => {
+        expect(result.current.error.toString()).toBe(
+          'Error: throw-on-validator'
+        )
+      })
+
+      await validateBlur()
+    })
+
+    it('should show given error message', () => {
+      const { result } = renderHook(() =>
+        useDataValue({
+          value: undefined,
+          required: true,
+          validateInitially: true,
+          errorMessages: {
+            required: 'Show this message',
+          },
+        })
+      )
+      expect(result.current.error).toBeInstanceOf(Error)
+      expect(result.current.error.toString()).toBe(
+        'Error: Show this message'
+      )
+    })
+
+    it('should validate required when value is empty string', () => {
+      const { result } = renderHook(() =>
+        useDataValue({
+          value: '',
+          required: true,
+          validateInitially: true,
+        })
+      )
+      expect(result.current.error).toBeInstanceOf(Error)
+    })
+
+    it('should validate "validateRequired"', async () => {
+      const validateRequired = jest.fn((v, { emptyValue, required }) => {
+        return required && emptyValue === 'empty' && v > 1
+          ? new FormError('The value is required', {
+              validationRule: 'required',
+            })
+          : undefined
+      })
+      const onChange = jest.fn()
+      const onBlur = jest.fn()
+
+      const { result } = renderHook(() =>
+        useDataValue({
+          value: 1,
+          required: true,
+          emptyValue: 'empty',
+          validateInitially: true,
+          validateRequired,
+          errorMessages: {
+            required: 'Show this message',
+          },
+          onChange,
+          onBlur,
+        })
+      )
+
+      const { handleChange } = result.current
+
+      await waitFor(() => {
+        expect(result.current.error).toBeUndefined()
+      })
+
+      act(() => {
+        handleChange(2)
+      })
+
+      await waitFor(() => {
+        expect(result.current.error).toBeInstanceOf(Error)
+        expect(result.current.error.toString()).toBe(
+          'Error: Show this message'
+        )
+      })
+
+      act(() => {
+        handleChange(1)
+      })
+
+      await waitFor(() => {
+        expect(result.current.error).toBeUndefined()
+      })
+    })
+
     it('should return error when required is set and the value is empty', async () => {
       const { result } = renderHook(() =>
         useDataValue({
@@ -124,7 +400,7 @@ describe('useDataValue', () => {
   })
 
   describe('value manipulation', () => {
-    it('should call fromInput and toInput', () => {
+    it('should call "fromInput" and "toInput"', () => {
       const fromInput = jest.fn((v) => v + 1)
       const toInput = jest.fn((v) => v - 1)
       const onChange = jest.fn()
@@ -140,6 +416,9 @@ describe('useDataValue', () => {
 
       const { handleChange } = result.current
 
+      expect(fromInput).toHaveBeenCalledTimes(0)
+      expect(toInput).toHaveBeenCalledTimes(1)
+
       act(() => {
         handleChange(2)
       })
@@ -162,6 +441,160 @@ describe('useDataValue', () => {
        * NB: "forceUpdate" is initiator that "toInput" is called more often.
        */
     })
+
+    it('should call "toEvent"', () => {
+      const toEvent = jest.fn((v) => v + 1)
+      const onChange = jest.fn()
+      const onFocus = jest.fn()
+      const onBlur = jest.fn()
+
+      const { result } = renderHook(() =>
+        useDataValue({
+          value: 1,
+          toEvent,
+          onChange,
+          onFocus,
+          onBlur,
+        })
+      )
+
+      const { handleFocus, handleBlur, handleChange } = result.current
+
+      expect(toEvent).toHaveBeenCalledTimes(0)
+
+      act(() => {
+        handleFocus()
+        handleChange(2)
+        handleBlur()
+      })
+
+      expect(toEvent).toHaveBeenCalledTimes(3)
+      expect(toEvent).toHaveBeenLastCalledWith(2)
+
+      expect(onChange).toHaveBeenCalledTimes(1)
+      expect(onChange).toHaveBeenLastCalledWith(3)
+      expect(onFocus).toHaveBeenCalledTimes(1)
+      expect(onFocus).toHaveBeenLastCalledWith(2)
+      expect(onBlur).toHaveBeenCalledTimes(1)
+      expect(onBlur).toHaveBeenLastCalledWith(3)
+
+      act(() => {
+        handleFocus()
+        handleChange(4)
+        handleBlur()
+      })
+
+      expect(toEvent).toHaveBeenCalledTimes(6)
+      expect(toEvent).toHaveBeenLastCalledWith(4)
+
+      expect(onChange).toHaveBeenCalledTimes(2)
+      expect(onChange).toHaveBeenLastCalledWith(5)
+      expect(onFocus).toHaveBeenCalledTimes(2)
+      expect(onFocus).toHaveBeenLastCalledWith(3)
+      expect(onBlur).toHaveBeenCalledTimes(2)
+      expect(onBlur).toHaveBeenLastCalledWith(5)
+    })
+
+    it('should call "fromExternal"', () => {
+      const fromExternal = jest.fn((v) => v + 1)
+      const onChange = jest.fn()
+      const onFocus = jest.fn()
+      const onBlur = jest.fn()
+
+      const { result } = renderHook(() =>
+        useDataValue({
+          value: 1,
+          fromExternal,
+          onChange,
+          onFocus,
+          onBlur,
+        })
+      )
+
+      const { handleFocus, handleBlur, handleChange } = result.current
+
+      expect(fromExternal).toHaveBeenCalledTimes(1)
+      expect(fromExternal).toHaveBeenLastCalledWith(1)
+
+      act(() => {
+        handleFocus()
+        handleChange(2)
+        handleBlur()
+      })
+
+      expect(fromExternal).toHaveBeenCalledTimes(1)
+      expect(fromExternal).toHaveBeenLastCalledWith(1)
+
+      expect(onFocus).toHaveBeenCalledTimes(1)
+      expect(onFocus).toHaveBeenLastCalledWith(2)
+      expect(onBlur).toHaveBeenCalledTimes(1)
+      expect(onBlur).toHaveBeenLastCalledWith(2)
+
+      act(() => {
+        handleFocus()
+        handleChange(4)
+        handleBlur()
+      })
+
+      expect(fromExternal).toHaveBeenCalledTimes(1)
+      expect(fromExternal).toHaveBeenLastCalledWith(1)
+
+      expect(onFocus).toHaveBeenCalledTimes(2)
+      expect(onFocus).toHaveBeenLastCalledWith(2)
+      expect(onBlur).toHaveBeenCalledTimes(2)
+      expect(onBlur).toHaveBeenLastCalledWith(4)
+
+      expect(onChange).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('manipulate string value', () => {
+    it('should capitalize value', () => {
+      const onBlur = jest.fn()
+      const onChange = jest.fn()
+
+      const { result } = renderHook(() =>
+        useDataValue({
+          value: 'foo',
+          capitalize: true,
+          onBlur,
+          onChange,
+        })
+      )
+
+      const { handleBlur, handleChange } = result.current
+
+      act(() => {
+        handleBlur()
+        handleChange('bar')
+      })
+
+      expect(onBlur).toHaveBeenLastCalledWith('Foo')
+      expect(onChange).toHaveBeenLastCalledWith('Bar')
+    })
+
+    it('should trim value', () => {
+      const onBlur = jest.fn()
+      const onChange = jest.fn()
+
+      const { result } = renderHook(() =>
+        useDataValue({
+          value: ' foo',
+          trim: true,
+          onBlur,
+          onChange,
+        })
+      )
+
+      const { handleBlur } = result.current
+
+      act(() => {
+        handleBlur()
+      })
+
+      expect(onBlur).toHaveBeenLastCalledWith('foo')
+      expect(onChange).toHaveBeenLastCalledWith('foo')
+    })
   })
 
   describe('updating internal value', () => {
diff --git a/packages/dnb-eufemia/src/extensions/forms/hooks/useDataValue.ts b/packages/dnb-eufemia/src/extensions/forms/hooks/useDataValue.ts
index b7a575f6fa3..873489ea25b 100644
--- a/packages/dnb-eufemia/src/extensions/forms/hooks/useDataValue.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/hooks/useDataValue.ts
@@ -11,10 +11,13 @@ import { ValidateFunction } from 'ajv'
 import { errorChanged } from '../utils'
 import ajv, { ajvErrorsToOneFormError } from '../utils/ajv'
 import { FormError, FieldProps, AdditionalEventArgs } from '../types'
-import { Context } from '../DataContext'
+import { Context, ContextState } from '../DataContext'
 import FieldBlockContext from '../FieldBlock/FieldBlockContext'
 import IterateElementContext from '../Iterate/IterateElementContext'
-import { makeUniqueId } from '../../../shared/component-helper'
+import {
+  makeUniqueId,
+  toCapitalized,
+} from '../../../shared/component-helper'
 import useMountEffect from './useMountEffect'
 import useUpdateEffect from './useUpdateEffect'
 import useProcessManager from './useProcessManager'
@@ -23,6 +26,8 @@ interface ReturnAdditional<Value> {
   id: string
   value: Value
   error: Error | FormError | undefined
+  hasError: boolean
+  dataContext: ContextState
   setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void
   handleFocus: () => void
   handleBlur: () => void
@@ -37,23 +42,37 @@ export default function useDataValue<
 >(props: Props): Props & ReturnAdditional<Value> {
   const {
     path,
-    elementPath,
+    itemPath,
     emptyValue,
     required,
     error: errorProp,
+    errorMessages,
     onFocus,
     onBlur,
     onChange,
-    validator,
     onBlurValidator,
+    validator,
     schema,
-    errorMessages,
     validateInitially,
     validateUnchanged,
     continuousValidation,
     toInput = (value: Value) => value,
     fromInput = (value: Value) => value,
+    toEvent = (value: Value) => value,
+    fromExternal = (value: Value) => value,
+    validateRequired = (value: Value, { emptyValue, required }) => {
+      const res =
+        required &&
+        (value === emptyValue ||
+          (typeof emptyValue === 'undefined' && value === ''))
+          ? new FormError('The value is required', {
+              validationRule: 'required',
+            })
+          : undefined
+      return res
+    },
   } = props
+
   const [, forceUpdate] = useReducer(() => ({}), {})
   const { startProcess } = useProcessManager()
   const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])
@@ -61,8 +80,17 @@ export default function useDataValue<
   const fieldBlockContext = useContext(FieldBlockContext)
   const iterateElementContext = useContext(IterateElementContext)
 
+  const transformers = useRef({
+    toInput,
+    fromInput,
+    toEvent,
+    fromExternal,
+    validateRequired,
+  })
+
   const {
     handlePathChange: dataContextHandlePathChange,
+    updateDataValue: dataContextUpdateDataValue,
     setValueWithError: dataContextSetValueWithError,
     errors: dataContextErrors,
   } = dataContext ?? {}
@@ -84,14 +112,14 @@ export default function useDataValue<
       'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'
     )
   }
-  if (elementPath && elementPath.substring(0, 1) !== '/') {
+  if (itemPath && itemPath.substring(0, 1) !== '/') {
     throw new Error(
-      'Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).'
+      'Invalid itemPath. Item pathJSON Pointers must be from root of iterate element (starting with a /).'
     )
   }
-  if (elementPath && !iterateElementContext) {
+  if (itemPath && !iterateElementContext) {
     throw new Error(
-      'elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'
+      'itemPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'
     )
   }
 
@@ -102,18 +130,24 @@ export default function useDataValue<
 
   const externalValue = useMemo(() => {
     if (props.value !== undefined) {
+      let value = transformers.current.fromExternal(props.value)
+
+      if (props.capitalize) {
+        value = toCapitalized(String(value || '')) as Value
+      }
+
       // Value-prop sent directly to the field has highest priority, overriding any surrounding source
-      return props.value
+      return value
     }
 
-    if (inIterate && elementPath) {
+    if (inIterate && itemPath) {
       // This field is inside an iterate, and has a pointer from the base of the element being iterated
-      if (elementPath === '/') {
+      if (itemPath === '/') {
         return iterateElementValue
       }
 
-      return pointer.has(iterateElementValue, elementPath)
-        ? pointer.get(iterateElementValue, elementPath)
+      return pointer.has(iterateElementValue, itemPath)
+        ? pointer.get(iterateElementValue, itemPath)
         : undefined
     }
 
@@ -129,12 +163,13 @@ export default function useDataValue<
     }
     return undefined
   }, [
-    path,
-    elementPath,
-    inIterate,
-    iterateElementValue,
     props.value,
+    props.capitalize,
+    inIterate,
+    itemPath,
     dataContext.data,
+    path,
+    iterateElementValue,
   ])
 
   // Many variables are kept in refs to avoid triggering unnecessary update loops because updates using
@@ -162,10 +197,6 @@ export default function useDataValue<
   useEffect(() => {
     errorMessagesRef.current = errorMessages
   }, [errorMessages])
-  const schemaRef = useRef(schema)
-  useEffect(() => {
-    schemaRef.current = schema
-  }, [schema])
   const validatorRef = useRef(validator)
   useEffect(() => {
     validatorRef.current = validator
@@ -211,7 +242,6 @@ export default function useDataValue<
 
       return error
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   )
 
@@ -260,10 +290,16 @@ export default function useDataValue<
 
     try {
       // Validate required
-      if (valueRef.current === emptyValue && required) {
-        throw new FormError('The value is required', {
-          validationRule: 'required',
-        })
+      const requiredError = transformers.current.validateRequired(
+        valueRef.current,
+        {
+          emptyValue,
+          required,
+          isChanged: changedRef.current,
+        }
+      )
+      if (requiredError instanceof Error) {
+        throw requiredError
       }
 
       // Validate by provided JSON Schema for this value
@@ -277,11 +313,12 @@ export default function useDataValue<
         )
         throw error
       }
+
       // Validate by provided derivative validator
       if (validatorRef.current) {
         const res = await validatorRef.current?.(
           valueRef.current,
-          errorMessages
+          errorMessagesRef.current
         )
         if (res instanceof Error) {
           throw res
@@ -297,16 +334,16 @@ export default function useDataValue<
       }
     }
   }, [
+    startProcess,
     emptyValue,
     required,
-    errorMessages,
-    startProcess,
-    persistErrorState,
     clearErrorState,
+    persistErrorState,
   ])
 
   useUpdateEffect(() => {
     if (!schema) {
+      schemaValidatorRef.current = undefined
       return
     }
     schemaValidatorRef.current = ajv.compile(schema)
@@ -337,16 +374,52 @@ export default function useDataValue<
     }
   }, [dataContext.showAllErrors, showError])
 
+  useEffect(() => {
+    if (path && props.value) {
+      const hasValue = pointer.has(dataContext.data, path)
+      const value = hasValue
+        ? pointer.get(dataContext.data, path)
+        : undefined
+      if (
+        !hasValue ||
+        (props.value !== value && valueRef.current !== value)
+      ) {
+        // Update the data context when a pointer not exists,
+        // but was given initially.
+        dataContextUpdateDataValue?.(path, props.value)
+      }
+    }
+  }, [dataContext.data, dataContextUpdateDataValue, path, props.value])
+
+  const handleError = useCallback(() => {
+    if (
+      continuousValidation ||
+      (continuousValidation !== false && !hasFocusRef.current)
+    ) {
+      // When there is a change to the value without there having been any focus callback beforehand, it is likely
+      // to believe that the blur callback will not be called either, which would trigger the display of the error.
+      // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).
+      showError()
+    } else {
+      // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value
+      hideError()
+    }
+  }, [continuousValidation, hideError, showError])
+
   const setHasFocus = useCallback(
     (hasFocus: boolean, valueOverride?: Value) => {
       if (hasFocus) {
         // Field was put in focus (like when clicking in a text field or opening a dropdown menu)
         hasFocusRef.current = true
-        onFocus?.(valueOverride ?? valueRef.current)
+        onFocus?.(
+          transformers.current.toEvent(valueOverride ?? valueRef.current)
+        )
       } else {
         // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)
         hasFocusRef.current = false
-        onBlur?.(valueOverride ?? valueRef.current)
+        onBlur?.(
+          transformers.current.toEvent(valueOverride ?? valueRef.current)
+        )
 
         if (!changedRef.current && !validateUnchanged) {
           // Avoid showing errors when blurring without having changed the value, so tabbing through several
@@ -359,7 +432,11 @@ export default function useDataValue<
         if (typeof onBlurValidator === 'function') {
           // Since the validator can return either a synchronous result or an asynchronous
           Promise.resolve(
-            onBlurValidator(valueOverride ?? valueRef.current)
+            onBlurValidator(
+              transformers.current.toEvent(
+                valueOverride ?? valueRef.current
+              )
+            )
           ).then(persistErrorState)
         }
 
@@ -369,19 +446,15 @@ export default function useDataValue<
       }
     },
     [
-      validateUnchanged,
-      onFocus,
       onBlur,
       onBlurValidator,
+      onFocus,
       persistErrorState,
       showError,
-      forceUpdate,
+      validateUnchanged,
     ]
   )
 
-  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])
-  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])
-
   const updateValue = useCallback(
     (newValue: Value) => {
       if (newValue === valueRef.current) {
@@ -392,36 +465,18 @@ export default function useDataValue<
 
       valueRef.current = newValue
 
-      if (
-        continuousValidation ||
-        (continuousValidation !== false && !hasFocusRef.current)
-      ) {
-        // When there is a change to the value without there having been any focus callback beforehand, it is likely
-        // to believe that the blur callback will not be called either, which would trigger the display of the error.
-        // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).
-        showError()
-      } else {
-        // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value
-        hideError()
-      }
-
       // Always validate the value immediately when it is changed
       validateValue()
 
+      handleError()
+
       if (path) {
         dataContextHandlePathChange?.(path, newValue)
       }
 
       forceUpdate()
     },
-    [
-      continuousValidation,
-      dataContextHandlePathChange,
-      hideError,
-      path,
-      showError,
-      validateValue,
-    ]
+    [dataContextHandlePathChange, handleError, path, validateValue]
   )
 
   const handleChange = useCallback(
@@ -429,7 +484,7 @@ export default function useDataValue<
       argFromInput: Value,
       additionalArgs: AdditionalEventArgs = undefined
     ) => {
-      const newValue = fromInput(argFromInput)
+      let newValue = transformers.current.fromInput(argFromInput)
 
       if (newValue === valueRef.current) {
         // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components
@@ -437,35 +492,53 @@ export default function useDataValue<
         return
       }
 
+      if (props.capitalize) {
+        newValue = toCapitalized(String(newValue || '')) as Value
+      }
+
       updateValue(newValue)
 
       changedRef.current = true
+
+      const value = transformers.current.toEvent(newValue)
       onChange?.apply(
         this,
         typeof additionalArgs !== 'undefined'
-          ? [newValue, additionalArgs]
-          : [newValue]
+          ? [value, additionalArgs]
+          : [value]
       )
 
-      if (elementPath) {
+      if (itemPath) {
         const iterateValuePath = `/${iterateElementIndex}${
-          elementPath && elementPath !== '/' ? elementPath : ''
+          itemPath && itemPath !== '/' ? itemPath : ''
         }`
         handleIterateElementChange?.(iterateValuePath, newValue)
       }
     },
     [
-      elementPath,
-      fromInput,
-      handleIterateElementChange,
-      iterateElementIndex,
-      onChange,
+      props.capitalize,
       updateValue,
+      onChange,
+      itemPath,
+      iterateElementIndex,
+      handleIterateElementChange,
     ]
   )
 
+  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])
+
+  const handleBlur = useCallback(() => {
+    if (props.trim && /^\s|\s$/.test(String(valueRef.current))) {
+      const value = String(valueRef.current).trim()
+      handleChange(value as Value)
+    }
+
+    setHasFocus(false)
+  }, [props.trim, setHasFocus, handleChange])
+
   useMountEffect(() => {
     dataContext?.handleMountField(identifier)
+
     validateValue()
 
     if (showErrorInitially) {
@@ -478,18 +551,22 @@ export default function useDataValue<
     }
   })
 
+  const error = showErrorRef.current
+    ? errorProp ?? localErrorRef.current ?? contextErrorRef.current
+    : undefined
+
   return {
     ...props,
-    id,
-    name: props.name || props.path?.replace('/', '') || id,
-    value: toInput(valueRef.current),
-    error:
-      !inFieldBlock && showErrorRef.current
-        ? errorProp ?? localErrorRef.current ?? contextErrorRef.current
-        : undefined,
     autoComplete:
       props.autoComplete ??
       (dataContext.autoComplete === true ? 'on' : 'off'),
+    id,
+    name: props.name || props.path?.replace('/', '') || id,
+    value: transformers.current.toInput(valueRef.current),
+    error: !inFieldBlock ? error : undefined,
+    hasError: Boolean(error),
+    isChanged: changedRef.current,
+    dataContext,
     setHasFocus,
     handleFocus,
     handleBlur,
diff --git a/packages/dnb-eufemia/src/extensions/forms/types.ts b/packages/dnb-eufemia/src/extensions/forms/types.ts
index 7b0e595c460..755e3a870f6 100644
--- a/packages/dnb-eufemia/src/extensions/forms/types.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/types.ts
@@ -44,11 +44,11 @@ export interface DataValueReadProps<Value = unknown> {
   /** JSON Pointer for where the data for this field is located in the source dataset */
   path?: string
   /** JSON Pointer for where the data for this field is located in the source iterate loop element */
-  elementPath?: string
+  itemPath?: string
   value?: Value
 }
 
-const dataValueReadProps = ['path', 'elementPath', 'value']
+const dataValueReadProps = ['path', 'itemPath', 'value']
 
 export function pickDataValueReadProps<Props extends DataValueReadProps>(
   props: Props
@@ -175,7 +175,10 @@ export interface FieldProps<
   info?: Error | FormError | string
   warning?: Error | FormError | string
   error?: Error | FormError
+  hasError?: boolean
   disabled?: boolean
+  capitalize?: boolean
+  trim?: boolean
   // Validation
   required?: boolean
   schema?: JSONSchema7
@@ -203,6 +206,20 @@ export interface FieldProps<
   // Derivatives
   toInput?: (external: Value | undefined) => any
   fromInput?: (...args: any[]) => Value | undefined
+  toEvent?: (internal: Value | undefined) => any
+  fromExternal?: (...args: any[]) => Value | undefined
+  validateRequired?: (
+    internal: Value | undefined,
+    {
+      emptyValue,
+      required,
+      isChanged,
+    }: {
+      emptyValue: undefined | string | number
+      required: boolean
+      isChanged: boolean
+    }
+  ) => FormError | undefined
 }
 
 export interface FieldHelpProps {
@@ -220,7 +237,7 @@ export interface ValueProps<Value>
   /** Text showing in place of the value if no value is given. */
   placeholder?: string
   /** JSON Pointer for where the data for this field is located in the source iterate loop element */
-  elementPath?: string
+  itemPath?: string
   /** For showing the value inline (not as a block element) */
   inline?: boolean
   // Derivatives
diff --git a/packages/dnb-eufemia/src/icons/browser.ts b/packages/dnb-eufemia/src/icons/browser.ts
new file mode 100644
index 00000000000..d2640810ccb
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/browser.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/browser'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/browser_medium.ts b/packages/dnb-eufemia/src/icons/browser_medium.ts
new file mode 100644
index 00000000000..5bfadfef8dc
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/browser_medium.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/browser_medium'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/digipass_corporate.ts b/packages/dnb-eufemia/src/icons/digipass_corporate.ts
new file mode 100644
index 00000000000..fd952c63567
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/digipass_corporate.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/digipass_corporate'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/digipass_corporate_medium.ts b/packages/dnb-eufemia/src/icons/digipass_corporate_medium.ts
new file mode 100644
index 00000000000..a35d06699b9
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/digipass_corporate_medium.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/digipass_corporate_medium'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/digipass_private.ts b/packages/dnb-eufemia/src/icons/digipass_private.ts
new file mode 100644
index 00000000000..2d418a6cf4a
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/digipass_private.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/digipass_private'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/digipass_private_medium.ts b/packages/dnb-eufemia/src/icons/digipass_private_medium.ts
new file mode 100644
index 00000000000..82e3d2a20d6
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/digipass_private_medium.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/digipass_private_medium'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/dnb/browser.tsx b/packages/dnb-eufemia/src/icons/dnb/browser.tsx
new file mode 100644
index 00000000000..92ac9a58676
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/browser.tsx
@@ -0,0 +1,21 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const browser = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M.5 4.5h15M5.75 4v10M2 14.5h12a1 1 0 0 0 1-1v-11a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1Z"
+    />
+  </svg>
+)
+export default browser
diff --git a/packages/dnb-eufemia/src/icons/dnb/browser_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/browser_medium.tsx
new file mode 100644
index 00000000000..3fb8983e33b
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/browser_medium.tsx
@@ -0,0 +1,21 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const browser_medium = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M1 6.25h22M7.75 7v15M2.25 2h19.5s1.5 0 1.5 1.5v17s0 1.5-1.5 1.5H2.25s-1.5 0-1.5-1.5v-17S.75 2 2.25 2Z"
+    />
+  </svg>
+)
+export default browser_medium
diff --git a/packages/dnb-eufemia/src/icons/dnb/coins_1.tsx b/packages/dnb-eufemia/src/icons/dnb/coins_1.tsx
index 25761bf3eca..37c4a2dabd9 100644
--- a/packages/dnb-eufemia/src/icons/dnb/coins_1.tsx
+++ b/packages/dnb-eufemia/src/icons/dnb/coins_1.tsx
@@ -15,7 +15,7 @@ const coins_1 = (props) => (
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
-      d="M1 2.59v9.508M1 2.59c0 .879 2.137 1.59 4.773 1.59 2.636 0 4.773-.711 4.773-1.59M1 2.59C1 1.712 3.137 1 5.773 1c2.636 0 4.773.712 4.773 1.59M1 2.59v3.144m0 6.364c0 .9 2.137 1.63 4.773 1.63h.67M1 12.097V8.916m9.546-6.325v4.753m0-4.753v3.143M1 8.916c0 .842 1.873 1.536 4.275 1.62h.18M1 8.917V5.734m0 0c0 .9 2.137 1.63 4.773 1.63 2.636 0 4.773-.73 4.773-1.63m0 0v1.61m0 0v.819M5.455 9.75c0-.879 2.136-1.59 4.772-1.59.107 0 .213 0 .319.003M5.455 9.75c0 .9 2.136 1.63 4.772 1.63S15 10.65 15 9.75m-9.545 0v.787M15 9.75v2.984c0 .9-2.137 1.63-4.773 1.63-1.54 0-2.91-.25-3.784-.637M15 9.75c0-.843-1.967-1.533-4.454-1.587m-5.091 2.374v2.197c0 .374.368.718.988.993"
+      d="M1 3.24v9.508M1 3.24c0 .878 2.137 1.59 4.773 1.59 2.636 0 4.773-.712 4.773-1.59M1 3.24c0-.878 2.137-1.59 4.773-1.59 2.636 0 4.773.712 4.773 1.59M1 3.24v3.144m0 6.364c0 .9 2.137 1.63 4.773 1.63h.67M1 12.747V9.566m9.546-6.325v4.753m0-4.753v3.143M1 9.566c0 .842 1.873 1.536 4.275 1.62h.18M1 9.567V6.384m0 0c0 .9 2.137 1.63 4.773 1.63 2.636 0 4.773-.73 4.773-1.63m0 0v1.61m0 0v.818M5.455 10.4c0-.879 2.136-1.591 4.772-1.591.107 0 .213.001.319.003M5.455 10.4c0 .9 2.136 1.63 4.772 1.63S15 11.3 15 10.4m-9.545 0v.787M15 10.4v2.984c0 .9-2.137 1.63-4.773 1.63-1.54 0-2.91-.25-3.784-.637M15 10.4c0-.843-1.967-1.533-4.454-1.588m-5.091 2.375v2.197c0 .374.368.718.988.993"
     />
   </svg>
 )
diff --git a/packages/dnb-eufemia/src/icons/dnb/coins_1_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/coins_1_medium.tsx
index 53070ecba5a..7264ea64b2c 100644
--- a/packages/dnb-eufemia/src/icons/dnb/coins_1_medium.tsx
+++ b/packages/dnb-eufemia/src/icons/dnb/coins_1_medium.tsx
@@ -15,7 +15,7 @@ const coins_1_medium = (props) => (
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
-      d="M1 3.75v14.939M1 3.75c0 1.38 3.358 2.5 7.5 2.5 4.142 0 7.5-1.12 7.5-2.5m-15 0c0-1.38 3.358-2.5 7.5-2.5 4.142 0 7.5 1.12 7.5 2.5m-15 0v4.939m0 10c0 1.414 3.358 2.561 7.5 2.561h1.054M1 18.689v-5M16 3.75v7.47m0-7.47v4.939m-15 5c0 1.324 2.944 2.414 6.718 2.547H8M1 13.69v-5m0 0c0 1.414 3.358 2.561 7.5 2.561 4.142 0 7.5-1.147 7.5-2.561m0 0v2.53m0 0v1.287M8 15c0-1.38 3.358-2.5 7.5-2.5.168 0 .335.002.5.005M8 15c0 1.414 3.358 2.561 7.5 2.561 4.142 0 7.5-1.147 7.5-2.561M8 15v1.236M23 15v4.689c0 1.414-3.358 2.561-7.5 2.561-2.421 0-4.575-.392-5.946-1M23 15c0-1.325-3.091-2.409-7-2.495m-8 3.731v3.453c0 .587.58 1.129 1.554 1.561"
+      d="M1 4.5v14.939M1 4.5C1 5.88 4.358 7 8.5 7 12.642 7 16 5.88 16 4.5m-15 0C1 3.12 4.358 2 8.5 2 12.642 2 16 3.12 16 4.5m-15 0v4.939m0 10C1 20.853 4.358 22 8.5 22h1.054M1 19.439v-5M16 4.5v7.47m0-7.47v4.939m-15 5c0 1.324 2.944 2.414 6.718 2.547H8M1 14.44v-5m0 0C1 10.853 4.358 12 8.5 12c4.142 0 7.5-1.147 7.5-2.561m0 0v2.53m0 0v1.287M8 15.75c0-1.38 3.358-2.5 7.5-2.5.168 0 .335.002.5.005M8 15.75c0 1.414 3.358 2.561 7.5 2.561 4.142 0 7.5-1.147 7.5-2.561m-15 0v1.236m15-1.236v4.689C23 21.853 19.642 23 15.5 23c-2.421 0-4.575-.392-5.946-1M23 15.75c0-1.325-3.091-2.409-7-2.495m-8 3.731v3.453c0 .587.58 1.129 1.554 1.561"
     />
   </svg>
 )
diff --git a/packages/dnb-eufemia/src/icons/dnb/digipass_corporate.tsx b/packages/dnb-eufemia/src/icons/dnb/digipass_corporate.tsx
new file mode 100644
index 00000000000..5b947dbd5d7
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/digipass_corporate.tsx
@@ -0,0 +1,21 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const digipass_corporate = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={18}
+    fill="none"
+    viewBox="0 0 16 18"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeWidth={1.5}
+      d="M2.06 6.505c-.333 5.014.61 10.245 5.961 10.245s6.272-5.23 5.91-10.245m-11.872 0c.064-.962.203-3.173.344-4.389a.863.863 0 0 1 .629-.739c1-.274 2.823-.627 4.99-.627 2.161 0 3.94.352 4.91.626.336.095.575.38.618.727.147 1.179.301 3.312.374 4.317l.006.085m-11.87 0c.792.202 3.191.605 6.023.605s5.078-.403 5.847-.605M5.6 3.95h4.8"
+    />
+  </svg>
+)
+export default digipass_corporate
diff --git a/packages/dnb-eufemia/src/icons/dnb/digipass_corporate_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/digipass_corporate_medium.tsx
new file mode 100644
index 00000000000..e22252ca263
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/digipass_corporate_medium.tsx
@@ -0,0 +1,21 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const digipass_corporate_medium = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={26}
+    fill="none"
+    viewBox="0 0 24 26"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeWidth={1.5}
+      d="M3.089 9.383c-.498 7.52.917 15.367 8.943 15.367s9.408-7.846 8.863-15.367m-17.806 0c.1-1.523.327-5.13.55-6.87a.887.887 0 0 1 .632-.743C5.695 1.35 8.57.75 12.032.75c3.456 0 6.26.599 7.637 1.018a.883.883 0 0 1 .62.731c.23 1.69.482 5.164.597 6.756l.01.128m-17.807 0c1.19.302 4.788.907 9.035.907 4.248 0 7.617-.605 8.771-.907M9.002 5.75h6"
+    />
+  </svg>
+)
+export default digipass_corporate_medium
diff --git a/packages/dnb-eufemia/src/icons/dnb/digipass_private.tsx b/packages/dnb-eufemia/src/icons/dnb/digipass_private.tsx
new file mode 100644
index 00000000000..5ef356cd59a
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/digipass_private.tsx
@@ -0,0 +1,21 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const digipass_private = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={18}
+    height={16}
+    fill="none"
+    viewBox="0 0 18 16"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeWidth={1.5}
+      d="M4.75 4.535C2.359 5.227.75 6.52.75 8c0 1.48 1.609 2.773 4 3.465m0-6.93C5.927 4.195 7.293 4 8.75 4c4.418 0 8 1.79 8 4s-3.582 4-8 4c-1.457 0-2.823-.195-4-.535m0-6.93c.5 1.132 1.2 4.102 0 6.93M8.25 8h4.5"
+    />
+  </svg>
+)
+export default digipass_private
diff --git a/packages/dnb-eufemia/src/icons/dnb/digipass_private_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/digipass_private_medium.tsx
new file mode 100644
index 00000000000..4aabb6afb57
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/digipass_private_medium.tsx
@@ -0,0 +1,21 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const digipass_private_medium = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={26}
+    height={24}
+    fill="none"
+    viewBox="0 0 26 24"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeWidth={1.5}
+      d="M6.75 6.803C3.163 7.84.75 9.779.75 12c0 2.22 2.413 4.16 6 5.197m0-10.394c1.765-.51 3.814-.803 6-.803 6.627 0 12 2.686 12 6s-5.373 6-12 6c-2.186 0-4.235-.292-6-.803m0-10.394c.75 1.697 1.8 6.152 0 10.394M12 12h6.75"
+    />
+  </svg>
+)
+export default digipass_private_medium
diff --git a/packages/dnb-eufemia/src/icons/dnb/envelope_open.tsx b/packages/dnb-eufemia/src/icons/dnb/envelope_open.tsx
new file mode 100644
index 00000000000..91d9f508caa
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/envelope_open.tsx
@@ -0,0 +1,22 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const envelope_open = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M15 6.986v6.797c0 .24-.105.47-.293.64-.187.17-.442.266-.707.266H2c-.265 0-.52-.095-.707-.265A.866.866 0 0 1 1 13.783V6.986m14 0L9.235 11.13c-.352.25-.787.387-1.235.387-.448 0-.883-.136-1.235-.387L1 6.986m14 0-5.538-4.41a2.011 2.011 0 0 0-.665-.426 2.179 2.179 0 0 0-1.594 0 2.011 2.011 0 0 0-.665.426L1 6.986m9.539 3.207L12.5 11.97m-7.039-1.777L3.5 11.97"
+    />
+  </svg>
+)
+export default envelope_open
diff --git a/packages/dnb-eufemia/src/icons/dnb/envelope_open_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/envelope_open_medium.tsx
new file mode 100644
index 00000000000..4cc76bf7254
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/envelope_open_medium.tsx
@@ -0,0 +1,22 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const envelope_open_medium = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M23 9.737v10.547c0 .373-.166.73-.46.994a1.67 1.67 0 0 1-1.111.412H2.57a1.67 1.67 0 0 1-1.11-.412 1.336 1.336 0 0 1-.46-.994V9.737m22 0-9.059 6.43a3.376 3.376 0 0 1-1.941.601 3.385 3.385 0 0 1-1.941-.6L1 9.737m22 0-8.703-6.845a3.165 3.165 0 0 0-1.045-.66A3.462 3.462 0 0 0 12 2c-.43 0-.857.08-1.252.233a3.16 3.16 0 0 0-1.045.66L1 9.737m14.99 4.976 3.081 2.758m-11.06-2.758-3.082 2.758"
+    />
+  </svg>
+)
+export default envelope_open_medium
diff --git a/packages/dnb-eufemia/src/icons/dnb/icons-meta.json b/packages/dnb-eufemia/src/icons/dnb/icons-meta.json
index 6734d946b25..bc3b793fb3d 100644
--- a/packages/dnb-eufemia/src/icons/dnb/icons-meta.json
+++ b/packages/dnb-eufemia/src/icons/dnb/icons-meta.json
@@ -182,14 +182,14 @@
     "category": "essentials"
   },
   "hand_money_medium": {
-    "tags": ["receive"],
+    "tags": ["recieve", "receive"],
     "created": 1668066353797,
     "name": "hand_money",
     "variant": "secondary",
     "category": "essentials"
   },
   "hand_money": {
-    "tags": ["receive"],
+    "tags": ["recieve", "receive"],
     "created": 1668066354615,
     "name": "hand_money",
     "variant": "secondary",
@@ -1036,14 +1036,14 @@
     "category": "objects"
   },
   "email_medium": {
-    "tags": ["envelope"],
+    "tags": ["envelope", "inbox", "innboks", "message"],
     "created": 1668066449497,
     "name": "email",
     "variant": "secondary",
     "category": "objects"
   },
   "email": {
-    "tags": ["envelope"],
+    "tags": ["envelope", "inbox", "innboks", "message"],
     "created": 1668066450286,
     "name": "email",
     "variant": "secondary",
@@ -2218,14 +2218,14 @@
     "category": "products"
   },
   "baby_medium": {
-    "tags": ["kid", "child", "insurance"],
+    "tags": ["kid", "child", "insurance", "Intro"],
     "created": 1668066587954,
     "name": "baby",
     "variant": "secondary",
     "category": "products"
   },
   "baby": {
-    "tags": ["kid", "child", "insurance"],
+    "tags": ["kid", "child", "insurance", "Intro"],
     "created": 1668066588733,
     "name": "baby",
     "variant": "secondary",
@@ -3603,20 +3603,6 @@
     "variant": "secondary",
     "category": "objects"
   },
-  "shield_lock_medium": {
-    "tags": [],
-    "created": 1680166729244,
-    "name": "shield_lock",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "shield_lock": {
-    "tags": [],
-    "created": 1680166729544,
-    "name": "shield_lock",
-    "variant": "secondary",
-    "category": "objects"
-  },
   "id_card_medium": {
     "tags": [],
     "created": 1680166729762,
@@ -3672,5 +3658,229 @@
     "name": "investment_account",
     "variant": "secondary",
     "category": "products"
+  },
+  "accounting_medium": {
+    "tags": ["Accounting"],
+    "created": 1685609767573,
+    "name": "accounting",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "accounting": {
+    "tags": ["Accounting"],
+    "created": 1685609767843,
+    "name": "accounting",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "fortune_ball_medium": {
+    "tags": ["Fortune ball"],
+    "created": 1685609768085,
+    "name": "fortune_ball",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "fortune_ball": {
+    "tags": ["Fortune ball"],
+    "created": 1685609768324,
+    "name": "fortune_ball",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "candle_stick_medium": {
+    "tags": ["Candle Stick"],
+    "created": 1685609797988,
+    "name": "candle_stick",
+    "variant": "secondary",
+    "category": "products"
+  },
+  "candle_stick": {
+    "tags": ["Candle Stick"],
+    "created": 1685609798254,
+    "name": "candle_stick",
+    "variant": "secondary",
+    "category": "products"
+  },
+  "shield_lock_medium": {
+    "tags": ["Shield lock"],
+    "created": 1680166729244,
+    "name": "shield_lock",
+    "variant": "secondary",
+    "category": "products"
+  },
+  "shield_lock": {
+    "tags": ["Shield lock"],
+    "created": 1680166729544,
+    "name": "shield_lock",
+    "variant": "secondary",
+    "category": "products"
+  },
+  "scan_medium": {
+    "tags": [
+      "sound",
+      "audio",
+      "mute",
+      "camera",
+      "invoice",
+      "receipt",
+      "QR",
+      "skann"
+    ],
+    "created": 1685609799058,
+    "name": "scan",
+    "variant": "secondary",
+    "category": "actions"
+  },
+  "scan": {
+    "tags": [
+      "sound",
+      "audio",
+      "mute",
+      "camera",
+      "invoice",
+      "receipt",
+      "QR",
+      "skann"
+    ],
+    "created": 1685609799310,
+    "name": "scan",
+    "variant": "secondary",
+    "category": "actions"
+  },
+  "teenager_medium": {
+    "tags": ["Intro", "UNG", "youth", "customer", "person"],
+    "created": 1702388817455,
+    "name": "teenager",
+    "variant": "secondary",
+    "category": "essentials"
+  },
+  "teenager": {
+    "tags": ["Intro", "UNG", "youth", "customer", "person"],
+    "created": 1702388817720,
+    "name": "teenager",
+    "variant": "secondary",
+    "category": "essentials"
+  },
+  "digipass_corporate_medium": {
+    "tags": [
+      "digipass corporate",
+      "kodebrikke",
+      "code device",
+      "login",
+      "authentication"
+    ],
+    "created": 1702388845915,
+    "name": "digipass_corporate",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "digipass_corporate": {
+    "tags": [
+      "digipass corporate",
+      "kodebrikke",
+      "code device",
+      "login",
+      "authentication"
+    ],
+    "created": 1702388846213,
+    "name": "digipass_corporate",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "digipass_private_medium": {
+    "tags": [
+      "digipass private",
+      "kodebrikke",
+      "code device",
+      "login",
+      "authentication"
+    ],
+    "created": 1702388846553,
+    "name": "digipass_private",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "digipass_private": {
+    "tags": [
+      "digipass private",
+      "kodebrikke",
+      "code device",
+      "login",
+      "authentication"
+    ],
+    "created": 1702388846812,
+    "name": "digipass_private",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "envelope_open_medium": {
+    "tags": ["read messages", "opened messages"],
+    "created": 1702388847077,
+    "name": "envelope_open",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "envelope_open": {
+    "tags": ["read messages", "opened messages"],
+    "created": 1702388847371,
+    "name": "envelope_open",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "money_left_medium": {
+    "tags": ["money left", "countdown", "smart saldo", "smart balance"],
+    "created": 1702388847645,
+    "name": "money_left",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "money_left": {
+    "tags": ["money left", "countdown", "smart saldo", "smart balance"],
+    "created": 1702388847915,
+    "name": "money_left",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "mobile_medium": {
+    "tags": ["phone", "iPhone", "android", "native"],
+    "created": 1702388848208,
+    "name": "mobile",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "mobile": {
+    "tags": ["phone", "iPhone", "android", "native"],
+    "created": 1702388848505,
+    "name": "mobile",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "browser_medium": {
+    "tags": ["desktop", "web", "netbank", "online bank", "responsive"],
+    "created": 1702388848807,
+    "name": "browser",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "browser": {
+    "tags": ["desktop", "web", "netbank", "online bank", "responsive"],
+    "created": 1702388849067,
+    "name": "browser",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "laptop_medium": {
+    "tags": ["desktop", "PC", "Mac"],
+    "created": 1702388849374,
+    "name": "laptop",
+    "variant": "secondary",
+    "category": "objects"
+  },
+  "laptop": {
+    "tags": ["desktop", "PC", "Mac"],
+    "created": 1702388849668,
+    "name": "laptop",
+    "variant": "secondary",
+    "category": "objects"
   }
 }
diff --git a/packages/dnb-eufemia/src/icons/dnb/icons-svg.lock b/packages/dnb-eufemia/src/icons/dnb/icons-svg.lock
index 9726d1c4dea..c972aa5183d 100644
--- a/packages/dnb-eufemia/src/icons/dnb/icons-svg.lock
+++ b/packages/dnb-eufemia/src/icons/dnb/icons-svg.lock
@@ -3,6916 +3,7124 @@
     "iconName": "user_feedback_medium",
     "name": "user_feedback",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c395db0f-88c6-4da3-984a-10e3d598ae7e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d61d4206-d8ca-43ad-8900-22327c51e803",
     "id": "3558:57",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066333431,
-    "updated": 1685609689782
+    "updated": 1702388820560
   },
   "user_feedback.svg": {
     "iconName": "user_feedback",
     "name": "user_feedback",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b1d19f0d-c10a-4d2c-9b87-9a629010e2a3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/802d831f-a650-4fd2-8434-a808c21f06d7",
     "id": "3558:59",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066334212,
-    "updated": 1685609690039
+    "updated": 1702388820874
   },
   "instagram_medium.svg": {
     "iconName": "instagram_medium",
     "name": "instagram",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/46ebbb8d-9c01-4f96-8adf-b8658140565f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20b0617e-1513-406e-bc65-d032a4390e02",
     "id": "2912:69",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066334994,
-    "updated": 1685609690287
+    "updated": 1702388821133
   },
   "instagram.svg": {
     "iconName": "instagram",
     "name": "instagram",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fb0ffa25-ba89-431a-9d97-c71f2d577ab1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c230f47-5716-453b-ad46-86f11d5d1416",
     "id": "2912:72",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066335770,
-    "updated": 1685609690580
+    "updated": 1702388821404
   },
   "linkedin_medium.svg": {
     "iconName": "linkedin_medium",
     "name": "linkedin",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/53cade30-e832-4ea1-aa65-616a296ef2d3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24963143-720f-4d4b-8e1c-1d117d7711b2",
     "id": "2912:68",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066336554,
-    "updated": 1685609690843
+    "updated": 1702388821685
   },
   "linkedin.svg": {
     "iconName": "linkedin",
     "name": "linkedin",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/56a45692-5f2b-417f-8fc5-b93ebb7e88ad",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/52055fa2-47e4-4439-a505-6cd89b7c94c6",
     "id": "2912:71",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066337326,
-    "updated": 1685609691076
+    "updated": 1702388821962
   },
   "facebook_medium.svg": {
     "iconName": "facebook_medium",
     "name": "facebook",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f250aa03-5e10-4e0c-b354-481262d2cc51",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/393cbfbb-7936-4ab4-bcd2-bec6496039c1",
     "id": "2912:67",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066338093,
-    "updated": 1685609691366
+    "updated": 1702388822291
   },
   "facebook.svg": {
     "iconName": "facebook",
     "name": "facebook",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8990cdc0-a269-4413-8701-54f03e6d7577",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/51648f47-79eb-4669-8eb0-e1b4cb807589",
     "id": "2912:70",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066338880,
-    "updated": 1685609691684
+    "updated": 1702388822553
   },
   "language_medium.svg": {
     "iconName": "language_medium",
     "name": "language",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/29e7a994-36ef-4090-8dab-57d905eac8df",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86cb076e-fa61-4b3d-abff-3ae52e5be13a",
     "id": "2254:22",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066339656,
-    "updated": 1685609691950
+    "updated": 1702388822834
   },
   "language.svg": {
     "iconName": "language",
     "name": "language",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/117aff85-21d7-4c89-86ae-82384aa0ec03",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/36b5e99e-5d88-4ea4-98b8-2127fa96968c",
     "id": "2254:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066340452,
-    "updated": 1685609692221
+    "updated": 1702388823130
   },
   "history_medium.svg": {
     "iconName": "history_medium",
     "name": "history",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5d037b39-9fbf-486c-874f-ec1db13e20a0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1c8a52c2-573a-425f-8a69-d16b30a60d9c",
     "id": "2171:31",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066341230,
-    "updated": 1685609692483
+    "updated": 1702388823461
   },
   "history.svg": {
     "iconName": "history",
     "name": "history",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/18681a4a-c993-4072-98f8-1ee9301e09ee",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aa0e08f9-4615-4e38-bed7-b8bdf40e0243",
     "id": "2171:32",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066342003,
-    "updated": 1685609692765
+    "updated": 1702388823745
   },
   "grabber_medium.svg": {
     "iconName": "grabber_medium",
     "name": "grabber",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a8210e3-0060-4c27-9712-7e8a74028f50",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/85d8ef8d-295c-4e30-b887-90cb6ec446a6",
     "id": "2:153",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066342786,
-    "updated": 1685609693013
+    "updated": 1702388824013
   },
   "grabber.svg": {
     "iconName": "grabber",
     "name": "grabber",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ae30d625-8cad-4e2a-9088-196d1da934e0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33103990-2db8-4db0-8df9-8766ed222fcb",
     "id": "67:36",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066343559,
-    "updated": 1685609693276
+    "updated": 1702388824281
   },
   "check_medium.svg": {
     "iconName": "check_medium",
     "name": "check",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60f73994-b08d-4645-8479-dcc07530ec84",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4e1f1a7-0b55-4eb3-bb97-162739be00be",
     "id": "2:152",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066344346,
-    "updated": 1685609693531
+    "updated": 1702388824586
   },
   "check.svg": {
     "iconName": "check",
     "name": "check",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f29385e7-d97e-452e-bae7-9c0b62307da2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da9f09ee-57f2-49ae-86f2-53330834bc7c",
     "id": "67:35",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066345131,
-    "updated": 1685609693770
+    "updated": 1702388824854
   },
   "list_medium.svg": {
     "iconName": "list_medium",
     "name": "list",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0825cb3c-7e0f-4207-9851-01c6110d0b48",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2d5167f9-d692-4702-ad5a-e57bee00bec7",
     "id": "2:151",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066345927,
-    "updated": 1685609694013
+    "updated": 1702388825116
   },
   "list.svg": {
     "iconName": "list",
     "name": "list",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f76dab3c-c4c4-47d4-ac3e-c1f915d109dd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/681759db-2e51-4bb8-b9f8-a45352d01b00",
     "id": "67:34",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066346712,
-    "updated": 1685609694262
+    "updated": 1702388825439
   },
   "paragraph_medium.svg": {
     "iconName": "paragraph_medium",
     "name": "paragraph",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f77c00f4-ec85-47ee-84ed-5c8ae06cbca1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/095c4738-593e-408f-aa89-99c76dd13ac8",
     "id": "2:150",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066347485,
-    "updated": 1685609694526
+    "updated": 1702388825768
   },
   "paragraph.svg": {
     "iconName": "paragraph",
     "name": "paragraph",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d54caf44-ed44-4df8-84bc-04269a5e8524",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/808f0cfb-2290-46be-a2df-40e7da1f3ff5",
     "id": "67:33",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066348261,
-    "updated": 1685609694782
+    "updated": 1702388826090
   },
   "above_the_line_medium.svg": {
     "iconName": "above_the_line_medium",
     "name": "above_the_line",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1bbd4991-2562-486f-825b-f7e2f47a20de",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b35846e-957c-4b52-8261-e04066534711",
     "id": "2:149",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066349040,
-    "updated": 1685609695056
+    "updated": 1702388826402
   },
   "above_the_line.svg": {
     "iconName": "above_the_line",
     "name": "above_the_line",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e7b5d565-84be-458b-8332-9d73f58c196e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0033c658-bda0-4d05-98b8-5e0db0eaeea0",
     "id": "67:32",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066349832,
-    "updated": 1685609695346
+    "updated": 1702388826730
   },
   "star_medium.svg": {
     "iconName": "star_medium",
     "name": "star",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e09882ab-ea9b-42aa-92bb-7650976a95c0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8090856-507d-443a-af02-265cb8668679",
     "id": "2:148",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066350622,
-    "updated": 1685609695613
+    "updated": 1702388827017
   },
   "star.svg": {
     "iconName": "star",
     "name": "star",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/757aca6b-efab-4fad-b806-e65fbb884d13",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ba37aa8d-7ca6-4844-b868-86e6e0aecfad",
     "id": "67:31",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066351405,
-    "updated": 1685609695865
+    "updated": 1702388827281
   },
   "heart_medium.svg": {
     "iconName": "heart_medium",
     "name": "heart",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/39ba3467-4819-4886-b8c0-d9c72d1f0e7c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3b9f0db3-6449-4ad6-8c24-4736985afc32",
     "id": "2:147",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066352202,
-    "updated": 1685609696115
+    "updated": 1702388827553
   },
   "heart.svg": {
     "iconName": "heart",
     "name": "heart",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ade18068-196a-4c52-9768-31c7bf3285bf",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8aa4d1e7-931a-4d37-8b81-e8ee2675b8dc",
     "id": "67:29",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066352980,
-    "updated": 1685609696354
+    "updated": 1702388827832
   },
   "hand_money_medium.svg": {
     "iconName": "hand_money_medium",
     "name": "hand_money",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/208c5803-e78f-42b2-b9c1-5c125a44d308",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9e7be084-b3a9-44da-b859-bfeab47f19d1",
     "id": "2:145",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066353797,
-    "updated": 1685609696629
+    "updated": 1702388828104
   },
   "hand_money.svg": {
     "iconName": "hand_money",
     "name": "hand_money",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5910756d-7ade-41ad-8fb6-a0e515378dab",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/de4b6135-490a-4cab-bb58-3f5727c8b62e",
     "id": "67:30",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066354615,
-    "updated": 1685609696878
+    "updated": 1702388828395
   },
   "support_medium.svg": {
     "iconName": "support_medium",
     "name": "support",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a017ad5d-199f-44ec-bfaa-7bfd774c4473",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e82b49be-0bc2-41fb-b618-78b4612ce717",
     "id": "2:144",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066355387,
-    "updated": 1685609697122
+    "updated": 1702388828728
   },
   "support.svg": {
     "iconName": "support",
     "name": "support",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/11d81350-e83d-42da-ae92-62413728c228",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b627dab0-108d-489b-aef8-91034476bfba",
     "id": "67:28",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066356173,
-    "updated": 1685609697358
+    "updated": 1702388829050
   },
   "ref_number_medium.svg": {
     "iconName": "ref_number_medium",
     "name": "ref_number",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b7eecd89-420d-4746-a2e0-07e467316cc4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/18ee071b-77eb-4704-a65c-6dd4e2646557",
     "id": "2:143",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066356969,
-    "updated": 1685609697627
+    "updated": 1702388829372
   },
   "ref_number.svg": {
     "iconName": "ref_number",
     "name": "ref_number",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c1110d54-e952-468f-9cca-16bce9e946b6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22db5683-dda8-420a-9809-8f651e61c9ed",
     "id": "67:27",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066357732,
-    "updated": 1685609697865
+    "updated": 1702388829703
   },
   "kid_number_medium.svg": {
     "iconName": "kid_number_medium",
     "name": "kid_number",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/974f2d95-c225-4249-be2e-867a87bb64c4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c71171db-28a5-4166-a153-d511720d8b48",
     "id": "2:142",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066358538,
-    "updated": 1685609698138
+    "updated": 1702388829970
   },
   "kid_number.svg": {
     "iconName": "kid_number",
     "name": "kid_number",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d00d243-72e0-491b-bdec-8e3f40a79067",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/adb399af-0f5e-4ce4-b3c5-bd494f9a6b44",
     "id": "67:26",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066359315,
-    "updated": 1685609698401
+    "updated": 1702388830250
   },
   "attachment_medium.svg": {
     "iconName": "attachment_medium",
     "name": "attachment",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1871d0c-fca6-4381-aba8-4584a1ac04ca",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/72acab1b-bd4b-4959-8ff4-a7afd29c8f2b",
     "id": "2:141",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066360089,
-    "updated": 1685609698638
+    "updated": 1702388830558
   },
   "attachment.svg": {
     "iconName": "attachment",
     "name": "attachment",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7cc93f40-737f-4a66-a35b-21145bf23301",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25a9a125-c228-44f3-8c96-66d0dbecf3a4",
     "id": "67:25",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066360859,
-    "updated": 1685609698907
+    "updated": 1702388830838
   },
   "web_medium.svg": {
     "iconName": "web_medium",
     "name": "web",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/58123e46-5a06-4bac-822c-6f91ce0df01c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3b8f6b1f-afc6-42ec-b2e6-107ea85b1315",
     "id": "2:138",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066361658,
-    "updated": 1685609699169
+    "updated": 1702388831117
   },
   "web.svg": {
     "iconName": "web",
     "name": "web",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a735ec21-11e9-4269-8d94-29d008ef3112",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/288fbf7a-b09e-40a5-8e52-80d962398554",
     "id": "67:22",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066362437,
-    "updated": 1685609699403
+    "updated": 1702388831403
   },
   "chat_medium.svg": {
     "iconName": "chat_medium",
     "name": "chat",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8cf6c88-928f-4852-93d6-3116197ffda6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8573b38-633c-4254-884c-ec224de65a11",
     "id": "2:140",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066363225,
-    "updated": 1685609699650
+    "updated": 1702388831693
   },
   "chat.svg": {
     "iconName": "chat",
     "name": "chat",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8633de2-d9cb-42f9-9ab9-5dd0143d070b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/92853ae8-3f5a-47ea-8b24-763b65299479",
     "id": "67:24",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066364004,
-    "updated": 1685609699940
+    "updated": 1702388831957
   },
   "bubble_medium.svg": {
     "iconName": "bubble_medium",
     "name": "bubble",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/16ccc2f1-7958-44e0-968a-c285c53eb2f9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/506e6d7f-6c32-4fe3-9657-00e3e058b337",
     "id": "2:139",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066364792,
-    "updated": 1685609700209
+    "updated": 1702388832249
   },
   "bubble.svg": {
     "iconName": "bubble",
     "name": "bubble",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/986d887a-db77-4d23-a858-44d9839efd6e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/46ead92d-3312-4c44-9abf-5ac2ad03887c",
     "id": "67:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066365576,
-    "updated": 1685609700459
+    "updated": 1702388832559
   },
   "location_medium.svg": {
     "iconName": "location_medium",
     "name": "location",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aae84c5a-cd76-4e7f-a507-47f4e41d9568",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6f16e90c-a0fe-4c82-9762-5471c20e1774",
     "id": "2:137",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066366344,
-    "updated": 1685609700742
+    "updated": 1702388832822
   },
   "location.svg": {
     "iconName": "location",
     "name": "location",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b4725aa6-654c-44ca-9640-e09228ffd49a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f85adb76-e018-4d46-acde-225ec009e823",
     "id": "67:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066367157,
-    "updated": 1685609701011
+    "updated": 1702388833093
   },
   "exclamation_medium.svg": {
     "iconName": "exclamation_medium",
     "name": "exclamation",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8e697ab1-f8f3-43ba-b86d-2a120ac1c1e0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/31497a8d-b776-4fc0-9c60-384c790e5427",
     "id": "2:136",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066367946,
-    "updated": 1685609701267
+    "updated": 1702388833517
   },
   "exclamation.svg": {
     "iconName": "exclamation",
     "name": "exclamation",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1440ea22-11d2-4168-88ae-139748203180",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1e3fc6e6-32df-4e69-a58b-8d09913bb7ee",
     "id": "67:20",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066368727,
-    "updated": 1685609701516
+    "updated": 1702388833842
   },
   "exclamation_triangle_medium.svg": {
     "iconName": "exclamation_triangle_medium",
     "name": "exclamation_triangle",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f7cd853f-5731-4b05-b6ff-dc5fa032bbd3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6f73cdb0-bd4f-47c8-99b2-04741ec845b0",
     "id": "2:135",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066369514,
-    "updated": 1685609701769
+    "updated": 1702388834127
   },
   "exclamation_triangle.svg": {
     "iconName": "exclamation_triangle",
     "name": "exclamation_triangle",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/32853d91-cb24-41fd-a4f5-c9d42170d035",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f8ccd56d-7fa6-4e15-9135-5bbaf5163b68",
     "id": "67:19",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066370280,
-    "updated": 1685609702028
+    "updated": 1702388834393
   },
   "exclamation_circled_medium.svg": {
     "iconName": "exclamation_circled_medium",
     "name": "exclamation_circled",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb53c804-a673-4ad5-891b-09110e25af2e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7208463e-2b4e-4d96-9819-ca90d03c08d9",
     "id": "2:134",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066371050,
-    "updated": 1685609702277
+    "updated": 1702388834676
   },
   "exclamation_circled.svg": {
     "iconName": "exclamation_circled",
     "name": "exclamation_circled",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/56ed8001-d9f6-4fa1-97c3-26ee9b861345",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/793649fa-6081-464b-8de4-3b2b2f3a0db4",
     "id": "67:18",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066371818,
-    "updated": 1685609702542
+    "updated": 1702388834937
   },
   "question_circled_medium.svg": {
     "iconName": "question_circled_medium",
     "name": "question_circled",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9ad9ffbf-89c1-48c1-a62f-3624b3ff8ecf",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1af62d00-1296-4492-87ea-5a3e2a171187",
     "id": "2:132",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066372580,
-    "updated": 1685609702796
+    "updated": 1702388835256
   },
   "question_circled.svg": {
     "iconName": "question_circled",
     "name": "question_circled",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/163d18ea-f9a6-4475-b81b-a28038829cc6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f9acff98-25bb-4e70-9129-d3dfcb7a4da1",
     "id": "67:16",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066373353,
-    "updated": 1685609703066
+    "updated": 1702388835519
   },
   "question_medium.svg": {
     "iconName": "question_medium",
     "name": "question",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5d94434e-011e-4034-afa3-4d3b7047bdd9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f33a666c-f4dc-4ed1-a0f6-c641d65d8ccb",
     "id": "2:133",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066374117,
-    "updated": 1685609703329
+    "updated": 1702388835810
   },
   "question.svg": {
     "iconName": "question",
     "name": "question",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/26e7a616-feba-4bbe-9313-e5ac21297f5b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/63b8856f-5b63-4353-8f84-ec6665bb1a7b",
     "id": "67:17",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066374880,
-    "updated": 1685609703578
+    "updated": 1702388836128
   },
   "information_medium.svg": {
     "iconName": "information_medium",
     "name": "information",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2c24a373-d342-4f32-a1a2-8507b9f1c832",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/afa35c25-0bf6-442a-9c11-21fa151e0f97",
     "id": "2:131",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066375645,
-    "updated": 1685609703828
+    "updated": 1702388836445
   },
   "information.svg": {
     "iconName": "information",
     "name": "information",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ca126836-1c47-4807-8264-064d13d2e322",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff2898eb-7536-4a5c-82c1-4a72f01b28a2",
     "id": "67:15",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066376413,
-    "updated": 1685609704095
+    "updated": 1702388836715
   },
   "information_bubble_medium.svg": {
     "iconName": "information_bubble_medium",
     "name": "information_bubble",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/74c1ebaa-a356-41af-a7d3-dc1c2bd37ddd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ee3f2bda-b87c-4d28-a6d8-f057b085e6bd",
     "id": "2:130",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066377182,
-    "updated": 1685609704341
+    "updated": 1702388837012
   },
   "information_bubble.svg": {
     "iconName": "information_bubble",
     "name": "information_bubble",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a91277e4-88a1-4e47-8554-3919a1fc7921",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d84757bc-0d89-4a37-85c3-0ea1790a71dc",
     "id": "67:14",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066377957,
-    "updated": 1685609704599
+    "updated": 1702388837319
   },
   "information_circled_medium.svg": {
     "iconName": "information_circled_medium",
     "name": "information_circled",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c54b13a-4327-4b89-93c6-748afafc3ebe",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/21e33605-87ea-45ab-a96a-ea37dba7fdfa",
     "id": "2:129",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066378742,
-    "updated": 1685609704841
+    "updated": 1702388837600
   },
   "information_circled.svg": {
     "iconName": "information_circled",
     "name": "information_circled",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01ed7e4f-ddcd-4dbb-8d4c-9f1c1848f0b0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0911f4a2-2d2a-4296-b117-4bf1af8257c7",
     "id": "67:13",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066379501,
-    "updated": 1685609705133
+    "updated": 1702388837892
   },
   "progress_medium.svg": {
     "iconName": "progress_medium",
     "name": "progress",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/619ea862-cace-40f9-b2af-a6ae3f0fcc72",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c1991806-7e67-4c5d-9f55-48546ff56a78",
     "id": "2:128",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066380280,
-    "updated": 1685609705356
+    "updated": 1702388838159
   },
   "progress.svg": {
     "iconName": "progress",
     "name": "progress",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f937ac10-4e55-4529-bd19-0db447d32517",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8aac9739-1e92-4299-a4f3-fd66232bb693",
     "id": "67:12",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066381078,
-    "updated": 1685609705597
+    "updated": 1702388838423
   },
   "filter_medium.svg": {
     "iconName": "filter_medium",
     "name": "filter",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/402dd8bd-5fd7-4530-a831-af715e51b103",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8af11062-b590-4b26-a34e-55219afc9b53",
     "id": "2:127",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066381859,
-    "updated": 1685609705850
+    "updated": 1702388838718
   },
   "filter.svg": {
     "iconName": "filter",
     "name": "filter",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5aacbfaf-0b0a-4e2c-9d1a-1f7cd2ec388d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c9820480-e047-413e-a35f-c781fbec05cd",
     "id": "67:11",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066382638,
-    "updated": 1685609706128
+    "updated": 1702388839007
   },
   "people_2_medium.svg": {
     "iconName": "people_2_medium",
     "name": "people_2",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/53130b2f-7e5b-4cf9-9e13-14f593fd018f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6bf50295-54c7-425d-a6ff-ed34d792c150",
     "id": "2:126",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066383413,
-    "updated": 1685609706363
+    "updated": 1702388839325
   },
   "people_2.svg": {
     "iconName": "people_2",
     "name": "people_2",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/03b98753-19b3-49b8-baea-16c9fac63653",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/67a973ef-7d1b-4a1a-b8bc-014f84eb43cd",
     "id": "67:10",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066384189,
-    "updated": 1685609706598
+    "updated": 1702388839637
   },
   "people_1_medium.svg": {
     "iconName": "people_1_medium",
     "name": "people_1",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5c59300f-5207-4639-8b06-5491e42af20f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/793ed63e-f6b0-46a6-b76d-5843a49fb45b",
     "id": "2:125",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066384961,
-    "updated": 1685609706856
+    "updated": 1702388839918
   },
   "people_1.svg": {
     "iconName": "people_1",
     "name": "people_1",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1dc68871-7831-4fc6-a507-e6ac6fd57188",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/17cf35ec-88f8-4293-af03-d8fcd4385058",
     "id": "67:9",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066385755,
-    "updated": 1685609707097
+    "updated": 1702388840223
   },
   "person_shield_medium.svg": {
     "iconName": "person_shield_medium",
     "name": "person_shield",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/278cb6b3-5e10-49f3-96dc-0cb48baacfae",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/229d2675-a7cc-4f46-9f06-4fd1deba17cc",
     "id": "1897:51",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066386544,
-    "updated": 1685609707362
+    "updated": 1702388840535
   },
   "person_shield.svg": {
     "iconName": "person_shield",
     "name": "person_shield",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9a7fc078-c04d-4243-a5c8-8fd304e13e33",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1b10f158-6495-4311-82d7-e491312ba6bb",
     "id": "1897:53",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066387344,
-    "updated": 1685609707610
+    "updated": 1702388840923
   },
   "person_medium.svg": {
     "iconName": "person_medium",
     "name": "person",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/66bca795-c8c6-45e8-83c6-e9b977b2d07a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/400e96df-23eb-4bda-a515-153d33c7d32d",
     "id": "2:124",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066388129,
-    "updated": 1685609707846
+    "updated": 1702388841256
   },
   "person.svg": {
     "iconName": "person",
     "name": "person",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/840927bb-4b99-4ba0-873a-ed1c39c8c2a9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e76752df-20eb-473f-81cc-b23f7be6c627",
     "id": "67:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066388900,
-    "updated": 1685609708092
+    "updated": 1702388841525
   },
   "profile_medium.svg": {
     "iconName": "profile_medium",
     "name": "profile",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e46ef738-5d13-46b9-ae0e-3e3e76884f22",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a447819c-cde1-402a-bc89-9f9a7a836f11",
     "id": "2:123",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066389681,
-    "updated": 1685609708338
+    "updated": 1702388841811
   },
   "profile.svg": {
     "iconName": "profile",
     "name": "profile",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c14bcf07-e4b3-410f-a3c8-0b6865feaaa1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/95caa888-1114-4d72-8da5-578b9a9e0bd6",
     "id": "67:7",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066390451,
-    "updated": 1685609708600
+    "updated": 1702388842097
   },
   "globe_medium.svg": {
     "iconName": "globe_medium",
     "name": "globe",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/010edc6a-8a2b-4875-9906-2e5536727cf5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/59b4bd88-8ec0-42b0-acc6-4ce9f6fa6b1e",
     "id": "2:122",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066391231,
-    "updated": 1685609708853
+    "updated": 1702388842352
   },
   "globe.svg": {
     "iconName": "globe",
     "name": "globe",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/74ccac87-fe69-4c55-92b7-b84e6c78fb2d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0dc10e0e-ad57-4b1c-be4d-8ed5d3582274",
     "id": "67:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066392004,
-    "updated": 1685609709104
+    "updated": 1702388842657
   },
   "digipass_medium.svg": {
     "iconName": "digipass_medium",
     "name": "digipass",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f298b92-0469-406c-9c40-91bd4a9ac5e0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/087d9afa-849b-4d19-878a-3394540d5262",
     "id": "2:120",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066392813,
-    "updated": 1685609709384
+    "updated": 1702388842942
   },
   "digipass.svg": {
     "iconName": "digipass",
     "name": "digipass",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/049292f4-0c99-4d63-8539-44484bd9f2ba",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4b28e94-697a-4a76-84c6-a8336c09e253",
     "id": "67:5",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066393582,
-    "updated": 1685609709662
+    "updated": 1702388843200
   },
   "pin_code_medium.svg": {
     "iconName": "pin_code_medium",
     "name": "pin_code",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6ea82865-42f7-4e33-8246-695f9572a4de",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a5523902-6154-43ab-9a4e-e4902c8f7b10",
     "id": "2:119",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066394359,
-    "updated": 1685609709905
+    "updated": 1702388843490
   },
   "pin_code.svg": {
     "iconName": "pin_code",
     "name": "pin_code",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9d321972-94d0-4cda-ad18-01fa6959d62a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82c59865-7906-4c16-ab9b-82cb8ade865b",
     "id": "67:4",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066395150,
-    "updated": 1685609710185
+    "updated": 1702388843779
   },
   "bankid_qr_medium.svg": {
     "iconName": "bankid_qr_medium",
     "name": "bankid_qr",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4339cd10-bb2a-4b90-b74b-2c01f4ba2e84",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b856e793-5dc6-46d4-b597-fc6c94285946",
     "id": "2:118",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066395931,
-    "updated": 1685609710451
+    "updated": 1702388844100
   },
   "bankid_qr.svg": {
     "iconName": "bankid_qr",
     "name": "bankid_qr",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ded9c4f-1412-4835-a992-0ce786b3303c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c310b4f2-e854-4338-a6f8-3bec35f26c14",
     "id": "67:3",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066396714,
-    "updated": 1685609710723
+    "updated": 1702388844426
   },
   "bankid_mobile_medium.svg": {
     "iconName": "bankid_mobile_medium",
     "name": "bankid_mobile",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4f5bf77b-1f0b-4bb0-81fb-c9f5e8215212",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ab1f8e50-a408-490d-80be-8d3f53d91406",
     "id": "2:117",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066397511,
-    "updated": 1685609710962
+    "updated": 1702388844735
   },
   "bankid_mobile.svg": {
     "iconName": "bankid_mobile",
     "name": "bankid_mobile",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2dff6705-f378-476d-b911-c1e25dc1f127",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3922e934-f5a0-4d71-b663-f46720724ee5",
     "id": "67:2",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066398282,
-    "updated": 1685609711222
+    "updated": 1702388845032
   },
   "bankid_medium.svg": {
     "iconName": "bankid_medium",
     "name": "bankid",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2caefa87-2824-444d-be21-1ac5164de2f0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ea0e699-0b95-45b1-bf83-5d8940710ce3",
     "id": "2:116",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066399051,
-    "updated": 1685609711488
+    "updated": 1702388845303
   },
   "bankid.svg": {
     "iconName": "bankid",
     "name": "bankid",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/74ee706c-7ce8-4386-b8bb-7240e0a9aa3f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c4764a6f-ce0d-4b68-a9a5-2ed9c308361f",
     "id": "67:1",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066399826,
-    "updated": 1685609711741
+    "updated": 1702388845594
   },
   "sort_medium.svg": {
     "iconName": "sort_medium",
     "name": "sort",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/05ff0687-a8c6-434e-9fef-78cc60307b32",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b71aff9c-5ccf-4f71-98c7-edbde7ec170d",
     "id": "4600:68",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066400590,
-    "updated": 1685609712005
+    "updated": 1702388819924
   },
   "sort.svg": {
     "iconName": "sort",
     "name": "sort",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/944ba2c1-120d-4545-b009-24a82abdb7b4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b84a195e-b566-461a-bde1-507ddd530010",
     "id": "4600:67",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066401367,
-    "updated": 1685609712233
+    "updated": 1702388820257
   },
   "layout_card_medium.svg": {
     "iconName": "layout_card_medium",
     "name": "layout_card",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c513eda6-bbc1-45dc-abeb-139226bd2cb3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40ef1f0b-5580-4808-be70-7e3e43bd7825",
     "id": "4744:13",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066402144,
-    "updated": 1685609712473
+    "updated": 1702388819310
   },
   "layout_card.svg": {
     "iconName": "layout_card",
     "name": "layout_card",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8beb0d87-0ecd-4be0-abb6-5cc26dd79c94",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8e2c63a4-d848-4acb-84fa-0d9de7a3eb30",
     "id": "4744:15",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066403037,
-    "updated": 1685609712722
+    "updated": 1702388819611
   },
   "unlock_medium.svg": {
     "iconName": "unlock_medium",
     "name": "unlock",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1b77593d-30fa-4be3-9de0-bd8c8e10a94e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f1205b78-7e2b-4f2e-a01d-7cd6bda42020",
     "id": "4744:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066403803,
-    "updated": 1685609712959
+    "updated": 1702388818670
   },
   "unlock.svg": {
     "iconName": "unlock",
     "name": "unlock",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1f2c77cb-9b63-4df2-aa86-4582a6845f6e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/226ef9d4-d3c9-4c51-9f89-b0e4b558dc3d",
     "id": "4744:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066404573,
-    "updated": 1685609713211
+    "updated": 1702388818999
   },
   "hierarchy_medium.svg": {
     "iconName": "hierarchy_medium",
     "name": "hierarchy",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4615cb01-0f49-4691-9230-5dc1b7e68b7c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cd94b83c-d2b7-41e1-81c7-43f5ce042d51",
     "id": "4744:47",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066405381,
-    "updated": 1685609713457
+    "updated": 1702388818038
   },
   "hierarchy.svg": {
     "iconName": "hierarchy",
     "name": "hierarchy",
     "category": "essentials",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cfde04b9-d61e-4f40-8ffd-dd7d6ecf4c9f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/73877d04-21c9-4922-93bc-1168c21f685d",
     "id": "4744:49",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066406308,
-    "updated": 1685609713700
+    "updated": 1702388818347
   },
   "speedometer_medium.svg": {
     "iconName": "speedometer_medium",
     "name": "speedometer",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86725a07-658b-4a19-9b0b-8c2940a61cf6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/83ac098c-a000-4b06-9670-5d7e82dbc867",
     "id": "3179:24",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066407210,
-    "updated": 1685609713978
+    "updated": 1702388860896
   },
   "speedometer.svg": {
     "iconName": "speedometer",
     "name": "speedometer",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/219d530f-f39a-4500-aa0a-18cadf31a320",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/561f72d0-17d2-41d1-8757-5c29dc38df5e",
     "id": "3179:32",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066408113,
-    "updated": 1685609714235
+    "updated": 1702388861180
   },
   "news_medium.svg": {
     "iconName": "news_medium",
     "name": "news",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3ee2943f-a542-4487-b968-84b9cee638df",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f877dbf7-0475-4bd0-a26a-121259de6216",
     "id": "3574:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066408890,
-    "updated": 1685609714524
+    "updated": 1702388860253
   },
   "news.svg": {
     "iconName": "news",
     "name": "news",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7568128c-d6c0-4d1e-a38c-ce7607ad3cf1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c7f5418c-4db9-44e8-8182-1d8971f7dadf",
     "id": "3574:20",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066409725,
-    "updated": 1685609714800
+    "updated": 1702388860575
   },
   "podcast_medium.svg": {
     "iconName": "podcast_medium",
     "name": "podcast",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/218adf16-a659-415d-a9fc-783deef54f56",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c36d5ef-0461-4082-abeb-0496d280c71c",
     "id": "3589:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066410510,
-    "updated": 1685609715093
+    "updated": 1702388857167
   },
   "podcast.svg": {
     "iconName": "podcast",
     "name": "podcast",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/314c4d93-8bda-4c11-b291-83e35d060405",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6662f44e-8e9e-4676-a746-6d2658704d25",
     "id": "3589:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066411294,
-    "updated": 1685609715363
+    "updated": 1702388857505
   },
   "calculator_medium.svg": {
     "iconName": "calculator_medium",
     "name": "calculator",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/88c82b1c-67f4-4fe2-99c0-e94af6b8402e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3ec85079-3a4d-46b4-90c3-24e0ebe9e751",
     "id": "2964:56",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066412076,
-    "updated": 1685609715633
+    "updated": 1702388861494
   },
   "calculator.svg": {
     "iconName": "calculator",
     "name": "calculator",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6338377e-5917-4b23-a868-02ef8d59a2ff",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e96baa63-2359-425d-9087-8d30b604fc6d",
     "id": "2964:57",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066412867,
-    "updated": 1685609715914
+    "updated": 1702388861822
   },
   "tag_medium.svg": {
     "iconName": "tag_medium",
     "name": "tag",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/212fe5bd-76aa-4917-9626-b346ce0868c5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c2116c1-d576-41ea-9471-24d526581342",
     "id": "2924:20",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066413632,
-    "updated": 1685609716174
+    "updated": 1702388862114
   },
   "tag.svg": {
     "iconName": "tag",
     "name": "tag",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24d68a9b-90ea-4e5e-9ce3-8aa517b5f018",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0ec5b64c-1e6d-4cc4-859d-9f796a2d5569",
     "id": "2924:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066414407,
-    "updated": 1685609716419
+    "updated": 1702388862447
   },
   "cloud_rain_medium.svg": {
     "iconName": "cloud_rain_medium",
     "name": "cloud_rain",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c7c7a798-6a03-4c85-8d62-38c8cf92a83f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b97a33c5-c9c4-4e5f-8f9c-85f3f5a07bb6",
     "id": "2850:82",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066415186,
-    "updated": 1685609716655
+    "updated": 1702388859028
   },
   "cloud_rain.svg": {
     "iconName": "cloud_rain",
     "name": "cloud_rain",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d7da3f14-801a-4355-bb81-c549db44e025",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b80a334-a5f7-45e3-b924-d28a462444ea",
     "id": "2850:83",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066415957,
-    "updated": 1685609716912
+    "updated": 1702388859296
   },
   "cloud_sync_medium.svg": {
     "iconName": "cloud_sync_medium",
     "name": "cloud_sync",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/164d7f4d-2ec8-4cd6-bb74-9fc9eb3877e3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82d5197e-b100-430d-954c-d763e9d0695a",
     "id": "2850:81",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066416735,
-    "updated": 1685609717734
+    "updated": 1702388859632
   },
   "cloud_sync.svg": {
     "iconName": "cloud_sync",
     "name": "cloud_sync",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/907ccec6-bc86-46df-9dba-a5a09e4a3857",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b766d956-a663-4895-a410-280ebeda8a06",
     "id": "2850:80",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066417504,
-    "updated": 1685609718001
+    "updated": 1702388859946
   },
   "cloud_upload_medium.svg": {
     "iconName": "cloud_upload_medium",
     "name": "cloud_upload",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/10aa7e48-9626-41d2-a572-1a7dd8544c3f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b356312e-a665-475d-bb81-04aad5418f73",
     "id": "2850:73",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066418285,
-    "updated": 1685609718252
+    "updated": 1702388862739
   },
   "cloud_upload.svg": {
     "iconName": "cloud_upload",
     "name": "cloud_upload",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8a78db56-eb4b-4e26-b461-c25bfdfffd59",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cf7d7694-362c-42c3-a3bc-229e4998e9ae",
     "id": "2850:79",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066419067,
-    "updated": 1685609718498
+    "updated": 1702388863021
   },
   "cloud_download_medium.svg": {
     "iconName": "cloud_download_medium",
     "name": "cloud_download",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5e4dc2bd-bf15-4dc9-b74d-d43d7185fa62",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d8fdc160-7c20-4dd2-b222-d62c73d19e09",
     "id": "2850:75",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066419836,
-    "updated": 1685609718765
+    "updated": 1702388863291
   },
   "cloud_download.svg": {
     "iconName": "cloud_download",
     "name": "cloud_download",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a63fb91-8dfe-4e4b-bdac-a799ad429b89",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79290640-77b6-4d1a-ab0a-275cf25a6a4f",
     "id": "2850:78",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066420612,
-    "updated": 1685609719029
+    "updated": 1702388863659
   },
   "cloud_transfer_medium.svg": {
     "iconName": "cloud_transfer_medium",
     "name": "cloud_transfer",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/180f0f9c-84b8-40a6-a0ed-83ceb8b1bd6d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7d8e6751-66d7-4a18-b319-4bd4535d0166",
     "id": "2850:72",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066421386,
-    "updated": 1685609719331
+    "updated": 1702388863946
   },
   "cloud_transfer.svg": {
     "iconName": "cloud_transfer",
     "name": "cloud_transfer",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ca474adc-179f-46ff-8c6a-71f01f0cd18f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad85f525-be10-4f53-b28c-63075d03dde6",
     "id": "2850:76",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066422161,
-    "updated": 1685609719577
+    "updated": 1702388864276
   },
   "cloud_medium.svg": {
     "iconName": "cloud_medium",
     "name": "cloud",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/679cbcda-4e53-4bd2-8653-b0d71491af36",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/de576864-b310-461c-a65f-c33a168e90dd",
     "id": "2850:77",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066422926,
-    "updated": 1685609719832
+    "updated": 1702388864598
   },
   "cloud.svg": {
     "iconName": "cloud",
     "name": "cloud",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/00f02964-3468-470a-89cb-bb1c20d54f6c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1bdcdf88-6ab1-4105-8b9e-b2d542bf0836",
     "id": "2850:74",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066423703,
-    "updated": 1685609720073
+    "updated": 1702388864858
   },
   "fridge_medium.svg": {
     "iconName": "fridge_medium",
     "name": "fridge",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2f475eac-1715-4b9c-88c4-ed4a6be865b9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cccb5315-93ad-4aff-8e53-328df44164db",
     "id": "2776:122",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066424488,
-    "updated": 1685609720323
+    "updated": 1702388865183
   },
   "fridge.svg": {
     "iconName": "fridge",
     "name": "fridge",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f9ea8a43-0248-425b-aea2-9c136421f79d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1f2401b0-590e-486c-bd6f-1def1532011f",
     "id": "2776:128",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066425276,
-    "updated": 1685609720587
+    "updated": 1702388865454
   },
   "brickwall_medium.svg": {
     "iconName": "brickwall_medium",
     "name": "brickwall",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/416678f1-514c-4a14-b701-e7324b1d6850",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/941dd606-f942-42a9-81f7-d80f039bb542",
     "id": "2776:121",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066426055,
-    "updated": 1685609720822
+    "updated": 1702388865790
   },
   "brickwall.svg": {
     "iconName": "brickwall",
     "name": "brickwall",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fc6bf1a-f0c5-462f-a440-12a3f1ccf9e6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bf8de5ac-28f1-40f2-b3d1-a6b5ee3dbf13",
     "id": "2776:127",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066426825,
-    "updated": 1685609721065
+    "updated": 1702388866100
   },
   "charger_medium.svg": {
     "iconName": "charger_medium",
     "name": "charger",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea95192a-8acf-433c-ab50-7a9b4925401b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/41ac0294-ea5c-4481-a29d-bb840b06fb35",
     "id": "2776:120",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066427603,
-    "updated": 1685609721316
+    "updated": 1702388866392
   },
   "charger.svg": {
     "iconName": "charger",
     "name": "charger",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40bdeac6-c2a5-47a6-821b-7ad73467ff2d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01d4bd11-a239-486b-bf00-24cc8522d26e",
     "id": "2776:126",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066428368,
-    "updated": 1685609721565
+    "updated": 1702388866683
   },
   "chip_medium.svg": {
     "iconName": "chip_medium",
     "name": "chip",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b1c898e-3598-4279-8f78-c172d0d54963",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4cd30ce0-25ab-4f56-b5ff-f870a70b53e5",
     "id": "2776:119",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066429148,
-    "updated": 1685609721810
+    "updated": 1702388866977
   },
   "chip.svg": {
     "iconName": "chip",
     "name": "chip",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2c07b5b2-b4f8-451a-bc61-a07612621395",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e9ca9fb-78aa-4a93-b068-8940be2f2f53",
     "id": "2776:125",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066429941,
-    "updated": 1685609722061
+    "updated": 1702388867239
   },
   "factory_medium.svg": {
     "iconName": "factory_medium",
     "name": "factory",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c522944-9f31-4cdf-bf86-167cc3e21982",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dfeb940e-d942-4319-99df-d97be4ce627e",
     "id": "2776:118",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066430714,
-    "updated": 1685609722311
+    "updated": 1702388867595
   },
   "factory.svg": {
     "iconName": "factory",
     "name": "factory",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/74a77c2f-ec6c-468c-88f0-2b3681199da5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/438b184a-6fe4-4c0a-85af-6e36129fb624",
     "id": "2776:124",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066431486,
-    "updated": 1685609722571
+    "updated": 1702388867979
   },
   "oil_medium.svg": {
     "iconName": "oil_medium",
     "name": "oil",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1d6a4554-2b32-491a-8eb5-36d84de698f0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/52c0708a-e7fd-4f35-a9eb-3bc1b577fbe7",
     "id": "2776:117",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066432256,
-    "updated": 1685609722855
+    "updated": 1702388868313
   },
   "oil.svg": {
     "iconName": "oil",
     "name": "oil",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abe21878-7b24-47ce-a984-ffa0edfc197a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c1ae33b-ff21-4da3-98dc-ce42aba67072",
     "id": "2776:123",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066433033,
-    "updated": 1685609723100
+    "updated": 1702388868583
   },
   "megaphone_medium.svg": {
     "iconName": "megaphone_medium",
     "name": "megaphone",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2a434d56-8dc0-46a9-82e5-5fd2111ff5af",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5870398a-cbd7-4bd0-b591-0500d3aeac94",
     "id": "2576:30",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066433815,
-    "updated": 1685609723356
+    "updated": 1702388868917
   },
   "megaphone.svg": {
     "iconName": "megaphone",
     "name": "megaphone",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/535522b7-7206-46f2-aa4d-49055cca42b6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d51b6e0b-1ea9-45d3-8ed8-936778d2f0f0",
     "id": "2576:31",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066434589,
-    "updated": 1685609723607
+    "updated": 1702388869243
   },
   "phone_medium.svg": {
     "iconName": "phone_medium",
     "name": "phone",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/359e2c43-3079-4744-90c4-af67531fc3ef",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa46d5a2-4385-4069-8699-557e0bd1c636",
     "id": "2542:20",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066435385,
-    "updated": 1685609723856
+    "updated": 1702388869616
   },
   "phone.svg": {
     "iconName": "phone",
     "name": "phone",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e80a1829-4509-4235-9626-3acc8be372d1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3fdb45f8-b588-45b6-a472-b02e5934f181",
     "id": "2542:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066436155,
-    "updated": 1685609724107
+    "updated": 1702388869904
   },
   "leaf_medium.svg": {
     "iconName": "leaf_medium",
     "name": "leaf",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b847bad9-6f73-46f7-bb67-b02ed8759616",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/88605717-32fb-4015-933f-1c702deebd08",
     "id": "2472:17",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066436931,
-    "updated": 1685609724373
+    "updated": 1702388870231
   },
   "leaf.svg": {
     "iconName": "leaf",
     "name": "leaf",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a5ae3d9-dcc9-40db-b6ae-1266913828a7",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0b1256ef-f845-4b99-aa5b-23dc4579f430",
     "id": "2472:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066437694,
-    "updated": 1685609724611
+    "updated": 1702388870529
   },
   "shield_medium.svg": {
     "iconName": "shield_medium",
     "name": "shield",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d7c4163f-85f8-4578-a51e-de6da4518060",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/19e5c2ad-4727-4ccf-8661-cc9a400dd4d3",
     "id": "1897:50",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066438468,
-    "updated": 1685609724845
+    "updated": 1702388870818
   },
   "shield.svg": {
     "iconName": "shield",
     "name": "shield",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2605887d-90e8-4d2f-9bd4-89aec4bb59aa",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f45a39a-fd8b-4fac-a1ba-22ae55b03b98",
     "id": "1897:52",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066439307,
-    "updated": 1685609725100
+    "updated": 1702388871125
   },
   "pin_medium.svg": {
     "iconName": "pin_medium",
     "name": "pin",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e7769fda-f56f-43c5-9178-e6c32ff12eeb",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/30d705df-5915-4fac-8158-9e3517761c4e",
     "id": "1780:20",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066440139,
-    "updated": 1685609725350
+    "updated": 1702388871443
   },
   "pin.svg": {
     "iconName": "pin",
     "name": "pin",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5c611d54-b104-4342-b3b4-d342d45e2962",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0a1eb371-ba15-4f22-82f4-820263021690",
     "id": "1780:26",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066440924,
-    "updated": 1685609725623
+    "updated": 1702388871760
   },
   "video_medium.svg": {
     "iconName": "video_medium",
     "name": "video",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bab867d5-5667-44f3-b265-e9a8c8c5ca86",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dee04a91-552d-43e8-91a5-c19166b04b62",
     "id": "1186:29",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066441696,
-    "updated": 1685609725892
+    "updated": 1702388872030
   },
   "video.svg": {
     "iconName": "video",
     "name": "video",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7cd79f97-de10-48fd-be69-0ff1ae28ccf9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e463400e-0f2f-435c-893d-787ad9ac4a7c",
     "id": "1187:5",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066442479,
-    "updated": 1685609726133
+    "updated": 1702388872334
   },
   "cookie_medium.svg": {
     "iconName": "cookie_medium",
     "name": "cookie",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8bbcb1c1-2b7d-4f6e-b694-108c5759a7b1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b26674d6-a181-4199-9d8b-cf2d4d0bdc9c",
     "id": "1106:109",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066443253,
-    "updated": 1685609726393
+    "updated": 1702388872636
   },
   "cookie.svg": {
     "iconName": "cookie",
     "name": "cookie",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/59e24098-8fd5-4e0e-8a57-86ce4a79b607",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f77ead1-27ae-4ecd-a678-c75dc5fb19ac",
     "id": "1106:110",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066444022,
-    "updated": 1685609726660
+    "updated": 1702388872894
   },
   "photo_medium.svg": {
     "iconName": "photo_medium",
     "name": "photo",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c57a151-6308-454a-95aa-8b2bf29ffe8c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4138567-6edc-4e5b-9fd8-7795fe918ce0",
     "id": "1104:119",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066444823,
-    "updated": 1685609726908
+    "updated": 1702388873214
   },
   "photo.svg": {
     "iconName": "photo",
     "name": "photo",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5125fa0-69e3-4c5a-9564-a7a1b8f33bf4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e143a57f-39bd-4c8a-b302-97baa755153d",
     "id": "1104:121",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066445612,
-    "updated": 1685609727148
+    "updated": 1702388873568
   },
   "folder_medium.svg": {
     "iconName": "folder_medium",
     "name": "folder",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/72bf4423-96e0-4ea1-ae76-87e3829b07e5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3d8fae1a-63f1-427a-8089-6d7c3397324a",
     "id": "1104:118",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066446386,
-    "updated": 1685609727438
+    "updated": 1702388873857
   },
   "folder.svg": {
     "iconName": "folder",
     "name": "folder",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1f0b827c-f81e-4919-85b8-44ce9f295a3d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ac1ea2e-c2a2-41d0-ab60-355b3971c7d2",
     "id": "1104:120",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066447158,
-    "updated": 1685609727679
+    "updated": 1702388874142
   },
   "hourglass_medium.svg": {
     "iconName": "hourglass_medium",
     "name": "hourglass",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bed951a9-6e06-41b9-b626-505365825e3c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d614ba4e-9768-473d-8a46-4cefd5f2c06e",
     "id": "947:98",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066447937,
-    "updated": 1685609727953
+    "updated": 1702388874477
   },
   "hourglass.svg": {
     "iconName": "hourglass",
     "name": "hourglass",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/93e1d910-30f6-4df7-9f21-193c5cf6254d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd1c46df-a636-413f-9a12-47d5a299b727",
     "id": "947:110",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066448721,
-    "updated": 1685609728240
+    "updated": 1702388874740
   },
   "email_medium.svg": {
     "iconName": "email_medium",
     "name": "email",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1f94e9bc-5bb3-4f34-beb9-9b1046e57a62",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bf6458f5-096d-498a-8f2e-2606c6a22f41",
     "id": "907:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066449497,
-    "updated": 1685609728501
+    "updated": 1702388875003
   },
   "email.svg": {
     "iconName": "email",
     "name": "email",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/88c0d7ae-65a8-4a5d-9fd2-f2c420380160",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a5169527-ecee-40f9-b7fb-602336157561",
     "id": "907:29",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066450286,
-    "updated": 1685609728777
+    "updated": 1702388875308
   },
   "paperclip_medium.svg": {
     "iconName": "paperclip_medium",
     "name": "paperclip",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7d133c15-790f-424c-a681-51410b17a9b5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b587431b-7297-4043-98aa-8e66668dd5c4",
     "id": "559:26",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066451046,
-    "updated": 1685609729027
+    "updated": 1702388875603
   },
   "paperclip.svg": {
     "iconName": "paperclip",
     "name": "paperclip",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eebefd6a-3c04-47e2-a9be-7236aa8fe3bd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7826af1a-c784-4df8-b2d9-81b15e85bb15",
     "id": "559:32",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066451809,
-    "updated": 1685609729305
+    "updated": 1702388875872
   },
   "printer_medium.svg": {
     "iconName": "printer_medium",
     "name": "printer",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc227588-f657-4ba6-9224-3cadfc756204",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bfbb5ff7-32bf-41c3-9157-3203a4b55b18",
     "id": "2:115",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066452583,
-    "updated": 1685609729549
+    "updated": 1702388876155
   },
   "printer.svg": {
     "iconName": "printer",
     "name": "printer",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c7b00ce3-611d-4b5c-af2e-6f8d42262f69",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d2d3790-e323-4865-a0e7-e93d26e044be",
     "id": "66:42",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066453355,
-    "updated": 1685609729804
+    "updated": 1702388876470
   },
   "customer_service_medium.svg": {
     "iconName": "customer_service_medium",
     "name": "customer_service",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c42d423e-d171-4cd0-8d5a-1bf4fb249336",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad7af354-78b7-4bbf-9a44-75e0a9b9392d",
     "id": "2:114",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066454140,
-    "updated": 1685609730067
+    "updated": 1702388876765
   },
   "customer_service.svg": {
     "iconName": "customer_service",
     "name": "customer_service",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a828fc21-b4f7-48f7-a295-d4ff1efe8d57",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/caa43d75-db57-4336-aed5-4e0f822be557",
     "id": "66:41",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066454909,
-    "updated": 1685609730315
+    "updated": 1702388877128
   },
   "chatbot_medium.svg": {
     "iconName": "chatbot_medium",
     "name": "chatbot",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33a2b2d7-a2f3-47cd-b319-d5698dc39958",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bea7d8aa-8491-4f81-b21c-1271716d56cc",
     "id": "2:113",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066455703,
-    "updated": 1685609730599
+    "updated": 1702388877439
   },
   "chatbot.svg": {
     "iconName": "chatbot",
     "name": "chatbot",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/58de0fbb-863a-4453-91d6-683be7ef3466",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7e9e930a-cab4-4a9b-9963-fe362a607b20",
     "id": "66:40",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066456478,
-    "updated": 1685609730843
+    "updated": 1702388877708
   },
   "broken_chain_medium.svg": {
     "iconName": "broken_chain_medium",
     "name": "broken_chain",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e0a1ab2d-7973-402b-8051-fd8ae82b3844",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd6fb8ed-fa6e-497f-96b0-a286a51ab2b7",
     "id": "1184:22",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066457242,
-    "updated": 1685609731096
+    "updated": 1702388877977
   },
   "broken_chain.svg": {
     "iconName": "broken_chain",
     "name": "broken_chain",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2df63861-d20e-4900-a5f9-546365f98522",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/45ca0198-e242-4aea-8fe8-3a8354ecbd8b",
     "id": "1184:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066458011,
-    "updated": 1685609731334
+    "updated": 1702388878245
   },
   "chain_medium.svg": {
     "iconName": "chain_medium",
     "name": "chain",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3638f886-c491-401d-aebb-7ef174011f45",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15a07014-e1bf-47a7-bad3-9983b54775d1",
     "id": "2:112",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066458781,
-    "updated": 1685609731598
+    "updated": 1702388878553
   },
   "chain.svg": {
     "iconName": "chain",
     "name": "chain",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d832108-4636-42d8-945c-cb6adb26d708",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f6541b6a-5f2d-4f72-8fbc-7bbb7897f124",
     "id": "66:39",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066459560,
-    "updated": 1685609731875
+    "updated": 1702388878851
   },
   "microphone_medium.svg": {
     "iconName": "microphone_medium",
     "name": "microphone",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a038433-9b19-4b50-aea2-cc8b65d2a948",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d6e518cf-165a-4616-bb16-7a47a2fe6063",
     "id": "2:111",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066460346,
-    "updated": 1685609732152
+    "updated": 1702388879133
   },
   "microphone.svg": {
     "iconName": "microphone",
     "name": "microphone",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6780f19f-e8c5-44ff-95dd-2ea8dfa11201",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad74515c-1112-4d95-ad13-53a698cf95ee",
     "id": "66:38",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066461128,
-    "updated": 1685609732389
+    "updated": 1702388879476
   },
   "wearables_medium.svg": {
     "iconName": "wearables_medium",
     "name": "wearables",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eea514b5-0459-4220-8eaf-4f555b25be9a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ff8321c-794a-492c-8352-211aeb53606e",
     "id": "2:110",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066461895,
-    "updated": 1685609732633
+    "updated": 1702388879782
   },
   "wearables.svg": {
     "iconName": "wearables",
     "name": "wearables",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/df74a1fe-75c6-4fc9-9df7-34e65e92a490",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/55ca7bf1-b2f2-4331-b87f-d628a36c74b7",
     "id": "66:37",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066462666,
-    "updated": 1685609732878
+    "updated": 1702388880045
   },
   "apple_watch_medium.svg": {
     "iconName": "apple_watch_medium",
     "name": "apple_watch",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5523780a-7649-42e9-9f4c-abd74188411f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8e0b59d1-7c5e-4cc6-a517-54cb8af6cc43",
     "id": "2:109",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066463435,
-    "updated": 1685609733114
+    "updated": 1702388880376
   },
   "apple_watch.svg": {
     "iconName": "apple_watch",
     "name": "apple_watch",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8565bae4-b1d5-4247-8e2b-f598278b8baa",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/50433992-96c7-4a0b-9f58-bd4091cb899e",
     "id": "66:36",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066464203,
-    "updated": 1685609733372
+    "updated": 1702388880701
   },
   "widget_android_medium.svg": {
     "iconName": "widget_android_medium",
     "name": "widget_android",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f23607a-3efa-4906-9dfd-1ff372b362ad",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c44dbd00-70e0-48d0-bed4-b55b29d2608f",
     "id": "2:108",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066464974,
-    "updated": 1685609733646
+    "updated": 1702388881034
   },
   "widget_android.svg": {
     "iconName": "widget_android",
     "name": "widget_android",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01952507-aea7-430d-b95c-5f3dc9736325",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/98150117-0e5c-40e4-b9e9-97127a2e6e38",
     "id": "66:35",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066465737,
-    "updated": 1685609733899
+    "updated": 1702388881337
   },
   "widget_ios_medium.svg": {
     "iconName": "widget_ios_medium",
     "name": "widget_ios",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/75b6f972-efad-41bb-9217-d95154e424bd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5825b111-eb51-40e0-8108-cbb386ec2dff",
     "id": "2:107",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066466504,
-    "updated": 1685609734141
+    "updated": 1702388881649
   },
   "widget_ios.svg": {
     "iconName": "widget_ios",
     "name": "widget_ios",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/91f1a3da-8a15-4d99-9912-ee81673998dc",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f0816651-d3e4-4136-be77-06562e317c32",
     "id": "66:34",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066467285,
-    "updated": 1685609734387
+    "updated": 1702388881901
   },
   "owl_medium.svg": {
     "iconName": "owl_medium",
     "name": "owl",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9ef5ba8d-e091-4686-8d86-eecb99a2df41",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b7f67762-0b95-429f-8fbb-589547ff89a4",
     "id": "2:106",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066468065,
-    "updated": 1685609734641
+    "updated": 1702388882204
   },
   "owl.svg": {
     "iconName": "owl",
     "name": "owl",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2c86cf2-152e-453a-9931-315d906af6bf",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/596c09b7-9d22-4edd-900d-238087823347",
     "id": "66:33",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066468834,
-    "updated": 1685609734910
+    "updated": 1702388882490
   },
   "confetti_medium.svg": {
     "iconName": "confetti_medium",
     "name": "confetti",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/857efbe4-0c99-4a43-98f2-fe0b7883c471",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1bedf508-95d1-4b64-801d-76bbe93e4f83",
     "id": "2:105",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066469626,
-    "updated": 1685609735168
+    "updated": 1702388882758
   },
   "confetti.svg": {
     "iconName": "confetti",
     "name": "confetti",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/73e3017b-b810-4872-9027-c303931c0d34",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1d091c43-dbd2-49ca-b4c1-1028479d2176",
     "id": "66:32",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066470393,
-    "updated": 1685609735416
+    "updated": 1702388883057
   },
   "flying_money_medium.svg": {
     "iconName": "flying_money_medium",
     "name": "flying_money",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/032e00af-3378-4d77-965f-a1188b6cc716",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aaae37f8-6e56-4d9d-bd94-8b3e4b0016c4",
     "id": "2:104",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066471170,
-    "updated": 1685609735681
+    "updated": 1702388883349
   },
   "flying_money.svg": {
     "iconName": "flying_money",
     "name": "flying_money",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/192d3446-98bf-4d92-8648-7ba15c6368dc",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6ef37db3-64df-4705-b894-7ccb90064382",
     "id": "66:31",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066471937,
-    "updated": 1685609735934
+    "updated": 1702388883654
   },
   "restaurant_medium.svg": {
     "iconName": "restaurant_medium",
     "name": "restaurant",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6763280e-2e63-4228-b91c-49ca9fc61cd1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da74b75f-ced1-4298-95f5-ff33f58e71cf",
     "id": "2:103",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066472709,
-    "updated": 1685609736212
+    "updated": 1702388883930
   },
   "restaurant.svg": {
     "iconName": "restaurant",
     "name": "restaurant",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d9b73d95-a59f-418c-bfeb-e7e983cb5f63",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/41fa8652-d2d2-41e5-acfa-d831a318393c",
     "id": "66:30",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066473472,
-    "updated": 1685609736459
+    "updated": 1702388884216
   },
   "hanger_medium.svg": {
     "iconName": "hanger_medium",
     "name": "hanger",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/420ee876-9f75-4a35-8954-1b2528181d8e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e4e6ddcd-42f3-4936-b46c-553e6d620fa8",
     "id": "2:102",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066474264,
-    "updated": 1685609736703
+    "updated": 1702388884533
   },
   "hanger.svg": {
     "iconName": "hanger",
     "name": "hanger",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6b0ac2dd-98c7-492d-9e59-2b0c8fdd3175",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7059c8e4-e074-46d7-ae2d-a3fb3559f667",
     "id": "66:29",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066475050,
-    "updated": 1685609736958
+    "updated": 1702388884872
   },
   "plant_medium.svg": {
     "iconName": "plant_medium",
     "name": "plant",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/00904484-6cf2-41c1-b534-08f30e174e9b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/69673c3f-2e8d-4b75-a2bc-de817e031892",
     "id": "2:101",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066475835,
-    "updated": 1685609737185
+    "updated": 1702388885201
   },
   "plant.svg": {
     "iconName": "plant",
     "name": "plant",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b287b27b-511c-4ca5-83b2-9bbc3c4a0402",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40ad7021-3312-4fa7-9c76-5b21f390286b",
     "id": "66:28",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066476597,
-    "updated": 1685609737433
+    "updated": 1702388885494
   },
   "heart_rate_medium.svg": {
     "iconName": "heart_rate_medium",
     "name": "heart_rate",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/357c0842-1a85-4ab4-ac1d-43699954b5aa",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/464471b7-6159-44c5-8a5a-4e341cbc1cd9",
     "id": "2:100",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066477374,
-    "updated": 1685609737690
+    "updated": 1702388885791
   },
   "heart_rate.svg": {
     "iconName": "heart_rate",
     "name": "heart_rate",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cb6f4542-0b6e-4a67-92fd-2c203e08b145",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/90643e20-f21b-42eb-b649-1ab10999251c",
     "id": "66:27",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066478137,
-    "updated": 1685609737956
+    "updated": 1702388886120
   },
   "bowling_medium.svg": {
     "iconName": "bowling_medium",
     "name": "bowling",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1e5750a5-bea3-40b1-a950-d141d7d98a64",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9cc20868-418c-44fb-b5e4-8460b650e01e",
     "id": "2:99",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066478958,
-    "updated": 1685609738217
+    "updated": 1702388886404
   },
   "bowling.svg": {
     "iconName": "bowling",
     "name": "bowling",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7be59a2e-86a9-4051-b625-05423532cc1e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8962edb8-a4ac-4538-8f9c-a43033f5f5b0",
     "id": "66:26",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066479722,
-    "updated": 1685609738480
+    "updated": 1702388886718
   },
   "shopping_cart_medium.svg": {
     "iconName": "shopping_cart_medium",
     "name": "shopping_cart",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bd40d951-981d-4d73-9f36-8ed02bfb096a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b4867c1f-b82d-4735-b1d4-24cb3e8364ff",
     "id": "2:98",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066480495,
-    "updated": 1685609738733
+    "updated": 1702388887030
   },
   "shopping_cart.svg": {
     "iconName": "shopping_cart",
     "name": "shopping_cart",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a2c6f4f1-9174-4b01-a183-8af5a261a513",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c185f020-e050-48ab-a751-a4a9ba61e0c5",
     "id": "66:25",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066481264,
-    "updated": 1685609738998
+    "updated": 1702388887365
   },
   "lightbulb_medium.svg": {
     "iconName": "lightbulb_medium",
     "name": "lightbulb",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/16985053-f416-44d8-9840-5d45a71ea8c2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8d8b6f5f-2829-4d7f-bb61-36b6a312908d",
     "id": "2:97",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066482043,
-    "updated": 1685609739284
+    "updated": 1702388887685
   },
   "lightbulb.svg": {
     "iconName": "lightbulb",
     "name": "lightbulb",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40bc80cf-9897-40c2-9f7d-34cd8d3cd033",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6f746612-36bb-4138-932c-9ec49e5adc9f",
     "id": "66:24",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066482818,
-    "updated": 1685609739558
+    "updated": 1702388887942
   },
   "file_xml_medium.svg": {
     "iconName": "file_xml_medium",
     "name": "file_xml",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b5fab41f-6af2-4af1-8994-d5c2a8b34292",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5025c2d9-4fe0-4505-8184-f1c05bebc45d",
     "id": "2529:25",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066483582,
-    "updated": 1685609739806
+    "updated": 1702388888239
   },
   "file_xml.svg": {
     "iconName": "file_xml",
     "name": "file_xml",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e47b4fb6-a59f-47ec-9265-39676287bef1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5373f96d-4b3b-4680-a18b-f1fc4911c69e",
     "id": "2529:39",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066484353,
-    "updated": 1685609740042
+    "updated": 1702388888548
   },
   "file_txt_medium.svg": {
     "iconName": "file_txt_medium",
     "name": "file_txt",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/580dd0a0-6081-4ff8-93e6-444897377f2d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5a1ce017-5554-4bca-9bd1-09b12da3da49",
     "id": "1349:90",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066485132,
-    "updated": 1685609740313
+    "updated": 1702388888880
   },
   "file_txt.svg": {
     "iconName": "file_txt",
     "name": "file_txt",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5648b569-64b3-4f0e-a985-7a4bb36c834d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5ba370f3-6a60-4361-9845-a7e3aff101e3",
     "id": "1349:157",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066485917,
-    "updated": 1685609740554
+    "updated": 1702388889178
   },
   "file_csv_medium.svg": {
     "iconName": "file_csv_medium",
     "name": "file_csv",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6a90213e-71d2-41ad-a6df-1398f8725c59",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c2f92a9-e7d6-4160-ac4f-ccaa72f9bee7",
     "id": "1349:86",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066486691,
-    "updated": 1685609740829
+    "updated": 1702388889515
   },
   "file_csv.svg": {
     "iconName": "file_csv",
     "name": "file_csv",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dbc96b47-50eb-4818-938d-39ce6f4b52e1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/05afff91-7df4-4bc3-966b-7784de229caa",
     "id": "1349:153",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066487482,
-    "updated": 1685609741081
+    "updated": 1702388889778
   },
   "file_ppt_medium.svg": {
     "iconName": "file_ppt_medium",
     "name": "file_ppt",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e7db258-93ab-4c2c-9f6b-ce435db7855e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd16d93d-e59e-4c02-9e73-0ea3b586e35e",
     "id": "1553:24",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066488252,
-    "updated": 1685609741347
+    "updated": 1702388890064
   },
   "file_ppt.svg": {
     "iconName": "file_ppt",
     "name": "file_ppt",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/78430fdd-6ee4-46e1-9987-d6659f5767bd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8c5a760-3610-405f-89bb-5a54cd442bbb",
     "id": "1553:52",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066489028,
-    "updated": 1685609741612
+    "updated": 1702388890381
   },
   "file_png_medium.svg": {
     "iconName": "file_png_medium",
     "name": "file_png",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3b2cc6b2-a1a6-497c-a156-417bff0d5900",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/45280854-a651-46d2-91d2-eff369982102",
     "id": "4463:125",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066489830,
-    "updated": 1685609741864
+    "updated": 1702388890684
   },
   "file_png.svg": {
     "iconName": "file_png",
     "name": "file_png",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/39fad6cf-d9cf-40ba-a85a-60ef30d845f1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/31138e09-4189-4371-b14b-a8714e096e80",
     "id": "4463:124",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066490611,
-    "updated": 1685609742148
+    "updated": 1702388891020
   },
   "file_xls_medium.svg": {
     "iconName": "file_xls_medium",
     "name": "file_xls",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cf7bd96c-1fde-4ae4-831e-5a29679b9427",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b0ad0ea4-3213-46b1-8c43-cb16d1a05558",
     "id": "1349:82",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066491385,
-    "updated": 1685609742405
+    "updated": 1702388891312
   },
   "file_xls.svg": {
     "iconName": "file_xls",
     "name": "file_xls",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5c4f1ad4-46f2-43bb-868b-a7a3c37917a3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/42317139-8328-47a1-b5c6-29fe7f71e879",
     "id": "1349:149",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066492169,
-    "updated": 1685609742686
+    "updated": 1702388891597
   },
   "file_jpg.svg": {
     "iconName": "file_jpg",
     "name": "file_jpg",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b6f567c2-8d5b-4fe6-9fa7-e81a91b807e4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd14fcd6-016c-474d-9a99-154a07abaad3",
     "id": "4463:170",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066492943,
-    "updated": 1685609742938
+    "updated": 1702388891914
   },
   "file_jpg_medium.svg": {
     "iconName": "file_jpg_medium",
     "name": "file_jpg",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8f584a19-329e-48f7-b0cb-0b337a0ba783",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1c0f5358-142e-4723-8af1-c46153b36280",
     "id": "4463:171",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066493724,
-    "updated": 1685609743203
+    "updated": 1702388892176
   },
   "file_word_medium.svg": {
     "iconName": "file_word_medium",
     "name": "file_word",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6decc598-7193-4074-bc67-dff82d3580f1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da3fae44-d599-41ee-96a6-0f9f0762b9f0",
     "id": "1349:78",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066494496,
-    "updated": 1685609743437
+    "updated": 1702388892472
   },
   "file_word.svg": {
     "iconName": "file_word",
     "name": "file_word",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/98bb97dc-ec75-4e6e-98d9-cc09cdcd1894",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c7b89f0-f5ff-4ef4-8080-5f856bcf0a49",
     "id": "1349:145",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066495276,
-    "updated": 1685609743709
+    "updated": 1702388892747
   },
   "file_pdf_medium.svg": {
     "iconName": "file_pdf_medium",
     "name": "file_pdf",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ebe8d32-b80b-47da-b866-c3ee3623b702",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1365f13b-21bd-4eb2-89e3-15f6eda255e9",
     "id": "2:95",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066496083,
-    "updated": 1685609743996
+    "updated": 1702388893066
   },
   "file_pdf.svg": {
     "iconName": "file_pdf",
     "name": "file_pdf",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c0e4e3b-f25c-4c1c-8b16-b57dd0b933aa",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd7b2d24-deb0-44d9-84cd-645a99ae1c2d",
     "id": "66:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066497652,
-    "updated": 1685609744241
+    "updated": 1702388893386
   },
   "file_contract_medium.svg": {
     "iconName": "file_contract_medium",
     "name": "file_contract",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e75740c-a1b8-4119-9f40-f4f65686c010",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8835c687-9f1f-4e6b-a466-c47827b93c75",
     "id": "2:94",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066499176,
-    "updated": 1685609744494
+    "updated": 1702388893681
   },
   "file_contract.svg": {
     "iconName": "file_contract",
     "name": "file_contract",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8fffd58-d6a6-401d-81a0-4c234ad82f66",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5851332b-07a0-4b46-ae06-d5ba3f984e1b",
     "id": "66:22",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066500709,
-    "updated": 1685609744757
+    "updated": 1702388894008
   },
   "file_warning_medium.svg": {
     "iconName": "file_warning_medium",
     "name": "file_warning",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6a7f0b7c-2111-4784-8c0f-4173d5aa9307",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/58b0585b-784f-4162-a6dd-f56a51275b27",
     "id": "2:93",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066502273,
-    "updated": 1685609745020
+    "updated": 1702388894276
   },
   "file_warning.svg": {
     "iconName": "file_warning",
     "name": "file_warning",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1831c305-db3c-4716-95ce-77feac35a27f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/face89c6-c36b-417d-af13-2d3811746257",
     "id": "66:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066503878,
-    "updated": 1685609745274
+    "updated": 1702388894579
   },
   "file_loupe_medium.svg": {
     "iconName": "file_loupe_medium",
     "name": "file_loupe",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d539c1dc-895a-4a3f-98e4-6d420dec35fd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40b7f579-17d7-45be-9708-d11e57f0fccf",
     "id": "2:92",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066505503,
-    "updated": 1685609745551
+    "updated": 1702388894867
   },
   "file_loupe.svg": {
     "iconName": "file_loupe",
     "name": "file_loupe",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8515a86-3f93-4de6-94ef-26e73395a3a3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34cdf77f-5c9d-4a30-84be-e1d1f03fff96",
     "id": "66:20",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066507093,
-    "updated": 1685609745818
+    "updated": 1702388895156
   },
   "file_rejected_medium.svg": {
     "iconName": "file_rejected_medium",
     "name": "file_rejected",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3dfaf0df-d7c9-4bb0-96d7-8f1142be97d2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e54109a2-44e5-45fb-8e5e-4299dc2db40a",
     "id": "2:91",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066508755,
-    "updated": 1685609746090
+    "updated": 1702388895430
   },
   "file_rejected.svg": {
     "iconName": "file_rejected",
     "name": "file_rejected",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a553fbcd-e713-4fbd-a019-75e1e86a6908",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/71f3c3ae-3758-45b3-8b3c-3c961e8a28db",
     "id": "66:19",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066510313,
-    "updated": 1685609746342
+    "updated": 1702388895785
   },
   "file_signing_medium.svg": {
     "iconName": "file_signing_medium",
     "name": "file_signing",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/69215937-03c9-402b-8f76-4c0b07a0ad06",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/70a20030-7a8f-4402-878d-51e9b0d4ea48",
     "id": "2:90",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066511669,
-    "updated": 1685609746617
+    "updated": 1702388896087
   },
   "file_signing.svg": {
     "iconName": "file_signing",
     "name": "file_signing",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/49bf4d22-cb6a-45f1-b0d9-0b384d37625e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/804fdae7-340f-4897-ad0f-6fb27ebf8736",
     "id": "66:18",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066512557,
-    "updated": 1685609746887
+    "updated": 1702388896345
   },
   "file_add_medium.svg": {
     "iconName": "file_add_medium",
     "name": "file_add",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fbc4a202-1d85-410a-8f3d-9fd127d674d2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a9c5bf9-9055-464e-a543-ee23945a0ca9",
     "id": "2:89",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066513337,
-    "updated": 1685609747133
+    "updated": 1702388896655
   },
   "file_add.svg": {
     "iconName": "file_add",
     "name": "file_add",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7866d77e-ec85-4348-bd6a-71805f14c881",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3bf30419-0aea-4a4c-adcd-1baf6bb1b27b",
     "id": "66:17",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066514124,
-    "updated": 1685609747384
+    "updated": 1702388896998
   },
   "file_medium.svg": {
     "iconName": "file_medium",
     "name": "file",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/beade21d-88f1-4629-b98f-0429f1b8d782",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e26f3dfe-97c9-4bd9-ad49-da23e046b129",
     "id": "2:88",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066514910,
-    "updated": 1685609747641
+    "updated": 1702388897316
   },
   "file.svg": {
     "iconName": "file",
     "name": "file",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ec602a27-64d9-4f95-8775-15f1c2e250f1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2b8126d-7300-4576-8e1f-6ed379291a8c",
     "id": "66:16",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066515682,
-    "updated": 1685609747917
+    "updated": 1702388897606
   },
   "mobilephone_medium.svg": {
     "iconName": "mobilephone_medium",
     "name": "mobilephone",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4e705a44-28b1-4085-8a67-f8b2aa9c8424",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5242f68a-9260-41ba-b97c-cbb125e6bb63",
     "id": "2:87",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066516447,
-    "updated": 1685609748164
+    "updated": 1702388897915
   },
   "mobilephone.svg": {
     "iconName": "mobilephone",
     "name": "mobilephone",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c9034a3a-b4a6-497c-9ddb-87220c4ed8df",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5876255b-d992-44c3-9853-de50ea8b727d",
     "id": "66:15",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066517225,
-    "updated": 1685609748433
+    "updated": 1702388898207
   },
   "padlock_medium.svg": {
     "iconName": "padlock_medium",
     "name": "padlock",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/251320ec-c51c-45c5-af0d-2cc105416b25",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a7a66537-2036-4699-9518-9ebcf3403d55",
     "id": "2:85",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066517995,
-    "updated": 1685609748695
+    "updated": 1702388898480
   },
   "padlock.svg": {
     "iconName": "padlock",
     "name": "padlock",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4f3db378-4742-436a-9788-64184c8f95f8",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8cfbaddb-cfca-4861-b521-80f03747e85a",
     "id": "66:14",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066518772,
-    "updated": 1685609748935
+    "updated": 1702388898788
   },
   "contacts_medium.svg": {
     "iconName": "contacts_medium",
     "name": "contacts",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dedcb66c-4e25-471c-b315-e15bc746b0e4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/78084542-3a42-4460-8cc9-edc7618c799f",
     "id": "2:84",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066519543,
-    "updated": 1685609749206
+    "updated": 1702388899056
   },
   "contacts.svg": {
     "iconName": "contacts",
     "name": "contacts",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aea86df3-c8e2-44ad-9ff5-77a8be8a0481",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/97cd17d8-da19-4f8b-bbb2-d971e3144368",
     "id": "66:13",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066520313,
-    "updated": 1685609749474
+    "updated": 1702388899347
   },
   "camera_medium.svg": {
     "iconName": "camera_medium",
     "name": "camera",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fdfe1ab3-9156-4e0e-aa2a-cfe30cd20f79",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f93ef01-0ced-42c8-9cf4-cda56d5e56df",
     "id": "2:83",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066521090,
-    "updated": 1685609749729
+    "updated": 1702388899635
   },
   "camera.svg": {
     "iconName": "camera",
     "name": "camera",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5c8168d-3fb3-4433-ba45-9a5aad1c3a6d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c170d676-bda5-447a-8213-36c974607a5b",
     "id": "66:12",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066521878,
-    "updated": 1685609750007
+    "updated": 1702388899894
   },
   "brush_medium.svg": {
     "iconName": "brush_medium",
     "name": "brush",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b36ef2c-e3ab-452d-8eb8-3303281a290a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ab4b6aa-fcf1-48f4-bb64-b36205534da1",
     "id": "2:82",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066522647,
-    "updated": 1685609750272
+    "updated": 1702388900217
   },
   "brush.svg": {
     "iconName": "brush",
     "name": "brush",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/58f4700f-8b12-400a-8eaf-5d408cd2b2a3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8f43a9a5-5a6c-4f77-aad0-b3c12985c0f4",
     "id": "66:11",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066523414,
-    "updated": 1685609750530
+    "updated": 1702388900498
   },
   "train_medium.svg": {
     "iconName": "train_medium",
     "name": "train",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/31ba536f-2077-4403-a3ec-ba4ab0ca5f29",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c5375270-a827-4f8e-b7b7-16deaf05f449",
     "id": "2:81",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066524186,
-    "updated": 1685609750811
+    "updated": 1702388900803
   },
   "train.svg": {
     "iconName": "train",
     "name": "train",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d04eee61-1258-4e15-89d0-6a4e6ccb56d8",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f55ead58-3727-491d-b1ab-4b9e66bf435e",
     "id": "66:10",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066524953,
-    "updated": 1685609751072
+    "updated": 1702388901113
   },
   "car_2_medium.svg": {
     "iconName": "car_2_medium",
     "name": "car_2",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cffcbf4f-cf28-4fd8-99b8-2930b327ab03",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be724d70-23b2-478d-a67e-6db70273e244",
     "id": "2:80",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066525716,
-    "updated": 1685609751336
+    "updated": 1702388901422
   },
   "car_2.svg": {
     "iconName": "car_2",
     "name": "car_2",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2a161066-d3d0-444b-9bda-69de2feae94d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd16e33f-f601-4144-adc4-59487420c0a8",
     "id": "66:9",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066526487,
-    "updated": 1685609751580
+    "updated": 1702388901708
   },
   "car_1_medium.svg": {
     "iconName": "car_1_medium",
     "name": "car_1",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/42b33eea-00ae-42d3-a74d-8fcc7608756e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7fe0f5aa-bde3-49dc-bf10-70bd5b73697a",
     "id": "2:79",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066527269,
-    "updated": 1685609751851
+    "updated": 1702388902022
   },
   "car_1.svg": {
     "iconName": "car_1",
     "name": "car_1",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/df5a9c0a-36c5-4760-acdb-23ef32b1fd2a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da0f8bcf-5eff-4f1f-ade1-614c3cae024c",
     "id": "66:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066528044,
-    "updated": 1685609752098
+    "updated": 1702388902346
   },
   "coins_3_medium.svg": {
     "iconName": "coins_3_medium",
     "name": "coins_3",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cb7f289d-7356-4755-9ed1-b1639084a9b1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/46ee703d-4568-4f48-9173-df3008403f23",
     "id": "2:78",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066528830,
-    "updated": 1685609752369
+    "updated": 1702388902611
   },
   "coins_3.svg": {
     "iconName": "coins_3",
     "name": "coins_3",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea4a0917-c5e1-44d0-ad10-067fc1026c4b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4609659a-382f-48aa-b253-a4ea1c6a0d73",
     "id": "66:7",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066529618,
-    "updated": 1685609752616
+    "updated": 1702388902890
   },
   "coins_2_medium.svg": {
     "iconName": "coins_2_medium",
     "name": "coins_2",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c4ba9452-2b7d-4ea6-8033-44537ea57402",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5045ea5-f152-4056-a0c4-dcf0a5872f1d",
     "id": "2:77",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066530400,
-    "updated": 1685609752870
+    "updated": 1702388903184
   },
   "coins_2.svg": {
     "iconName": "coins_2",
     "name": "coins_2",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6296b993-bd85-406c-84aa-04d37ce6d18d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7138909f-9051-4405-85c2-2b40ec0559f4",
     "id": "66:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066531185,
-    "updated": 1685609753130
+    "updated": 1702388903504
   },
   "coins_1_medium.svg": {
     "iconName": "coins_1_medium",
     "name": "coins_1",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e20e50ec-4953-4a37-9ad9-1810879a3c1c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ba1f4dac-91c2-4174-912b-6c15d87ffa6b",
     "id": "2:76",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066531962,
-    "updated": 1685609753403
+    "updated": 1702388903828
   },
   "coins_1.svg": {
     "iconName": "coins_1",
     "name": "coins_1",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4cc94976-ff7e-4def-bfd8-e7b721899f25",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/af03c4ad-af8a-4717-a12e-0c9a74e9d42c",
     "id": "66:5",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066532739,
-    "updated": 1685609753668
+    "updated": 1702388904163
   },
   "wallet_medium.svg": {
     "iconName": "wallet_medium",
     "name": "wallet",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7193e39f-bb2c-481f-b0d0-d996eeca57c0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fee934c8-524f-44c4-be6b-a499fb71c23e",
     "id": "2:75",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066533538,
-    "updated": 1685609753918
+    "updated": 1702388904442
   },
   "wallet.svg": {
     "iconName": "wallet",
     "name": "wallet",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/de5bf890-5dad-45b2-a811-04057aa1e279",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/826f2909-f55b-4c29-a9a4-efb16451f0d2",
     "id": "66:3",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066534326,
-    "updated": 1685609754176
+    "updated": 1702388904769
   },
   "recurring_medium.svg": {
     "iconName": "recurring_medium",
     "name": "recurring",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/47e9de60-3ae4-4919-8815-96f6e1ce8890",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b70e1360-f6a0-4689-ae84-fcb1c0349de9",
     "id": "2:74",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066535119,
-    "updated": 1685609754428
+    "updated": 1702388905069
   },
   "recurring.svg": {
     "iconName": "recurring",
     "name": "recurring",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/daa83eb8-407f-4cc1-b455-eaf7f38e86d9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bd89e88b-5f76-4216-a5af-dc9676d771da",
     "id": "66:2",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066535907,
-    "updated": 1685609754681
+    "updated": 1702388905342
   },
   "calendar_cancel_medium.svg": {
     "iconName": "calendar_cancel_medium",
     "name": "calendar_cancel",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/13ca36d8-c435-4028-a971-9940d0b6f28a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c0be2913-dd5b-4bf2-a486-7190786ece2e",
     "id": "4025:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066536681,
-    "updated": 1685609754951
+    "updated": 1702388856589
   },
   "calendar_cancel.svg": {
     "iconName": "calendar_cancel",
     "name": "calendar_cancel",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea7ad1c5-eb01-4644-b322-c3f5732c58ea",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8e9978d-8838-44d5-b7d5-43311f93a26e",
     "id": "4025:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066537471,
-    "updated": 1685609755201
+    "updated": 1702388856901
   },
   "fish_medium.svg": {
     "iconName": "fish_medium",
     "name": "fish",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a9a1de0d-292b-4d71-a65b-589e28183d4f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62a60bb8-8a04-4904-b8eb-8ec99bfb4bcb",
     "id": "4500:2",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066538242,
-    "updated": 1685609755468
+    "updated": 1702388856018
   },
   "fish.svg": {
     "iconName": "fish",
     "name": "fish",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b53fa616-91af-487d-919a-1b2e4b0eb7da",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b54afaad-49fc-4560-92bc-dee576fcb398",
     "id": "4500:27",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066539006,
-    "updated": 1685609755716
+    "updated": 1702388856312
   },
   "calendar_medium.svg": {
     "iconName": "calendar_medium",
     "name": "calendar",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7d33edd9-39b3-4397-95ca-d7c998204428",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c529f4dc-c300-4346-8709-acf9a4fe6ea8",
     "id": "2:73",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066539771,
-    "updated": 1685609755975
+    "updated": 1702388905662
   },
   "calendar.svg": {
     "iconName": "calendar",
     "name": "calendar",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f9567c2-4671-48ff-b731-eae7985292e9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/68f7e51c-b8a7-4d9f-ab82-c307bbf8fccd",
     "id": "66:0",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066540541,
-    "updated": 1685609756208
+    "updated": 1702388905979
   },
   "stopwatch_medium.svg": {
     "iconName": "stopwatch_medium",
     "name": "stopwatch",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f164e3db-00a0-4aba-8733-d60dc05febe5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fad12b5b-6505-4454-88e9-cb540205dce3",
     "id": "2:72",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066541309,
-    "updated": 1685609756471
+    "updated": 1702388906269
   },
   "stopwatch.svg": {
     "iconName": "stopwatch",
     "name": "stopwatch",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7ad80516-4c27-49cf-a5e5-6700d749ab7a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9184bb1c-6ede-442e-9e46-ff9bc8702a5e",
     "id": "41:11",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066542086,
-    "updated": 1685609756747
+    "updated": 1702388906597
   },
   "clock_medium.svg": {
     "iconName": "clock_medium",
     "name": "clock",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da69ef66-febc-491d-946e-dc920031edb5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f7ea691b-8c1b-4263-b6f7-02722adb0c46",
     "id": "2:71",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066542872,
-    "updated": 1685609757025
+    "updated": 1702388906927
   },
   "clock.svg": {
     "iconName": "clock",
     "name": "clock",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f201112-543e-411d-bbab-627c951fa34b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/646a0e5f-f0ac-4957-932e-eb6bc8a5cf96",
     "id": "41:10",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066543692,
-    "updated": 1685609757283
+    "updated": 1702388907229
   },
   "scissors_medium.svg": {
     "iconName": "scissors_medium",
     "name": "scissors",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1d154ebc-1174-4740-a989-e981fbca64ae",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7bd47fd6-db47-40f1-84ed-b93e4ce80327",
     "id": "2:70",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066544481,
-    "updated": 1685609757547
+    "updated": 1702388907492
   },
   "scissors.svg": {
     "iconName": "scissors",
     "name": "scissors",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86b1dcc0-cde0-494a-9ea2-e957e5d2ec6c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3effd634-a789-4f04-abb6-90f15ca348e1",
     "id": "41:9",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066545248,
-    "updated": 1685609757795
+    "updated": 1702388907809
   },
   "office_buildings_medium.svg": {
     "iconName": "office_buildings_medium",
     "name": "office_buildings",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2605767-e787-46b4-a630-1c814aae47e6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c96fda6-7e85-4fd7-9ffc-e731b607ee19",
     "id": "2:69",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066546012,
-    "updated": 1685609758034
+    "updated": 1702388908083
   },
   "office_buildings.svg": {
     "iconName": "office_buildings",
     "name": "office_buildings",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/602c1fe0-0e0d-456b-a249-2d69212e42cb",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f50c5a19-a314-4172-9b7b-ebff03cae363",
     "id": "41:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066546785,
-    "updated": 1685609758300
+    "updated": 1702388908400
   },
   "bank_medium.svg": {
     "iconName": "bank_medium",
     "name": "bank",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f5b56c7-2e08-47bb-8615-48fb756bff4d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e127ad14-254f-4a0e-ac26-02e22870f3d2",
     "id": "2:68",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066547575,
-    "updated": 1685609758575
+    "updated": 1702388908658
   },
   "bank.svg": {
     "iconName": "bank",
     "name": "bank",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34049db6-546d-4248-b84d-00d4e07adb67",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/256be94b-e3c6-4a37-8ac2-bae1936d6d69",
     "id": "41:7",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066548341,
-    "updated": 1685609758829
+    "updated": 1702388908970
   },
   "house_value_medium.svg": {
     "iconName": "house_value_medium",
     "name": "house_value",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4557d4a3-b12e-4ac6-ad7b-8d82eecd0e9f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d1ea54c2-d8b7-491b-8ea6-bdde81bb612a",
     "id": "2:67",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066549117,
-    "updated": 1685609759084
+    "updated": 1702388909235
   },
   "house_value.svg": {
     "iconName": "house_value",
     "name": "house_value",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f3b7af23-bcbf-41dd-b7e2-af3b278d3b6a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/675b7aff-1c25-4ee6-af73-056f11a07de6",
     "id": "41:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066549899,
-    "updated": 1685609759346
+    "updated": 1702388909564
   },
   "house_2_medium.svg": {
     "iconName": "house_2_medium",
     "name": "house_2",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ab8e17a1-f8d3-48f4-86ec-a8dc810da227",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a5aaa41-4bab-451c-b999-5c0eae717e26",
     "id": "2:66",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066550669,
-    "updated": 1685609759598
+    "updated": 1702388909910
   },
   "house_2.svg": {
     "iconName": "house_2",
     "name": "house_2",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/05a3b0ae-83ca-4bc4-85f8-366d04da3062",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/971edab6-d8f6-44c6-b5ca-40906d2c2bf6",
     "id": "41:5",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066551458,
-    "updated": 1685609759869
+    "updated": 1702388910221
   },
   "house_1_medium.svg": {
     "iconName": "house_1_medium",
     "name": "house_1",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8aa86857-7951-4fe5-8a08-f68cdebaa07f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86671641-c55c-4c62-b12e-ee53212d3cb7",
     "id": "2:65",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066552223,
-    "updated": 1685609760158
+    "updated": 1702388910484
   },
   "house_1.svg": {
     "iconName": "house_1",
     "name": "house_1",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2528a16b-311c-40c7-86ef-85b8fe44a531",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2049583-122f-45b8-ae82-93e2e2dca152",
     "id": "41:4",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066552992,
-    "updated": 1685609760382
+    "updated": 1702388910765
   },
   "home_medium.svg": {
     "iconName": "home_medium",
     "name": "home",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1d12ba80-d98c-4cca-adaa-bfccb4f7f72b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/351fc32e-2aa8-4da0-8304-4d176b8341ab",
     "id": "2:64",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066553768,
-    "updated": 1685609760649
+    "updated": 1702388911049
   },
   "home.svg": {
     "iconName": "home",
     "name": "home",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f00cb9f-b4f7-4a75-a170-ad29c15e5819",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/536f84d0-0c23-4e25-b2d3-34c918cf9559",
     "id": "41:3",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066554540,
-    "updated": 1685609760919
+    "updated": 1702388911331
   },
   "bell_medium.svg": {
     "iconName": "bell_medium",
     "name": "bell",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34b85607-5c5c-40a9-8c3b-dd030a754378",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb891394-3dca-4825-a9db-4156bc4e1450",
     "id": "2:63",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066555319,
-    "updated": 1685609761180
+    "updated": 1702388911623
   },
   "bell.svg": {
     "iconName": "bell",
     "name": "bell",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/369ccb55-33ce-4383-9a3c-5b807a3a7d88",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f8a9fa46-f86b-4139-96f1-b06c38ac7f37",
     "id": "41:2",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066556095,
-    "updated": 1685609761481
+    "updated": 1702388911908
   },
   "loupe_medium.svg": {
     "iconName": "loupe_medium",
     "name": "loupe",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4b4a4db1-4774-4de2-a0af-2d702761335c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/18f4c129-ffa4-41cf-aa2d-1e96e0f58032",
     "id": "2:62",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066556875,
-    "updated": 1685609761729
+    "updated": 1702388912204
   },
   "loupe.svg": {
     "iconName": "loupe",
     "name": "loupe",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4fca1a2a-eb31-4330-b763-29a783d1a0c8",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/362eafa9-4129-4e6f-8d8a-52590a99a925",
     "id": "41:1",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066557650,
-    "updated": 1685609762002
+    "updated": 1702388912510
   },
   "cog_medium.svg": {
     "iconName": "cog_medium",
     "name": "cog",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e29416b0-e7c4-464e-8ecf-bc523ad304d8",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a7239b27-2a24-43bb-8977-4180e92928d6",
     "id": "2:61",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066558424,
-    "updated": 1685609762246
+    "updated": 1702388912800
   },
   "cog.svg": {
     "iconName": "cog",
     "name": "cog",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/beb19493-3f54-45db-ae30-ff243949de70",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/52c54d24-3a8d-41f9-bb67-4addc01f6329",
     "id": "41:0",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066559193,
-    "updated": 1685609762525
+    "updated": 1702388913124
   },
   "bookmark_medium.svg": {
     "iconName": "bookmark_medium",
     "name": "bookmark",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4e9e58a6-6cce-4902-bbee-d2dfa23ff797",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/18f616f1-c000-4725-ab24-7017e0ecb12d",
     "id": "4025:56",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066559971,
-    "updated": 1685609762797
+    "updated": 1702388858442
   },
   "bookmark.svg": {
     "iconName": "bookmark",
     "name": "bookmark",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ae1f7ae-55f0-4ed1-bd54-e194e53d0bf6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82734977-51c2-4e6f-9c36-91146e2825da",
     "id": "4025:59",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066560754,
-    "updated": 1685609763063
+    "updated": 1702388858752
   },
   "newspaper_medium.svg": {
     "iconName": "newspaper_medium",
     "name": "newspaper",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ef88683a-4c4e-4d4d-97a4-e6bbc5f2f1f7",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/76d138f7-e9d9-4123-805d-3276c5582d49",
     "id": "4186:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066561538,
-    "updated": 1685609763342
+    "updated": 1702388857814
   },
   "newspaper.svg": {
     "iconName": "newspaper",
     "name": "newspaper",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8544c2ec-4fe4-4ac1-a7a8-89310c88778b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/02ec04da-a1f0-41d1-b430-96552b27cf2e",
     "id": "4186:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066562303,
-    "updated": 1685609763593
+    "updated": 1702388858120
   },
   "travel_medium.svg": {
     "iconName": "travel_medium",
     "name": "travel",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cff5bc6f-f0e3-4edd-a156-65c0a858f7f7",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1c403492-04d2-4b21-a2cd-155090c069ab",
     "id": "3069:22",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066563072,
-    "updated": 1685609768579
+    "updated": 1702388913414
   },
   "travel.svg": {
     "iconName": "travel",
     "name": "travel",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5832cb6b-fbc9-4cf9-94b7-beaad7e0b16f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/21d6d5ae-e25b-4834-a53e-f120e087366c",
     "id": "3069:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066563846,
-    "updated": 1685609768838
+    "updated": 1702388913715
   },
   "animal_print_medium.svg": {
     "iconName": "animal_print_medium",
     "name": "animal_print",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/532e473a-f5d8-43b1-842b-87cc24c76d9b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/95520b72-20f2-4760-babc-8eefa21b3c4f",
     "id": "1529:72",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066564618,
-    "updated": 1685609769100
+    "updated": 1702388914046
   },
   "animal_print.svg": {
     "iconName": "animal_print",
     "name": "animal_print",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/98f775a0-cf48-4c07-a645-1674428593e3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fbcb48f8-4cac-49c2-9c33-3173ac23a985",
     "id": "1529:79",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066565383,
-    "updated": 1685609769342
+    "updated": 1702388914364
   },
   "building_construction_medium.svg": {
     "iconName": "building_construction_medium",
     "name": "building_construction",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3fa7b8dc-6324-4e6b-a037-4814364dd1ad",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/39de8800-a247-4f98-9c3f-eff2bfb9ab3f",
     "id": "1529:75",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066566155,
-    "updated": 1685609769586
+    "updated": 1702388914694
   },
   "building_construction.svg": {
     "iconName": "building_construction",
     "name": "building_construction",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6667aadd-0c4f-418a-97dc-65046246e1c8",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6335b188-c980-4255-adb1-134a79f18b1c",
     "id": "1529:76",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066566921,
-    "updated": 1685609769815
+    "updated": 1702388915010
   },
   "tractor_medium.svg": {
     "iconName": "tractor_medium",
     "name": "tractor",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d85db5b-4ea7-4a8d-b37f-965cbffd9ee2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5199bfef-e544-4696-bfb7-b8fc17d49a4f",
     "id": "1539:0",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066567729,
-    "updated": 1685609770121
+    "updated": 1702388915330
   },
   "tractor.svg": {
     "iconName": "tractor",
     "name": "tractor",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/75ba788e-b050-440e-9f9d-04c9d9150b02",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9c68de2e-cb5a-4800-8813-b19b088e1a93",
     "id": "1539:3",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066568502,
-    "updated": 1685609770387
+    "updated": 1702388915651
   },
   "vintage_car_medium.svg": {
     "iconName": "vintage_car_medium",
     "name": "vintage_car",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1865df26-219a-4ad7-a38c-9b1a557c93a3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f99ed4b7-3bd4-4246-9ca8-63899b3cc251",
     "id": "1529:77",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066569268,
-    "updated": 1685609770636
+    "updated": 1702388915920
   },
   "vintage_car.svg": {
     "iconName": "vintage_car",
     "name": "vintage_car",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d2cd6423-492d-4fa1-a5f1-06a74fe0aa6c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a83a79c-b547-4ee9-b1c3-e6d95016c550",
     "id": "1529:78",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066570046,
-    "updated": 1685609770897
+    "updated": 1702388916240
   },
   "snowmobile_medium.svg": {
     "iconName": "snowmobile_medium",
     "name": "snowmobile",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/071c7fdd-170b-4e7d-b3b0-4cd4580956d7",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a3fc0ce6-24b2-4b99-933c-3cbed7ce5f29",
     "id": "1529:70",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066570820,
-    "updated": 1685609771156
+    "updated": 1702388916561
   },
   "snowmobile.svg": {
     "iconName": "snowmobile",
     "name": "snowmobile",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/702733a5-fd56-4297-b3da-4698ae8845af",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c08fed3-f7d7-4abd-a278-796c8202a6f4",
     "id": "1529:73",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066571590,
-    "updated": 1685609771404
+    "updated": 1702388916842
   },
   "motorcycle_medium.svg": {
     "iconName": "motorcycle_medium",
     "name": "motorcycle",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25b1dd4e-de01-4bc8-8cb6-9b8974ed426a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ebe3468-9f21-46f0-88d6-0cfacf2ffff7",
     "id": "1350:7",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066572366,
-    "updated": 1685609771672
+    "updated": 1702388917123
   },
   "motorcycle.svg": {
     "iconName": "motorcycle",
     "name": "motorcycle",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e9f1e0d2-f2bf-4157-a09e-1c2839f2191d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7fa81d5c-dcab-47a3-8f51-b9c2117c4bac",
     "id": "1354:56",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066573158,
-    "updated": 1685609771949
+    "updated": 1702388917396
   },
   "scooter_medium.svg": {
     "iconName": "scooter_medium",
     "name": "scooter",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82774608-974a-43b3-8e40-31f8ef8abd54",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a3b95ed1-004f-48c6-8f2e-a58842a1928d",
     "id": "1350:2",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066573940,
-    "updated": 1685609772238
+    "updated": 1702388917723
   },
   "scooter.svg": {
     "iconName": "scooter",
     "name": "scooter",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8e3ef9d2-7798-4877-b004-eb342318fd1b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/50775dba-8e5f-49b4-947c-e3ab1f995ef0",
     "id": "1354:53",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066574711,
-    "updated": 1685609772505
+    "updated": 1702388918068
   },
   "boat_medium.svg": {
     "iconName": "boat_medium",
     "name": "boat",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b29e7a30-5451-4ecf-bc19-dab9178c04fd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/88bd0f25-5fc8-46f1-a804-818cfe658bc8",
     "id": "1350:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066575490,
-    "updated": 1685609772745
+    "updated": 1702388918375
   },
   "boat.svg": {
     "iconName": "boat",
     "name": "boat",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1748067-800b-44bc-9c65-7f22c6340c41",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5e501b56-6a0f-4122-8d9e-417cbe6bdd8d",
     "id": "1354:50",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066576286,
-    "updated": 1685609773002
+    "updated": 1702388918656
   },
   "trailer_medium.svg": {
     "iconName": "trailer_medium",
     "name": "trailer",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/07f9b8f1-95a0-486a-aae3-3a09aa19038c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15ae4fc6-0eea-41c5-a7a0-be93198c98a5",
     "id": "1349:201",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066577069,
-    "updated": 1685609773254
+    "updated": 1702388918919
   },
   "trailer.svg": {
     "iconName": "trailer",
     "name": "trailer",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9d919c06-6fab-4b81-a288-5481af6f4e2b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b78457b0-a71c-458d-bdee-ec0f466cb84c",
     "id": "1354:47",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066577861,
-    "updated": 1685609773542
+    "updated": 1702388919190
   },
   "camper_trailer_medium.svg": {
     "iconName": "camper_trailer_medium",
     "name": "camper_trailer",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0db620f3-2233-4a88-b68f-3870e23d06f7",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4b3765c-0062-4059-b26d-f921020c0037",
     "id": "1349:198",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066578638,
-    "updated": 1685609773802
+    "updated": 1702388919478
   },
   "camper_trailer.svg": {
     "iconName": "camper_trailer",
     "name": "camper_trailer",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ae23d60-58a7-40f0-9e18-27548523fe86",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ad2a314-b5b0-44e5-a55f-8e060984deef",
     "id": "1354:44",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066579419,
-    "updated": 1685609774062
+    "updated": 1702388919765
   },
   "caravan_medium.svg": {
     "iconName": "caravan_medium",
     "name": "caravan",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/88d65854-c321-402a-899f-82e9a2b456bd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d1e4f347-fcd2-4b7e-aa3a-65df1ca268fd",
     "id": "1349:195",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066580186,
-    "updated": 1685609774328
+    "updated": 1702388920113
   },
   "caravan.svg": {
     "iconName": "caravan",
     "name": "caravan",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1651246e-7f80-4b70-a274-85643cc9d3ad",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/af90eaff-86bf-4c74-b904-82d3da6b88db",
     "id": "1354:41",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066580967,
-    "updated": 1685609774573
+    "updated": 1702388920420
   },
   "first_aid_medium.svg": {
     "iconName": "first_aid_medium",
     "name": "first_aid",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/08e12e6e-bd6e-4b40-b2d9-7df30d0fc7a1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f95a4260-b1d2-47fa-ab54-abaaaa9f5b67",
     "id": "1349:192",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066581741,
-    "updated": 1685609779829
+    "updated": 1702388920685
   },
   "first_aid.svg": {
     "iconName": "first_aid",
     "name": "first_aid",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d1f386b7-1641-4a11-ac42-42255dd90853",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/87aa5dbf-a55e-4b15-97d4-b87bf41dc75a",
     "id": "1354:38",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066582518,
-    "updated": 1685609780103
+    "updated": 1702388921009
   },
   "ambulance_medium.svg": {
     "iconName": "ambulance_medium",
     "name": "ambulance",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/137f11f0-cf8b-4e98-bcc6-8dd48fab28e1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff2d0e03-ce43-4d77-b615-fa24ae5e33f4",
     "id": "1349:189",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066583300,
-    "updated": 1685609780372
+    "updated": 1702388921301
   },
   "ambulance.svg": {
     "iconName": "ambulance",
     "name": "ambulance",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bd19759a-89dd-4ab0-b1a5-a4960b4be63c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff945a66-7016-4d2d-abbd-0b9e6be2dd85",
     "id": "1354:35",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066584065,
-    "updated": 1685609780637
+    "updated": 1702388921614
   },
   "bandage_medium.svg": {
     "iconName": "bandage_medium",
     "name": "bandage",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3b197edd-2f5a-422a-a6e6-79253236f6aa",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b4a284fc-32fc-4707-acb9-3e6242f30844",
     "id": "1349:186",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066584833,
-    "updated": 1685609780875
+    "updated": 1702388921932
   },
   "bandage.svg": {
     "iconName": "bandage",
     "name": "bandage",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ecc55ed2-3b9d-4597-a142-538c9d0fb97a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/290159a2-8c30-44cd-b7ca-f8829c18d578",
     "id": "1354:32",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066585616,
-    "updated": 1685609781141
+    "updated": 1702388922242
   },
   "wheelchair_medium.svg": {
     "iconName": "wheelchair_medium",
     "name": "wheelchair",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fff0bd3d-b61c-4441-b8d4-aa0846f5af00",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3e40671d-3f24-4b6b-b919-45421bc42f1a",
     "id": "1349:182",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066586386,
-    "updated": 1685609781389
+    "updated": 1702388922530
   },
   "wheelchair.svg": {
     "iconName": "wheelchair",
     "name": "wheelchair",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/44d6b239-1ba6-44fd-848c-2fc7497130f8",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dbbe6fcd-98fc-4d2d-8b70-af486cd06f61",
     "id": "1354:28",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066587166,
-    "updated": 1685609781638
+    "updated": 1702388922815
   },
   "baby_medium.svg": {
     "iconName": "baby_medium",
     "name": "baby",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/118eed4f-13f6-43c2-ba8d-8a88c8f1c177",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/deb7d045-3bcc-4dc1-9a27-6dede36491ee",
     "id": "1349:179",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066587954,
-    "updated": 1685609781899
+    "updated": 1702388923115
   },
   "baby.svg": {
     "iconName": "baby",
     "name": "baby",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2015643d-9333-410f-a489-0f6412a90ac9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/989a182e-e788-41cb-beac-e333508d4cd0",
     "id": "1354:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066588733,
-    "updated": 1685609782180
+    "updated": 1702388923411
   },
   "diamond_medium.svg": {
     "iconName": "diamond_medium",
     "name": "diamond",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fda7e1ba-610d-4602-8ba6-32c124bc81db",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/85250be5-56df-40ee-9eb2-3fd965f4b866",
     "id": "1349:175",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066589517,
-    "updated": 1685609782462
+    "updated": 1702388923686
   },
   "diamond.svg": {
     "iconName": "diamond",
     "name": "diamond",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c3771cb-7f72-4c41-8e3a-f37eed3724fd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9aa1294c-3ba0-4cb9-9a01-b56aaf1765dc",
     "id": "1354:17",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066590314,
-    "updated": 1685609782701
+    "updated": 1702388923984
   },
   "bicycle_medium.svg": {
     "iconName": "bicycle_medium",
     "name": "bicycle",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0580a3b9-5f24-4a41-a16d-6bc0497caf3e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5ebd0074-1af8-4c0b-a8b0-1c2b81ae6ba4",
     "id": "1349:172",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066591092,
-    "updated": 1685609782957
+    "updated": 1702388924239
   },
   "bicycle.svg": {
     "iconName": "bicycle",
     "name": "bicycle",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4aeba2d1-f037-4b72-b424-3d16a0c8306c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/950641af-bc76-491a-8359-1b2f0e51cd47",
     "id": "1354:14",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066591870,
-    "updated": 1685609783222
+    "updated": 1702388924566
   },
   "horse_medium.svg": {
     "iconName": "horse_medium",
     "name": "horse",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b692dc32-a91f-40f8-9c3d-49b799595c30",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9eca618d-72f2-4a95-8cb6-c77dadd3a807",
     "id": "1349:169",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066592658,
-    "updated": 1685609783484
+    "updated": 1702388924834
   },
   "horse.svg": {
     "iconName": "horse",
     "name": "horse",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e1081462-b98d-4744-a5a8-9692fa31ab57",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cbee342a-fec2-43f1-af1d-cf9616a1f7f3",
     "id": "1354:11",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066593439,
-    "updated": 1685609783733
+    "updated": 1702388925132
   },
   "cat_medium.svg": {
     "iconName": "cat_medium",
     "name": "cat",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f135ab52-02a1-4891-8258-f046726399fd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3422b4d7-658b-40af-850d-a6540c39c21f",
     "id": "1349:165",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066594220,
-    "updated": 1685609784002
+    "updated": 1702388925445
   },
   "cat.svg": {
     "iconName": "cat",
     "name": "cat",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/343264b3-44f4-47a7-be80-9b9190450c9e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c9367623-7d6f-40fb-9c9a-2cf6079a9d24",
     "id": "1354:7",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066594988,
-    "updated": 1685609784238
+    "updated": 1702388925756
   },
   "dog_medium.svg": {
     "iconName": "dog_medium",
     "name": "dog",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1c444c88-33d5-4a79-92b3-aa50884ee009",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/32a82076-a4fe-4694-9e1c-ba5f25b394e0",
     "id": "1349:161",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066595752,
-    "updated": 1685609784504
+    "updated": 1702388926029
   },
   "dog.svg": {
     "iconName": "dog",
     "name": "dog",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8a87736e-b3e3-4a0e-afc8-fbd8c1d6a4c2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bd74b19e-7c2a-4fe5-b5c1-4200d8076d1b",
     "id": "1354:3",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066596530,
-    "updated": 1685609784778
+    "updated": 1702388926299
   },
   "insurance_medium.svg": {
     "iconName": "insurance_medium",
     "name": "insurance",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/57332b81-6445-46c4-a0ba-5a0f67478560",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d2ab6358-bb6c-45b6-9a8b-a715d408148e",
     "id": "2:46",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066597299,
-    "updated": 1685609785012
+    "updated": 1702388926559
   },
   "insurance.svg": {
     "iconName": "insurance",
     "name": "insurance",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4f1488e-4699-48f7-a9a1-65b3ff22d730",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/05010a90-78b7-4d46-8844-9d7be5488c74",
     "id": "31:14",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066598069,
-    "updated": 1685609785275
+    "updated": 1702388926900
   },
   "pension_medium.svg": {
     "iconName": "pension_medium",
     "name": "pension",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/67ea8e03-fd1b-4e50-944c-f5cc680e06fd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/76c6ccec-8c8a-4807-b511-c1e0f2722710",
     "id": "2:60",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066598838,
-    "updated": 1685609785513
+    "updated": 1702388927196
   },
   "pension.svg": {
     "iconName": "pension",
     "name": "pension",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c62fb8ff-ceb7-44d2-9088-49b1d75c6ede",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/81f8cc55-8d80-465e-82fc-7c7726a4fb1b",
     "id": "31:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066599606,
-    "updated": 1685609785772
+    "updated": 1702388927485
   },
   "currency_medium.svg": {
     "iconName": "currency_medium",
     "name": "currency",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b893f04f-e313-4998-b423-18d48b7b551f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d875f7da-f9fe-4ab4-814b-ddcd594316ea",
     "id": "2:59",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066600386,
-    "updated": 1685609786067
+    "updated": 1702388927751
   },
   "currency.svg": {
     "iconName": "currency",
     "name": "currency",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6b875e41-db42-4684-b017-b29310668a33",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/588a917c-3c60-4367-8a6b-5b0364043585",
     "id": "31:20",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066601153,
-    "updated": 1685609786313
+    "updated": 1702388928056
   },
   "bsu_medium.svg": {
     "iconName": "bsu_medium",
     "name": "bsu",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/104a4c49-3ace-495f-9a51-72b811e09562",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f54ecfcb-298c-483e-af17-8ff88d271769",
     "id": "2:58",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066602473,
-    "updated": 1685609786640
+    "updated": 1702388928382
   },
   "bsu.svg": {
     "iconName": "bsu",
     "name": "bsu",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cc3ac504-735f-4aca-aadd-54b3f3fa8624",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d35e8203-6017-4f93-887a-99ae1776768e",
     "id": "31:19",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066603270,
-    "updated": 1685609786889
+    "updated": 1702388928645
   },
   "equities_and_mutual_funds_medium.svg": {
     "iconName": "equities_and_mutual_funds_medium",
     "name": "equities_and_mutual_funds",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/50422280-11fc-431a-b00d-5245b3cd4780",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9d8c170e-aa6b-436d-93d9-e83c9268083b",
     "id": "2:52",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066604046,
-    "updated": 1685609787166
+    "updated": 1702388928948
   },
   "equities_and_mutual_funds.svg": {
     "iconName": "equities_and_mutual_funds",
     "name": "equities_and_mutual_funds",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb295ed7-b57a-4aef-90b6-438a2fdfc7d3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3821abc4-b3e1-4030-85d3-50f86fcab54f",
     "id": "31:18",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066604814,
-    "updated": 1685609787444
+    "updated": 1702388929223
   },
   "stocks_medium.svg": {
     "iconName": "stocks_medium",
     "name": "stocks",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e1a00002-3766-4e01-9a86-96eae59d6d98",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/44b691d1-8041-44cc-a167-7540e16fa88e",
     "id": "2:51",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066605585,
-    "updated": 1685609787696
+    "updated": 1702388929501
   },
   "stocks.svg": {
     "iconName": "stocks",
     "name": "stocks",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d2dd7ca7-99d3-48b4-9838-82d396537a21",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/077ce293-f988-4e8e-a650-d0b959dd02b7",
     "id": "31:17",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066606409,
-    "updated": 1685609787949
+    "updated": 1702388929784
   },
   "funds_medium.svg": {
     "iconName": "funds_medium",
     "name": "funds",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9d7813a5-5204-472c-a7b0-8c5ba0b2608f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e9e11789-cda1-409e-a8e2-f9ded973e15e",
     "id": "2:50",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066607194,
-    "updated": 1685609788196
+    "updated": 1702388930062
   },
   "funds.svg": {
     "iconName": "funds",
     "name": "funds",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c4c2230-87fd-4b1f-b161-05effbc85fa3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4e0768da-1be5-4203-bb16-0ec0b46afb1e",
     "id": "31:16",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066607966,
-    "updated": 1685609788456
+    "updated": 1702388930386
   },
   "loan_medium.svg": {
     "iconName": "loan_medium",
     "name": "loan",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ad0acc8-7b47-4089-abf7-1c94734eb1e5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/92a22a9b-cc45-4b7e-88a2-19fd96da093d",
     "id": "2:47",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066608737,
-    "updated": 1685609788720
+    "updated": 1702388930664
   },
   "loan.svg": {
     "iconName": "loan",
     "name": "loan",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1994e0c6-f2f2-405b-85b3-39da78c39197",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/af65a990-4240-4aeb-98c9-4e85423003e4",
     "id": "31:15",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066609500,
-    "updated": 1685609788989
+    "updated": 1702388930930
   },
   "credit_note_medium.svg": {
     "iconName": "credit_note_medium",
     "name": "credit_note",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a76da38c-967e-42ab-9b37-1b3254ae3242",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3b8d3e3c-199a-4bd5-982e-0e379a19df10",
     "id": "3044:56",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066610281,
-    "updated": 1685609789248
+    "updated": 1702388931208
   },
   "credit_note.svg": {
     "iconName": "credit_note",
     "name": "credit_note",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60584c2b-0bac-4958-9a37-2e155a4c57e9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/74717688-b441-45d6-9151-0837e1072593",
     "id": "3044:57",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066611055,
-    "updated": 1685609789489
+    "updated": 1702388931479
   },
   "deleted_invoice_medium.svg": {
     "iconName": "deleted_invoice_medium",
     "name": "deleted_invoice",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6536e855-42a8-4618-a6e0-6be7a37919da",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c2b3a0c-3ff3-456a-b92b-74362044ce85",
     "id": "3073:18",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066611828,
-    "updated": 1685609789756
+    "updated": 1702388931782
   },
   "deleted_invoice.svg": {
     "iconName": "deleted_invoice",
     "name": "deleted_invoice",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be13b422-a464-4177-9f03-dff19011369e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7009b506-3355-4d8d-9b06-2de8fee11a72",
     "id": "3073:33",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066612613,
-    "updated": 1685609789992
+    "updated": 1702388932079
   },
   "digipost_medium.svg": {
     "iconName": "digipost_medium",
     "name": "digipost",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8c12603-a3ba-47ee-82f1-d47bb633f826",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da9fab8b-e220-4d03-b7e3-a883c60e0de6",
     "id": "2:45",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066613376,
-    "updated": 1685609790276
+    "updated": 1702388932359
   },
   "digipost.svg": {
     "iconName": "digipost",
     "name": "digipost",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aed6a812-0a54-4628-a8a0-4aa68b4104dc",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b51a22ad-3fbd-4588-aa9b-436774d2844f",
     "id": "31:13",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066614191,
-    "updated": 1685609790527
+    "updated": 1702388932730
   },
   "ainvoice_medium.svg": {
     "iconName": "ainvoice_medium",
     "name": "ainvoice",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0040a43c-2336-4b8c-bf95-1f6096f87d5f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8c5f4034-121e-46a9-b8d0-5fa691bc43f6",
     "id": "2:44",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066614963,
-    "updated": 1685609790765
+    "updated": 1702388933036
   },
   "ainvoice.svg": {
     "iconName": "ainvoice",
     "name": "ainvoice",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/171dbd89-78ee-451e-84e0-0ac9ac10d85a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c3e2c1dd-73fc-4eec-8b59-c063f3a925d4",
     "id": "31:12",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066615741,
-    "updated": 1685609791027
+    "updated": 1702388933347
   },
   "einvoice_medium.svg": {
     "iconName": "einvoice_medium",
     "name": "einvoice",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6d93df0f-5946-4263-b9cb-cad4bedf25df",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/90ef562c-0c48-4a57-bf7a-f943370701fc",
     "id": "2:43",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066616537,
-    "updated": 1685609791287
+    "updated": 1702388933653
   },
   "einvoice.svg": {
     "iconName": "einvoice",
     "name": "einvoice",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ace9192-155a-4b84-b77b-f88740e7fdd4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3450f3a0-23f3-41c1-81e4-d1498b7cec9e",
     "id": "31:11",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066617312,
-    "updated": 1685609791537
+    "updated": 1702388933964
   },
   "card_with_padlock_medium.svg": {
     "iconName": "card_with_padlock_medium",
     "name": "card_with_padlock",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f941e31-6571-4d99-ba62-8a0ed29b0627",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b416e80d-6050-4e65-b393-74e7ad7aa9e2",
     "id": "2:42",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066618087,
-    "updated": 1685609791811
+    "updated": 1702388934234
   },
   "card_with_padlock.svg": {
     "iconName": "card_with_padlock",
     "name": "card_with_padlock",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6730c6e3-8b7a-4a5f-a54e-12ee187716ec",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ccfb0b5a-0f62-4b95-b48a-3b3076a8c8ec",
     "id": "31:10",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066618894,
-    "updated": 1685609792061
+    "updated": 1702388934499
   },
   "card_medium.svg": {
     "iconName": "card_medium",
     "name": "card",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3ea25652-97da-4459-b806-0fa6077467a0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ae72c0f7-3052-4a59-aa0d-feae22b07fbb",
     "id": "2:41",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066619665,
-    "updated": 1685609792316
+    "updated": 1702388934815
   },
   "card.svg": {
     "iconName": "card",
     "name": "card",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bce9bb73-9c62-4c16-8781-97066876fc3a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2f42e17-c84a-4632-874f-45f1c83adb00",
     "id": "31:9",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066620451,
-    "updated": 1685609792568
+    "updated": 1702388935100
   },
   "savings_account_medium.svg": {
     "iconName": "savings_account_medium",
     "name": "savings_account",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f7b64e73-4726-40c6-99bf-3efd6b092f02",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe151079-2d87-496b-8fc4-42c8ff7025f3",
     "id": "2:38",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066621231,
-    "updated": 1685609792811
+    "updated": 1702388935369
   },
   "savings_account.svg": {
     "iconName": "savings_account",
     "name": "savings_account",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bdd183dc-ee66-4e04-8a3c-40debdcfc940",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b7f6a32-1366-475f-bf1e-9f7b8a7daeae",
     "id": "31:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066622003,
-    "updated": 1685609793064
+    "updated": 1702388935664
   },
   "mastercard_card_medium.svg": {
     "iconName": "mastercard_card_medium",
     "name": "mastercard_card",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8ca937d-c7e7-4fa8-854e-74ebb941aa1c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e7fa37f-7acb-4cca-b4fc-4d440a441d46",
     "id": "2:37",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066622780,
-    "updated": 1685609793334
+    "updated": 1702388935923
   },
   "mastercard_card.svg": {
     "iconName": "mastercard_card",
     "name": "mastercard_card",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/078e2d82-b49e-49b0-a641-7e383db2e9a8",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/634529b8-9f44-470a-a99a-3a34bfbc77e0",
     "id": "31:5",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066623557,
-    "updated": 1685609793601
+    "updated": 1702388936190
   },
   "mastercard_medium.svg": {
     "iconName": "mastercard_medium",
     "name": "mastercard",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e0247744-694c-49a0-9780-ac08a81034e0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/52dd7853-c76c-45f1-be2a-790ba074261b",
     "id": "2:36",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066624326,
-    "updated": 1685609793866
+    "updated": 1702388936471
   },
   "mastercard.svg": {
     "iconName": "mastercard",
     "name": "mastercard",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c1e2ed2-674e-4ba6-984a-504c75ea1111",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e762b785-83b5-4c2f-bdc1-f7cbcd3f468a",
     "id": "31:4",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066625094,
-    "updated": 1685609794112
+    "updated": 1702388936766
   },
   "account_percent_medium.svg": {
     "iconName": "account_percent_medium",
     "name": "account_percent",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/740f00ec-b18a-4a7b-9b3e-a09358613b21",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/482a0e09-80dd-4bc8-86e7-accf16117d23",
     "id": "582:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066625864,
-    "updated": 1685609794357
+    "updated": 1702388937070
   },
   "account_percent.svg": {
     "iconName": "account_percent",
     "name": "account_percent",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d1032340-5689-4f38-93c7-78824d1c24c1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f12d065-c612-4837-b7e9-c25709815b27",
     "id": "587:16",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066626638,
-    "updated": 1685609794624
+    "updated": 1702388937363
   },
   "account_card_medium.svg": {
     "iconName": "account_card_medium",
     "name": "account_card",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9830dee4-e106-4e38-a8f7-a8d0dfcff1fc",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dcfdbfd9-607a-44be-b679-dfb629b1a576",
     "id": "2:35",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066627428,
-    "updated": 1685609794869
+    "updated": 1702388937698
   },
   "account_card.svg": {
     "iconName": "account_card",
     "name": "account_card",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/751511dd-bc42-41b1-b37d-19760689134a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/28e18b73-df5e-4816-8f08-ad0723138940",
     "id": "31:3",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066628222,
-    "updated": 1685609795149
+    "updated": 1702388938060
   },
   "account_medium.svg": {
     "iconName": "account_medium",
     "name": "account",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79c9fa9b-1a46-4e44-bd5c-e11170e01043",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d1c0219e-0a01-403e-945e-fb4705dd2d3b",
     "id": "2:32",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066628994,
-    "updated": 1685609795436
+    "updated": 1702388938347
   },
   "account.svg": {
     "iconName": "account",
     "name": "account",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f2389be-728f-4b8a-86dd-c522825012a2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82e26e3f-1eab-458d-8ea1-be4440123675",
     "id": "31:0",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066629762,
-    "updated": 1685609795693
+    "updated": 1702388938647
   },
   "e_scooter_medium.svg": {
     "iconName": "e_scooter_medium",
     "name": "e_scooter",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3635793b-2fb2-486b-8c7b-64cf6ab51009",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/beb2ce5e-4500-4881-80c5-b0ec95ff3a18",
     "id": "4772:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066630541,
-    "updated": 1685609795949
+    "updated": 1702388938932
   },
   "e_scooter.svg": {
     "iconName": "e_scooter",
     "name": "e_scooter",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/67910c08-8a3a-4602-a527-a28cc1e10c75",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/16dd065a-6019-4f03-beb2-f912fe2f324f",
     "id": "4772:10",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066631372,
-    "updated": 1685609796189
+    "updated": 1702388939271
   },
   "volume_off_medium.svg": {
     "iconName": "volume_off_medium",
     "name": "volume_off",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/30ead5a8-bb6f-4f2b-a751-0a907d728bac",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1eb01dd3-b7a3-42ca-9a50-972d1de89448",
     "id": "2647:56",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066632140,
-    "updated": 1685609799553
+    "updated": 1702388943219
   },
   "volume_off.svg": {
     "iconName": "volume_off",
     "name": "volume_off",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b64dd77b-b302-4f5f-8719-5a6a3323ade9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2c0ef203-790b-45aa-b922-1aa3c167676b",
     "id": "2647:57",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066632916,
-    "updated": 1685609799841
+    "updated": 1702388943521
   },
   "volume_on_medium.svg": {
     "iconName": "volume_on_medium",
     "name": "volume_on",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4a137d61-dc80-4d7a-b3da-d9ed10aa671b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f11eb12-1989-4664-a7ce-28c22e696c75",
     "id": "2647:54",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066633700,
-    "updated": 1685609800092
+    "updated": 1702388943788
   },
   "volume_on.svg": {
     "iconName": "volume_on",
     "name": "volume_on",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce0dc64b-556d-4aeb-bf89-f1b47fce5648",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c62492e3-748b-4ff8-a462-0ed2bc8b8715",
     "id": "2647:55",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066634478,
-    "updated": 1685609800341
+    "updated": 1702388944096
   },
   "pause_medium.svg": {
     "iconName": "pause_medium",
     "name": "pause",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/139eb105-8083-4c5d-9152-19487230cb45",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7ba3a7b5-72d1-4b07-b52d-d53bd073e0cb",
     "id": "1780:68",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066635262,
-    "updated": 1685609800628
+    "updated": 1702388944398
   },
   "pause.svg": {
     "iconName": "pause",
     "name": "pause",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa4b7167-2116-47ef-a337-4ce2f3c1511c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/64150e98-1d80-469c-b85e-323f7df06830",
     "id": "1780:78",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066636039,
-    "updated": 1685609800879
+    "updated": 1702388944688
   },
   "play_medium.svg": {
     "iconName": "play_medium",
     "name": "play",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be374bba-04aa-4b46-a8fd-7de930d61ffc",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b61212a5-a782-4e98-92b5-86dacd180bad",
     "id": "1780:67",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066636817,
-    "updated": 1685609801134
+    "updated": 1702388945013
   },
   "play.svg": {
     "iconName": "play",
     "name": "play",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/159dd22c-979a-40c3-abc6-0ae46301b96a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d00baeb8-7d1c-4c56-a7b1-192a67a8bdac",
     "id": "1780:77",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066637636,
-    "updated": 1685609801409
+    "updated": 1702388945332
   },
   "thumbs_down_medium.svg": {
     "iconName": "thumbs_down_medium",
     "name": "thumbs_down",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd3bbdcf-f894-4d09-8ac7-11ca9a52c3cb",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8c4bb10b-5307-41c0-a6de-25203f69df94",
     "id": "1495:16",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066638463,
-    "updated": 1685609801651
+    "updated": 1702388945706
   },
   "thumbs_down.svg": {
     "iconName": "thumbs_down",
     "name": "thumbs_down",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fb7970c9-0e18-43b7-bf5f-0cf806489c1d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/28853ac9-98c3-4b73-9188-795b5b5c70ae",
     "id": "1495:32",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066639250,
-    "updated": 1685609801900
+    "updated": 1702388946011
   },
   "thumbs_up_medium.svg": {
     "iconName": "thumbs_up_medium",
     "name": "thumbs_up",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea8deb9f-8e0b-4979-960f-4ac099f1120a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/510391fe-522e-4899-9590-5aa053c5e017",
     "id": "1495:15",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066640022,
-    "updated": 1685609802154
+    "updated": 1702388946325
   },
   "thumbs_up.svg": {
     "iconName": "thumbs_up",
     "name": "thumbs_up",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b74db40-e8d2-4a87-944c-db79d5dde2fc",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d0d046e8-d3d3-4344-a88e-6ff64e697866",
     "id": "1495:31",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066640960,
-    "updated": 1685609802424
+    "updated": 1702388946617
   },
   "minimize_medium.svg": {
     "iconName": "minimize_medium",
     "name": "minimize",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0fa3b5e8-4afd-49f4-9ade-e59caee20d9e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7def6f74-c139-45a2-8b7f-df4534066760",
     "id": "1433:26",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066641738,
-    "updated": 1685609802680
+    "updated": 1702388946909
   },
   "minimize.svg": {
     "iconName": "minimize",
     "name": "minimize",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe17f2cf-ae5d-47ab-a105-adea6a81c45a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/49cd7782-e131-456c-b276-856bf2b0b0a2",
     "id": "1433:27",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066642500,
-    "updated": 1685609802947
+    "updated": 1702388947164
   },
   "loan_out_medium.svg": {
     "iconName": "loan_out_medium",
     "name": "loan_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a450300e-8fac-49ea-b7db-dda4e3d8537b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20b86d77-64d1-4f0f-ab15-d7dbaaaf901d",
     "id": "760:12",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066643280,
-    "updated": 1685609803207
+    "updated": 1702388947483
   },
   "loan_out.svg": {
     "iconName": "loan_out",
     "name": "loan_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/89de1aea-51b6-47e1-82d4-6de7e13d82d2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/53b1d7c3-bb89-4c48-bbc0-578b119cffd9",
     "id": "760:257",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066644052,
-    "updated": 1685609803454
+    "updated": 1702388947785
   },
   "loan_in_medium.svg": {
     "iconName": "loan_in_medium",
     "name": "loan_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/38babbc7-f44c-4faa-86e0-caf787c5786d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1417b8d7-8570-4e80-8541-14dc2f160596",
     "id": "760:11",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066644811,
-    "updated": 1685609808737
+    "updated": 1702388948138
   },
   "loan_in.svg": {
     "iconName": "loan_in",
     "name": "loan_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa101cb2-1521-496c-b1a9-f492bfe950eb",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ef64a6c-ad9a-49d2-b2e4-95683ab4a3a7",
     "id": "760:256",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066645577,
-    "updated": 1685609809007
+    "updated": 1702388948431
   },
   "funds_out_medium.svg": {
     "iconName": "funds_out_medium",
     "name": "funds_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/49833ce4-a8d8-45f8-91e6-7cf75dc7a5ec",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c4077356-95c4-478e-a0c2-f17e069160fe",
     "id": "760:10",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066646363,
-    "updated": 1685609809280
+    "updated": 1702388948723
   },
   "funds_out.svg": {
     "iconName": "funds_out",
     "name": "funds_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a60a61a7-bc92-4390-8646-11fa09706f8f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce9c148b-891e-487b-98e4-a8d26105467a",
     "id": "760:255",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066647142,
-    "updated": 1685609809543
+    "updated": 1702388949052
   },
   "funds_in_medium.svg": {
     "iconName": "funds_in_medium",
     "name": "funds_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/388a45bc-1ed4-4aa2-80c3-c7f3bb0b9928",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e017f171-fe3d-48eb-8ff0-e7b0c8c8adcc",
     "id": "760:9",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066647924,
-    "updated": 1685609809821
+    "updated": 1702388949347
   },
   "funds_in.svg": {
     "iconName": "funds_in",
     "name": "funds_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79147a92-ee89-40fb-ba1f-f3d43eec0159",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d5429380-e862-410a-a27a-a835c8009312",
     "id": "760:254",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066648710,
-    "updated": 1685609810056
+    "updated": 1702388949636
   },
   "card_out_medium.svg": {
     "iconName": "card_out_medium",
     "name": "card_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dfaf817a-fec2-466a-a71e-6dadff308f5b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22477565-c0a4-42e7-bac9-211d6fb945b8",
     "id": "760:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066649489,
-    "updated": 1685609810294
+    "updated": 1702388949924
   },
   "card_out.svg": {
     "iconName": "card_out",
     "name": "card_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82eec683-55e6-44e7-8297-b67c5ef691e1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/64e3c13f-3f64-48a6-bd29-9d744efedc6f",
     "id": "760:253",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066650260,
-    "updated": 1685609810536
+    "updated": 1702388950218
   },
   "card_in_medium.svg": {
     "iconName": "card_in_medium",
     "name": "card_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b55fc0e-21dd-4362-aa67-a546b54e7080",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/77f987e3-2b44-4ab5-9def-43d6ea257b87",
     "id": "1:1935",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066651037,
-    "updated": 1685609810785
+    "updated": 1702388950477
   },
   "card_in.svg": {
     "iconName": "card_in",
     "name": "card_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7d3387aa-ee30-4483-89b3-5b08d61827f0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3fdfd1f5-b3b2-4ac2-84be-ed3e976c8235",
     "id": "25:1",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066651855,
-    "updated": 1685609811040
+    "updated": 1702388950760
   },
   "savings_account_in_medium.svg": {
     "iconName": "savings_account_in_medium",
     "name": "savings_account_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/61f7a7f1-9fde-46e1-adc2-29d6795f5a51",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/70e1f152-b4b3-4e83-99de-9157be1465f4",
     "id": "2:40",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066652626,
-    "updated": 1685609811293
+    "updated": 1702388951023
   },
   "savings_account_in.svg": {
     "iconName": "savings_account_in",
     "name": "savings_account_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c867b95f-a400-4feb-9b9b-876c5c16764a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3eae4875-1cea-43a8-816b-37c36ef08013",
     "id": "31:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066653390,
-    "updated": 1685609811557
+    "updated": 1702388951366
   },
   "savings_account_out_medium.svg": {
     "iconName": "savings_account_out_medium",
     "name": "savings_account_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/21af1002-33b5-41e6-bd8a-75d3c33f5979",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/012a2532-9d6e-419e-91dc-4cd54f6e1e2a",
     "id": "2:39",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066654193,
-    "updated": 1685609811820
+    "updated": 1702388951666
   },
   "savings_account_out.svg": {
     "iconName": "savings_account_out",
     "name": "savings_account_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/09b3c08b-302c-4377-abaf-629871d39281",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f59f5bb-92ab-405b-a3c6-967aa0edf08d",
     "id": "31:7",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066654964,
-    "updated": 1685609812061
+    "updated": 1702388951950
   },
   "account_out_medium.svg": {
     "iconName": "account_out_medium",
     "name": "account_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/32a483de-bcd8-4ae5-b376-88d20f3d8a60",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1d09e40-4ede-4a9e-9836-605b7dafd036",
     "id": "2:33",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066655765,
-    "updated": 1685609812323
+    "updated": 1702388952243
   },
   "account_out.svg": {
     "iconName": "account_out",
     "name": "account_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/707cb14b-0c07-4200-a2be-da08a0f16949",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/73cd7934-5d1e-4997-b337-e4d3596d3ade",
     "id": "31:1",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066656533,
-    "updated": 1685609812558
+    "updated": 1702388952563
   },
   "account_in_medium.svg": {
     "iconName": "account_in_medium",
     "name": "account_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7218427f-e4a7-4fb1-9e35-7f7e5f7731cb",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/550ae42c-355c-4a44-8369-a465f7199390",
     "id": "2:34",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066657303,
-    "updated": 1685609812858
+    "updated": 1702388952876
   },
   "account_in.svg": {
     "iconName": "account_in",
     "name": "account_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f872f2fb-0ca9-4ace-97dc-de9e706d92c8",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4081424c-b2d5-4498-8444-f9f7381e4513",
     "id": "31:2",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066658106,
-    "updated": 1685609813098
+    "updated": 1702388953136
   },
   "dismiss_keyboard_medium.svg": {
     "iconName": "dismiss_keyboard_medium",
     "name": "dismiss_keyboard",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/97aaefad-7ae1-496b-8e4b-c9c42c3a7c63",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c79664e4-a42b-49be-af80-22987af3589e",
     "id": "2:31",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066658872,
-    "updated": 1685609813383
+    "updated": 1702388953426
   },
   "dismiss_keyboard.svg": {
     "iconName": "dismiss_keyboard",
     "name": "dismiss_keyboard",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33eb491b-a139-4dbf-b466-5882438f3d66",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d31552c8-4910-4764-8633-82ad68e5a25a",
     "id": "25:34",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066659647,
-    "updated": 1685609813633
+    "updated": 1702388953764
   },
   "move_medium.svg": {
     "iconName": "move_medium",
     "name": "move",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e76022ad-7a9c-461a-98ca-4d543af15fc3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f47561cd-166f-43d6-a5ad-963e1f7412da",
     "id": "2:30",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066660428,
-    "updated": 1685609813922
+    "updated": 1702388954086
   },
   "move.svg": {
     "iconName": "move",
     "name": "move",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f51a4fb2-2d73-4f9f-9fdf-d12ab1a45ca9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/05edc51c-8e6f-4869-99c3-a7fdb5ca31f2",
     "id": "25:33",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066661191,
-    "updated": 1685609814176
+    "updated": 1702388954364
   },
   "split_medium.svg": {
     "iconName": "split_medium",
     "name": "split",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1fb96be6-ff0d-49ae-9b04-c409e9cdab29",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aab50244-40c1-4073-bb43-3236aa05a8c2",
     "id": "2:29",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066661975,
-    "updated": 1685609814425
+    "updated": 1702388954675
   },
   "split.svg": {
     "iconName": "split",
     "name": "split",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8630711-b5b0-4b05-a4fc-6832f04758bc",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f4aabda8-f226-4e15-beca-c09edde3a8ae",
     "id": "25:32",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066662740,
-    "updated": 1685609814691
+    "updated": 1702388954932
   },
   "fullscreen_medium.svg": {
     "iconName": "fullscreen_medium",
     "name": "fullscreen",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5c8d0540-ed8d-4c8a-bf44-b2de6a47870c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/54ad0c1a-5aa3-4212-b10c-9e6603d065d2",
     "id": "2:28",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066663516,
-    "updated": 1685609814932
+    "updated": 1702388955191
   },
   "fullscreen.svg": {
     "iconName": "fullscreen",
     "name": "fullscreen",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8cb013d-4736-4324-85df-791a7010d7a4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/409a32f3-f9bd-40a9-80fc-b3cc581c4162",
     "id": "25:31",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066664290,
-    "updated": 1685609815192
+    "updated": 1702388955506
   },
   "save_medium.svg": {
     "iconName": "save_medium",
     "name": "save",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/11818dd8-d87e-4644-acf2-7eea82c5ad50",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f9794bea-2665-410a-bcbf-e343a109f1a2",
     "id": "2:27",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066665080,
-    "updated": 1685609815438
+    "updated": 1702388955803
   },
   "save.svg": {
     "iconName": "save",
     "name": "save",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23466f6c-9602-4009-bd51-5ec22163d491",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a5fbd498-e799-4fe6-b2d6-f7013830763f",
     "id": "25:30",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066665868,
-    "updated": 1685609815681
+    "updated": 1702388956127
   },
   "copy_medium.svg": {
     "iconName": "copy_medium",
     "name": "copy",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/70228327-1570-413e-b6ad-d1389fffb4fe",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e98f1cea-7a23-43ba-b491-157bd52ebec4",
     "id": "2:26",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066666666,
-    "updated": 1685609815921
+    "updated": 1702388956426
   },
   "copy.svg": {
     "iconName": "copy",
     "name": "copy",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fc23d9af-8fd3-4b0e-a7b3-804857671d5f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abbc0d00-8274-47cf-93a5-2f346472c639",
     "id": "25:29",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066667442,
-    "updated": 1685609816178
+    "updated": 1702388956695
   },
   "subtract_medium.svg": {
     "iconName": "subtract_medium",
     "name": "subtract",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3e6df968-943a-4107-b1b3-efc7d635d39d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79f3889c-9c7a-4d0e-8130-2ffc57352029",
     "id": "2:25",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066668207,
-    "updated": 1685609816443
+    "updated": 1702388957009
   },
   "subtract.svg": {
     "iconName": "subtract",
     "name": "subtract",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3ae4bc69-afcd-4aa8-9635-d147396d3c00",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a820c0e4-5dc4-41f9-9298-cd9e3f10f54b",
     "id": "25:28",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066668974,
-    "updated": 1685609816693
+    "updated": 1702388957293
   },
   "subtract_circled_medium.svg": {
     "iconName": "subtract_circled_medium",
     "name": "subtract_circled",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/83ffa352-6d53-4828-be47-d181d48a1fa8",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ace106fc-dde0-47bc-ba93-223247334f31",
     "id": "2:24",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066669753,
-    "updated": 1685609816936
+    "updated": 1702388957638
   },
   "subtract_circled.svg": {
     "iconName": "subtract_circled",
     "name": "subtract_circled",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/591a45d4-992f-4095-ad45-5ab4363d8b93",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8f80fe3-0171-4020-b7ee-c2892cf09eb6",
     "id": "25:27",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066670526,
-    "updated": 1685609817173
+    "updated": 1702388957933
   },
   "add_medium.svg": {
     "iconName": "add_medium",
     "name": "add",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8fd472d0-d054-41b3-86df-f2e48095e6ee",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce037cc1-b21b-4bf3-a45b-94c1b478f7f8",
     "id": "2:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066671324,
-    "updated": 1685609817417
+    "updated": 1702388958238
   },
   "add.svg": {
     "iconName": "add",
     "name": "add",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4f6a4c3b-bcf7-4a7e-9c35-90a19f592301",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/50b6078e-2fed-4773-9668-7c5976e34a77",
     "id": "25:26",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066672102,
-    "updated": 1685609817672
+    "updated": 1702388958544
   },
   "add_circled_medium.svg": {
     "iconName": "add_circled_medium",
     "name": "add_circled",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c4dfa496-4cfe-4761-83e3-44694748cb8e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e4b48548-e4b5-43c2-b187-3384dc0ab7b5",
     "id": "2:22",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066672875,
-    "updated": 1685609817920
+    "updated": 1702388958836
   },
   "add_circled.svg": {
     "iconName": "add_circled",
     "name": "add_circled",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0dff5f6e-ff73-424e-a9f7-ec007228c36a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86780762-047b-4ad8-a55d-ec3c263e8718",
     "id": "25:25",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066673643,
-    "updated": 1685609818179
+    "updated": 1702388959102
   },
   "reply_medium.svg": {
     "iconName": "reply_medium",
     "name": "reply",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b2f0255-fc9f-431a-9da6-dd1a956cd296",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f0aa0231-1779-48e9-8913-3aaa031132c7",
     "id": "2:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066674417,
-    "updated": 1685609818433
+    "updated": 1702388959428
   },
   "reply.svg": {
     "iconName": "reply",
     "name": "reply",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c5d40c6-ee89-4625-9f50-01c1fc6e3b52",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ec6e58a3-9ff2-42f7-9797-b8be10161215",
     "id": "25:24",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066675193,
-    "updated": 1685609818692
+    "updated": 1702388959720
   },
   "return_1_medium.svg": {
     "iconName": "return_1_medium",
     "name": "return_1",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f686d736-43e4-4137-98e4-f92da84f5848",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5719326c-c0da-4fc5-904e-c7e98ab40c31",
     "id": "2:20",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066675985,
-    "updated": 1685609818918
+    "updated": 1702388959984
   },
   "return_1.svg": {
     "iconName": "return_1",
     "name": "return_1",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/91e260b3-f4c5-4cd3-b9a8-8850f9c88416",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/76f7bce5-58cf-4d28-b82c-7ee213213d6f",
     "id": "25:23",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066676749,
-    "updated": 1685609819175
+    "updated": 1702388960330
   },
   "redo_medium.svg": {
     "iconName": "redo_medium",
     "name": "redo",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3c5494d-c642-4be8-a9c3-2c4668f21584",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c3ca549e-5cfa-413f-9d34-0c0c1542002e",
     "id": "2:19",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066677518,
-    "updated": 1685609819494
+    "updated": 1702388960615
   },
   "redo.svg": {
     "iconName": "redo",
     "name": "redo",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c90cd02d-e0d4-4d4f-8623-e0c123d78ce0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d07ab077-f794-4244-a2f0-48d8744510e2",
     "id": "25:22",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066678315,
-    "updated": 1685609819758
+    "updated": 1702388960939
   },
   "undo_medium.svg": {
     "iconName": "undo_medium",
     "name": "undo",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a05a5637-de37-44f3-96b5-26146092b30e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fc9f25e9-6e5a-40b2-8f9c-fd3566054d46",
     "id": "2:18",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066679090,
-    "updated": 1685609820067
+    "updated": 1702388961218
   },
   "undo.svg": {
     "iconName": "undo",
     "name": "undo",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7ddc4c7c-d5e7-4da6-8cb2-f3ca807eeeca",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd2d369a-64a2-40ee-b8b0-bb1bfda5ebd4",
     "id": "25:21",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066679865,
-    "updated": 1685609820390
+    "updated": 1702388961502
   },
   "reset_medium.svg": {
     "iconName": "reset_medium",
     "name": "reset",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fade09e2-9bf5-4572-9464-86a0a53d8439",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a7d0d3ec-f5f0-49a0-ab7f-57e6df573ca0",
     "id": "2:17",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066680639,
-    "updated": 1685609820655
+    "updated": 1702388961773
   },
   "reset.svg": {
     "iconName": "reset",
     "name": "reset",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4a211458-849f-428e-8576-6d75507ddbad",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4f51e884-a173-4692-bb50-c8a2923bd5c3",
     "id": "25:20",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066681405,
-    "updated": 1685609820916
+    "updated": 1702388962096
   },
   "refresh_medium.svg": {
     "iconName": "refresh_medium",
     "name": "refresh",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33a5d66a-a9f2-4c4c-88fe-af6f319cdd3e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fe57c68-d79c-4e69-ad5d-4d733c9e92c2",
     "id": "2:16",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066682187,
-    "updated": 1685609821145
+    "updated": 1702388962423
   },
   "refresh.svg": {
     "iconName": "refresh",
     "name": "refresh",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ec486f0f-1dab-4281-901c-2a963502a175",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/baaff8c9-4879-4814-b4d0-c90211d10023",
     "id": "25:19",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066682952,
-    "updated": 1685609821401
+    "updated": 1702388962771
   },
   "stop_medium.svg": {
     "iconName": "stop_medium",
     "name": "stop",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a6348e03-00fd-4b8c-a6d7-216a25d80e45",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e58aacd5-472f-43a3-9496-8f8a45ef95ed",
     "id": "2:15",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066683732,
-    "updated": 1685609821682
+    "updated": 1702388963091
   },
   "stop.svg": {
     "iconName": "stop",
     "name": "stop",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3aae6206-d249-4954-bdf8-14f0a298cf5d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce8854cb-8086-42c3-8634-15f684b82e21",
     "id": "25:18",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066684507,
-    "updated": 1685609821933
+    "updated": 1702388963370
   },
   "log_out_medium.svg": {
     "iconName": "log_out_medium",
     "name": "log_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/65d1c814-1842-4b78-bdd9-720cf4429bc7",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/404e3836-1d60-46db-9383-5fbe9d6dc245",
     "id": "2:14",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066685273,
-    "updated": 1685609822188
+    "updated": 1702388963673
   },
   "log_out.svg": {
     "iconName": "log_out",
     "name": "log_out",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4c9a775-3acb-4cfe-99e6-a175294b9618",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c795d677-f0ed-49db-9542-34f26df84d91",
     "id": "25:17",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066686132,
-    "updated": 1685609822428
+    "updated": 1702388963998
   },
   "log_in_medium.svg": {
     "iconName": "log_in_medium",
     "name": "log_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/32a83f53-fb2e-4a36-a3dd-3aa948f7af56",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/690ef579-6716-4aa7-9f22-246e448fac14",
     "id": "2:13",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066686900,
-    "updated": 1685609822696
+    "updated": 1702388964291
   },
   "log_in.svg": {
     "iconName": "log_in",
     "name": "log_in",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/96e20142-416a-497b-b4ad-4f3f33e8cb76",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/958e065a-a25a-4453-b72e-9bd6b5aa442f",
     "id": "25:16",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066687667,
-    "updated": 1685609822947
+    "updated": 1702388964575
   },
   "share_android_medium.svg": {
     "iconName": "share_android_medium",
     "name": "share_android",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25e2da30-ed56-4584-a89b-532973f404e1",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2165d5d6-777e-4c89-9755-f793c74909ba",
     "id": "2:12",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066688429,
-    "updated": 1685609823195
+    "updated": 1702388964895
   },
   "share_android.svg": {
     "iconName": "share_android",
     "name": "share_android",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c831e143-01ce-484b-917a-0d84733707d2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/966fb224-e01a-4dae-8cfe-f50464566c19",
     "id": "25:15",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066689198,
-    "updated": 1685609823446
+    "updated": 1702388965169
   },
   "share_ios_medium.svg": {
     "iconName": "share_ios_medium",
     "name": "share_ios",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c0cb5256-c46b-4d82-8edd-5256ca0b8a65",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cd984d2c-f7be-4332-bfa1-f1962f6832c4",
     "id": "2:11",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066689963,
-    "updated": 1685609823686
+    "updated": 1702388965517
   },
   "share_ios.svg": {
     "iconName": "share_ios",
     "name": "share_ios",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7fa7387a-9850-475e-9074-a8916fce2397",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d77011ec-2972-408b-8e2b-23a2599c7679",
     "id": "25:14",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066690731,
-    "updated": 1685609823943
+    "updated": 1702388965797
   },
   "upload_medium.svg": {
     "iconName": "upload_medium",
     "name": "upload",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abe197ca-40d7-4cf6-9919-1d19cbf5cb63",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4cbfcbc1-a0f1-472c-9a30-8cc66a37b0c6",
     "id": "2:10",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066691500,
-    "updated": 1685609824193
+    "updated": 1702388966114
   },
   "upload.svg": {
     "iconName": "upload",
     "name": "upload",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/96d0d972-ae88-462b-91d3-2db5defa5fb7",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cc3e8cfb-bb5e-495c-b746-bdad0a9b8bd8",
     "id": "25:13",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066692271,
-    "updated": 1685609824453
+    "updated": 1702388966441
   },
   "download_medium.svg": {
     "iconName": "download_medium",
     "name": "download",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/70b77e39-6713-43ea-bb7e-220a37619c6b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5495018c-4951-485a-8944-e20b41585531",
     "id": "2:9",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066693044,
-    "updated": 1685609824721
+    "updated": 1702388966713
   },
   "download.svg": {
     "iconName": "download",
     "name": "download",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb870d52-8867-4901-a7bd-f91b3460d704",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7bb7d1a5-b9ab-45ea-ae82-09bdcc7ef441",
     "id": "25:12",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066693824,
-    "updated": 1685609824954
+    "updated": 1702388967026
   },
   "edit_medium.svg": {
     "iconName": "edit_medium",
     "name": "edit",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d2b0af0-4e66-42d1-915b-7725ed3744a3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/91273f9f-e68e-4bed-968d-272af0b12f54",
     "id": "2:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066694607,
-    "updated": 1685609825245
+    "updated": 1702388967334
   },
   "edit.svg": {
     "iconName": "edit",
     "name": "edit",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3e79dd91-bde9-4dcd-a583-45e89bf3fb2f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/08f3a722-670a-4ad9-a278-ebd5606c3e28",
     "id": "25:11",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066695377,
-    "updated": 1685609825514
+    "updated": 1702388967623
   },
   "compose_medium.svg": {
     "iconName": "compose_medium",
     "name": "compose",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5bab08cf-d96e-4689-9f90-09609c77546f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f965fbc7-3384-4b03-b054-310b8928412a",
     "id": "2:7",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066696155,
-    "updated": 1685609825771
+    "updated": 1702388967943
   },
   "compose.svg": {
     "iconName": "compose",
     "name": "compose",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6858aab5-4ece-46ca-a765-feec2d9393bd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/11c818a2-6e19-4d8f-b8d4-863760c3a87c",
     "id": "25:10",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066696932,
-    "updated": 1685609826044
+    "updated": 1702388968309
   },
   "hide_medium.svg": {
     "iconName": "hide_medium",
     "name": "hide",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b8fc7abc-4517-42be-92f9-04bdbe204900",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2c2350ea-f75a-41a0-ba66-85a8764abf1e",
     "id": "2:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066697725,
-    "updated": 1685609826306
+    "updated": 1702388968609
   },
   "hide.svg": {
     "iconName": "hide",
     "name": "hide",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/031772ac-c4c3-4414-9c1c-c897bac07229",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/036956dd-451d-4784-918c-c8eda25dcd93",
     "id": "25:9",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066698493,
-    "updated": 1685609826553
+    "updated": 1702388968896
   },
   "view_medium.svg": {
     "iconName": "view_medium",
     "name": "view",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/81625280-46ce-47f9-833c-c615aa1eb1b6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/157e21dd-7414-4dd9-949a-147890e6ac42",
     "id": "2:5",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066699279,
-    "updated": 1685609826804
+    "updated": 1702388969182
   },
   "view.svg": {
     "iconName": "view",
     "name": "view",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3ee9f03d-f69a-463f-8594-404ba633617a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d53bdd27-053f-418b-8532-32294ebec96e",
     "id": "25:7",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066700050,
-    "updated": 1685609827053
+    "updated": 1702388969471
   },
   "swap_medium.svg": {
     "iconName": "swap_medium",
     "name": "swap",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/684c73b3-abb1-413f-93bc-639b6d58dd58",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8b6121c-c1f4-4927-839b-c452533f8509",
     "id": "2:4",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066700824,
-    "updated": 1685609827298
+    "updated": 1702388969746
   },
   "swap.svg": {
     "iconName": "swap",
     "name": "swap",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/baf572ee-2e4b-44b3-b518-c8d694dcea95",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9610f530-8720-4e20-a4e6-7c5cd04f10d6",
     "id": "25:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066701731,
-    "updated": 1685609827542
+    "updated": 1702388970003
   },
   "send_medium.svg": {
     "iconName": "send_medium",
     "name": "send",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/44919461-6769-468d-a9a8-e8d7ff51ee65",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/29c29def-b868-45f2-a80a-65838ff480af",
     "id": "2:3",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066702507,
-    "updated": 1685609827820
+    "updated": 1702388970329
   },
   "send.svg": {
     "iconName": "send",
     "name": "send",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/416b35db-0754-4266-aedb-1f5e500f5b46",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c12c7aa-f044-4caf-9dc7-1db65565f079",
     "id": "25:5",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066703289,
-    "updated": 1685609828090
+    "updated": 1702388970623
   },
   "trash_medium.svg": {
     "iconName": "trash_medium",
     "name": "trash",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0dae53cb-3690-4a04-98a4-f073fffad5db",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a37323c9-7b0c-4685-b3bf-78278501d6c9",
     "id": "2:2",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066704095,
-    "updated": 1685609828342
+    "updated": 1702388970902
   },
   "trash.svg": {
     "iconName": "trash",
     "name": "trash",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01285940-95e7-47d5-93b1-6df491a28d73",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f632034f-3928-4f78-9ff3-86eee36a240c",
     "id": "25:4",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066704880,
-    "updated": 1685609828597
+    "updated": 1702388971224
   },
   "graph_decrease_medium.svg": {
     "iconName": "graph_decrease_medium",
     "name": "graph_decrease",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e976ed8-b4c2-457c-88d0-d629d1ce6a50",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/13a6b43f-1aba-4ed5-97f2-0fe51a3f7d5a",
     "id": "2:0",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066705648,
-    "updated": 1685609828900
+    "updated": 1702388971504
   },
   "graph_decrease.svg": {
     "iconName": "graph_decrease",
     "name": "graph_decrease",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cdafee2f-4c74-42b1-a6a4-7eeffc7ab355",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/54529ea0-3f98-4aae-821a-4ebc4dd048b1",
     "id": "25:2",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066706435,
-    "updated": 1685609829159
+    "updated": 1702388971762
   },
   "transfer_medium.svg": {
     "iconName": "transfer_medium",
     "name": "transfer",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0c007a91-66f5-46e6-bb0e-c0aa993a0a21",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0868aaac-bccd-46b8-a7be-68fc7f7e3962",
     "id": "1:1934",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066707214,
-    "updated": 1685609829400
+    "updated": 1702388972074
   },
   "transfer.svg": {
     "iconName": "transfer",
     "name": "transfer",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad31fa6a-c579-4d5e-a686-26e326bb570f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9a7d4111-6594-4762-a25a-24d04f709dc6",
     "id": "25:0",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066707987,
-    "updated": 1685609829638
+    "updated": 1702388972372
   },
   "transfer_to_medium.svg": {
     "iconName": "transfer_to_medium",
     "name": "transfer_to",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5ae5e9a5-4955-4992-9677-baa7e7407a5f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3bc4a5a3-68da-4485-ac18-89bffa1205a0",
     "id": "1:1933",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066708755,
-    "updated": 1685609829905
+    "updated": 1702388972669
   },
   "transfer_to.svg": {
     "iconName": "transfer_to",
     "name": "transfer_to",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c65b4227-8c63-483c-85e1-a5c7748e117f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8bfec161-2360-4746-b2c4-3dd8b13a8e82",
     "id": "21:14",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066709521,
-    "updated": 1685609830153
+    "updated": 1702388972979
   },
   "pay_from_medium.svg": {
     "iconName": "pay_from_medium",
     "name": "pay_from",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9afb6ecd-3e22-49fd-a5f5-3d147674fdb4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c4a9bb7-8af3-4d00-9b66-c17d26efd87c",
     "id": "1:1932",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066710358,
-    "updated": 1685609830408
+    "updated": 1702388973297
   },
   "pay_from.svg": {
     "iconName": "pay_from",
     "name": "pay_from",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f4dc1514-fa49-4b95-91cd-09287f7d6d4e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5b2fa44a-d79f-4c5b-bacb-5b52d9fc1614",
     "id": "21:13",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066711121,
-    "updated": 1685609830655
+    "updated": 1702388973596
   },
   "graph_increase_medium.svg": {
     "iconName": "graph_increase_medium",
     "name": "graph_increase",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9c4e52b1-be8b-4a52-bb26-e8957e8510fa",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a9caf218-1a92-48c8-922b-baa07076d3e0",
     "id": "2:1",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066711888,
-    "updated": 1685609830915
+    "updated": 1702388973908
   },
   "graph_increase.svg": {
     "iconName": "graph_increase",
     "name": "graph_increase",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6435b581-3c1c-43d3-b3e9-325b68c35f76",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3acb204c-b3b4-4f4a-a295-3538ed46e685",
     "id": "25:3",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066712683,
-    "updated": 1685609831153
+    "updated": 1702388974207
   },
   "chevron_up_medium.svg": {
     "iconName": "chevron_up_medium",
     "name": "chevron_up",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/05a1ff3f-584c-41de-88a4-02fcb6cadf7d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b1725904-7222-4349-bd5c-0e2c5d226211",
     "id": "1:1931",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066713453,
-    "updated": 1685609831440
+    "updated": 1702388974556
   },
   "chevron_up.svg": {
     "iconName": "chevron_up",
     "name": "chevron_up",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3fd1444c-d37e-4218-b9d2-bd4dc4c8360a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8a29a258-0f86-444f-a006-ec103b6a5872",
     "id": "21:12",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066714215,
-    "updated": 1685609831709
+    "updated": 1702388974833
   },
   "chevron_down_medium.svg": {
     "iconName": "chevron_down_medium",
     "name": "chevron_down",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ffc864f5-4ef3-4b35-84ab-00db259776d4",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eedb778d-161b-4ced-b0ab-03e34ad63c67",
     "id": "1:1930",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066714982,
-    "updated": 1685609831951
+    "updated": 1702388975100
   },
   "chevron_down.svg": {
     "iconName": "chevron_down",
     "name": "chevron_down",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7505ea74-ebb2-46b4-99db-72d626f92b5a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/44e862c2-30cf-45c1-92da-01d8c9d30d03",
     "id": "21:11",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066715747,
-    "updated": 1685609832230
+    "updated": 1702388975390
   },
   "chevron_right_medium.svg": {
     "iconName": "chevron_right_medium",
     "name": "chevron_right",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a6729302-0b43-4a5d-a637-564919e9942e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/14b2bd09-6c87-47ff-967b-a367ca9ab085",
     "id": "1:1929",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066716554,
-    "updated": 1685609832467
+    "updated": 1702388975644
   },
   "chevron_right.svg": {
     "iconName": "chevron_right",
     "name": "chevron_right",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9d0edb0f-0357-4690-930c-7d7a108b0b63",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33f11a08-bd66-4dd8-a722-62bd54f971e7",
     "id": "21:10",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066717327,
-    "updated": 1685609832743
+    "updated": 1702388975972
   },
   "chevron_left_medium.svg": {
     "iconName": "chevron_left_medium",
     "name": "chevron_left",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bd827158-1b0c-4359-8013-ff7c86b39a57",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8f5e78b6-874d-4433-8c7f-1f565f726e9b",
     "id": "1:1928",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066718094,
-    "updated": 1685609833035
+    "updated": 1702388976371
   },
   "chevron_left.svg": {
     "iconName": "chevron_left",
     "name": "chevron_left",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a6a1bce1-59f9-4263-8dd9-3376f936d62a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/258419d5-3a77-4133-9820-72c3ae39094a",
     "id": "21:9",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066718871,
-    "updated": 1685609833301
+    "updated": 1702388976717
   },
   "arrow_up_medium.svg": {
     "iconName": "arrow_up_medium",
     "name": "arrow_up",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4de816d1-74ec-428b-8c3f-c9c1b26b99ea",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/623f8e4d-75ef-49a4-8f38-4b775e316b00",
     "id": "1:1927",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066719655,
-    "updated": 1685609833536
+    "updated": 1702388977043
   },
   "arrow_up.svg": {
     "iconName": "arrow_up",
     "name": "arrow_up",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/710e633a-9a51-49e4-8107-fc5d40c40977",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/72a6d150-e3eb-4275-a36d-57d7ccdfad7e",
     "id": "21:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066720427,
-    "updated": 1685609833794
+    "updated": 1702388977342
   },
   "arrow_down_medium.svg": {
     "iconName": "arrow_down_medium",
     "name": "arrow_down",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a552f69d-81c7-4ba1-afc7-e1136d3dd34e",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ee3ff743-04dd-402f-ba66-9b538c55593c",
     "id": "1:1926",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066721189,
-    "updated": 1685609834047
+    "updated": 1702388977630
   },
   "arrow_down.svg": {
     "iconName": "arrow_down",
     "name": "arrow_down",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2abf13c8-3e36-442d-85d2-1bde4319c82a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d2f60ec6-6110-4537-916d-11ad96ff29b9",
     "id": "21:7",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066721974,
-    "updated": 1685609834288
+    "updated": 1702388977891
   },
   "arrow_right_medium.svg": {
     "iconName": "arrow_right_medium",
     "name": "arrow_right",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9192868f-1a10-4c41-89f3-4210af3b2ce6",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0a4ff0ed-b142-4372-8b53-a65be2086533",
     "id": "1:1925",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066722749,
-    "updated": 1685609834565
+    "updated": 1702388978208
   },
   "arrow_right.svg": {
     "iconName": "arrow_right",
     "name": "arrow_right",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4f4bcbfa-82a5-4975-b23c-b8ecf529056f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f19fad45-f4d0-45ba-a751-2660e4d8e8a6",
     "id": "21:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066723511,
-    "updated": 1685609834814
+    "updated": 1702388978480
   },
   "arrow_left_medium.svg": {
     "iconName": "arrow_left_medium",
     "name": "arrow_left",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86596a01-1389-4d2f-a4aa-ab61868dc345",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dec1f851-e246-4755-a0bf-f274882e63b1",
     "id": "1:1924",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066724291,
-    "updated": 1685609835057
+    "updated": 1702388978794
   },
   "arrow_left.svg": {
     "iconName": "arrow_left",
     "name": "arrow_left",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ec861a3-d128-4f32-9f58-90ce9ea73341",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3fd03837-131d-456d-84d3-2db84fe52d41",
     "id": "21:5",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066725054,
-    "updated": 1685609835312
+    "updated": 1702388979133
   },
   "launch_medium.svg": {
     "iconName": "launch_medium",
     "name": "launch",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fbc82a2b-547f-4271-91ce-54bd8875a412",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/214f9c51-74c9-4051-ab7e-95dde9121774",
     "id": "1:1923",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066725844,
-    "updated": 1685609835560
+    "updated": 1702388979426
   },
   "launch.svg": {
     "iconName": "launch",
     "name": "launch",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da609890-f8f2-4bdb-929a-ee42d9aa809c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/167192b2-b82c-4bda-85e7-e87c7d670cff",
     "id": "21:4",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066726611,
-    "updated": 1685609835800
+    "updated": 1702388979685
   },
   "close_medium.svg": {
     "iconName": "close_medium",
     "name": "close",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2bc5cb7-1c50-4ded-9c67-0d0005d2382f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c39f464-6278-4db1-8422-bdabc7c5c871",
     "id": "1:1922",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066727374,
-    "updated": 1685609836132
+    "updated": 1702388979970
   },
   "close.svg": {
     "iconName": "close",
     "name": "close",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ee98f6b-f494-47a3-9951-e9b7f237e27a",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f8cf696-5ad0-4953-9585-31f2b82ee9f6",
     "id": "21:3",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066728133,
-    "updated": 1685609836367
+    "updated": 1702388980290
   },
   "more_medium.svg": {
     "iconName": "more_medium",
     "name": "more",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4869d76b-86f2-4f4d-8f6c-c158b4338308",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e76a212b-1dd1-47a6-8aa6-aa24ebfaf658",
     "id": "1:1921",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "primary",
     "bundleName": "primary_icons_medium",
     "created": 1668066728896,
-    "updated": 1685609836619
+    "updated": 1702388980601
   },
   "more.svg": {
     "iconName": "more",
     "name": "more",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22dabe9f-6de5-4b18-a1cc-a8631b85fd76",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd7ba30b-f12a-4b67-9b87-c8923d8358bc",
     "id": "21:2",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "primary",
     "bundleName": "primary_icons",
     "created": 1668066729669,
-    "updated": 1685609836868
+    "updated": 1702388980893
   },
   "more_vertical_medium.svg": {
     "iconName": "more_vertical_medium",
     "name": "more_vertical",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb4ceb94-b104-4403-a1f3-692294c811e9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc3e102e-cbee-44e6-b9c9-4cd0470e7daa",
     "id": "1:1920",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066730434,
-    "updated": 1685609837135
+    "updated": 1702388981189
   },
   "more_vertical.svg": {
     "iconName": "more_vertical",
     "name": "more_vertical",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0b733e85-b4ef-48bd-aa0d-ad69578fdee0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a48d1b9d-984d-47dd-a367-571791193e1a",
     "id": "21:1",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066731245,
-    "updated": 1685609837392
+    "updated": 1702388981498
   },
   "hamburger_medium.svg": {
     "iconName": "hamburger_medium",
     "name": "hamburger",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e3600d1a-add0-4c17-b442-d974b409ad45",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f12dcd8-59c5-4422-a279-a607b98b6915",
     "id": "1:1919",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1668066732014,
-    "updated": 1685609837669
+    "updated": 1702388981791
   },
   "hamburger.svg": {
     "iconName": "hamburger",
     "name": "hamburger",
     "category": "navigation",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e52e2891-5a8c-42ce-8d8e-c1118e3882d7",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd181f9e-9ef6-4259-8557-96f249942a61",
     "id": "21:0",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1668066732780,
-    "updated": 1685609837921
+    "updated": 1702388982070
   },
   "file_zip_medium.svg": {
     "iconName": "file_zip_medium",
     "name": "file_zip",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f8c61d07-3599-446d-ab46-7486e5792884",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb3aa184-3a07-46a0-9a4b-774c3d3d9cb6",
     "id": "5014:4",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166680914,
-    "updated": 1685609717179
+    "updated": 1702388855364
   },
   "file_zip.svg": {
     "iconName": "file_zip",
     "name": "file_zip",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/43d4ec09-3cd3-40d2-a778-863b35d81947",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e3119687-ff61-4e92-9d3a-181cd3e194be",
     "id": "5014:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166681165,
-    "updated": 1685609717447
+    "updated": 1702388855699
   },
   "bus_medium.svg": {
     "iconName": "bus_medium",
     "name": "bus",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/262c1169-29c2-4325-9440-632a2dac8e03",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/17ac4f19-61fc-4293-b656-8e32ecbc6acf",
     "id": "5665:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166726653,
-    "updated": 1685609763840
+    "updated": 1702388854718
   },
   "bus.svg": {
     "iconName": "bus",
     "name": "bus",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b9b29831-4fb4-4751-b5f0-fa7399a59ed5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3d4fdbcc-052b-4e30-b2cb-34d8a5bb7ea3",
     "id": "5665:9",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166726938,
-    "updated": 1685609764086
+    "updated": 1702388855039
   },
   "handshake_medium.svg": {
     "iconName": "handshake_medium",
     "name": "handshake",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ba02a01c-d99b-403e-a8de-c81f73d4175f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ac68206f-e554-4ec8-b1c9-c02de6912cb4",
     "id": "5665:28",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166727223,
-    "updated": 1685609764339
+    "updated": 1702388854162
   },
   "handshake.svg": {
     "iconName": "handshake",
     "name": "handshake",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/992e9eb1-f29e-4145-b39b-9068b7d522cb",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4da3e912-a416-4135-98fb-4485d29f01e9",
     "id": "5665:30",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166727489,
-    "updated": 1685609764592
+    "updated": 1702388854424
   },
   "heavy_equipment_medium.svg": {
     "iconName": "heavy_equipment_medium",
     "name": "heavy_equipment",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bb3ce85d-2fab-4ee9-9bed-77000a3d84a0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/94d7e6cb-db14-49a5-ab9e-723894b194ab",
     "id": "5665:47",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166727736,
-    "updated": 1685609764877
+    "updated": 1702388853538
   },
   "heavy_equipment.svg": {
     "iconName": "heavy_equipment",
     "name": "heavy_equipment",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/14598155-8ec7-4cca-a265-1e682b7dd72f",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3e014ec-f5eb-498d-861d-ebf60d424ac3",
     "id": "5665:49",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166728021,
-    "updated": 1685609765132
+    "updated": 1702388853870
   },
   "building_shopping_medium.svg": {
     "iconName": "building_shopping_medium",
     "name": "building_shopping",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7bebef96-c37c-46f0-9945-4dc127a2b68d",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/076170a4-36d3-4e22-8854-1e39b420056e",
     "id": "5665:77",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166728267,
-    "updated": 1685609765380
+    "updated": 1702388852916
   },
   "building_shopping.svg": {
     "iconName": "building_shopping",
     "name": "building_shopping",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9170d331-3967-4602-9fe0-98b3aa73ea96",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4b33bcf1-0645-4219-a4e7-619ad1baf3e9",
     "id": "5665:79",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166728495,
-    "updated": 1685609765626
+    "updated": 1702388853217
   },
   "sea_transport_medium.svg": {
     "iconName": "sea_transport_medium",
     "name": "sea_transport",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d9245d6c-6bc3-460c-93bf-c64a109971e0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4b3ed1f5-11d9-4a20-91da-c372f3a6ca84",
     "id": "5665:97",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166728770,
-    "updated": 1685609765891
+    "updated": 1702388852346
   },
   "sea_transport.svg": {
     "iconName": "sea_transport",
     "name": "sea_transport",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7240de47-35c6-4806-9a0f-f9e30d3a49d5",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8adfae9-55a7-4dff-a4fc-4f50fda6140d",
     "id": "5665:99",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166729013,
-    "updated": 1685609766155
+    "updated": 1702388852662
   },
   "id_card_medium.svg": {
     "iconName": "id_card_medium",
     "name": "id_card",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5a6f7aa0-1ad1-46d2-a435-df98aae23ada",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8dd7ff5a-6c2a-41ad-9c9e-f6189a607e4f",
     "id": "5665:143",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166729762,
-    "updated": 1685609766419
+    "updated": 1702388851712
   },
   "id_card.svg": {
     "iconName": "id_card",
     "name": "id_card",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce7926e2-a8d9-4075-a15c-497f611ec664",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e6d3b993-1e4e-4d00-9646-1fa651000a0f",
     "id": "5665:145",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166730030,
-    "updated": 1685609766707
+    "updated": 1702388852046
   },
   "keyfigures_medium.svg": {
     "iconName": "keyfigures_medium",
     "name": "keyfigures",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8d231e84-55c5-4556-a2c4-3f5fe8af15e2",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23584a05-16c0-440f-9823-8e50756a8580",
     "id": "5676:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166730306,
-    "updated": 1685609767013
+    "updated": 1702388851096
   },
   "keyfigures.svg": {
     "iconName": "keyfigures",
     "name": "keyfigures",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2a03e22c-8c9b-433a-bd92-d0076af83e65",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25781a29-22eb-4bbe-91e0-3e3f2acbe29c",
     "id": "5676:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166730634,
-    "updated": 1685609767339
+    "updated": 1702388851426
   },
   "portfolio_analytics_medium.svg": {
     "iconName": "portfolio_analytics_medium",
     "name": "portfolio_analytics",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2a12e867-b099-48bc-9577-40602955f673",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ccfc3499-6441-4b58-9cc4-bebfa7394c19",
     "id": "5453:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166753740,
-    "updated": 1685609796428
+    "updated": 1702388939615
   },
   "portfolio_analytics.svg": {
     "iconName": "portfolio_analytics",
     "name": "portfolio_analytics",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/026f1e83-3565-4086-bcfa-755a1d72a2ad",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d221be4d-74a1-47dc-a2cb-60c3032b3e59",
     "id": "5453:13",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166753981,
-    "updated": 1685609796687
+    "updated": 1702388939951
   },
   "investment_account_medium.svg": {
     "iconName": "investment_account_medium",
     "name": "investment_account",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1c1629ef-74bb-4228-9f2b-f3b8a82028dd",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6458e2cb-8cd1-4ef8-9c2a-79cf44ced8e2",
     "id": "5453:58",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166754206,
-    "updated": 1685609796950
+    "updated": 1702388940234
   },
   "investment_account.svg": {
     "iconName": "investment_account",
     "name": "investment_account",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f048af23-45a2-4493-b407-6627c831b4d0",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34b3cbe8-7458-4343-9059-b3d3e2370204",
     "id": "5453:61",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166754492,
-    "updated": 1685609797234
+    "updated": 1702388940510
   },
   "accounting_medium.svg": {
     "iconName": "accounting_medium",
     "name": "accounting",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/186c5c11-3fef-4ec4-83fb-6f3b6a70cecc",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/035309e1-f122-4a6a-9d3d-dc8bffe709f4",
     "id": "6074:17",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1685609767573,
-    "updated": 1685609767573
+    "updated": 1702388850481
   },
   "accounting.svg": {
     "iconName": "accounting",
     "name": "accounting",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f38f97f9-1d5b-4479-b29e-461b8da719f9",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6b6844ee-f5d1-4c95-9b39-09a52afda04e",
     "id": "6074:19",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1685609767843,
-    "updated": 1685609767843
+    "updated": 1702388850752
   },
   "fortune_ball_medium.svg": {
     "iconName": "fortune_ball_medium",
     "name": "fortune_ball",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/97a30af2-902d-4b8d-9bb8-74119ac671ab",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c20ad01f-25d7-43a4-afdd-b3cb8a35eea3",
     "id": "6074:61",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1685609768085,
-    "updated": 1685609768085
+    "updated": 1702388849924
   },
   "fortune_ball.svg": {
     "iconName": "fortune_ball",
     "name": "fortune_ball",
     "category": "objects",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3fee92d3-0ff1-48d3-ba79-babc80a3a3ff",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c64b572-d451-4a85-818f-82a3fe54ddcb",
     "id": "6074:63",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1685609768324,
-    "updated": 1685609768324
+    "updated": 1702388850205
   },
   "candle_stick_medium.svg": {
     "iconName": "candle_stick_medium",
     "name": "candle_stick",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bca77d0e-b6d2-4a21-9f83-fb7075d9a362",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b6bdae98-b3a8-4fa4-b5c0-8b8088c77a91",
     "id": "6068:48",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1685609797988,
-    "updated": 1685609797988
+    "updated": 1702388941490
   },
   "candle_stick.svg": {
     "iconName": "candle_stick",
     "name": "candle_stick",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62edf14d-1fd2-4efb-b282-0f0de37b041c",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3de874d9-fa20-4daf-878f-b41b0681a4d0",
     "id": "6068:51",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1685609798254,
-    "updated": 1685609798254
+    "updated": 1702388941798
   },
   "shield_lock_medium.svg": {
     "iconName": "shield_lock_medium",
     "name": "shield_lock",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b6ca266-4649-4132-a41a-516953b92855",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/de2a4436-19c9-4ada-b9db-f9b40a169312",
     "id": "6068:58",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1680166729244,
-    "updated": 1685609798532
+    "updated": 1702388942080
   },
   "shield_lock.svg": {
     "iconName": "shield_lock",
     "name": "shield_lock",
     "category": "products",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f9000d7-f053-44b6-87d3-99d7fad3c4e3",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/018f9864-7912-423e-b987-96e7c3cfe049",
     "id": "6068:61",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1680166729544,
-    "updated": 1685609798786
+    "updated": 1702388942374
   },
   "scan_medium.svg": {
     "iconName": "scan_medium",
     "name": "scan",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a86ec8c-a775-469a-8afb-76153b7938ce",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/111b6944-501a-4c0e-8f38-ed117384459a",
     "id": "6678:6",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "24",
     "variant": "secondary",
     "bundleName": "secondary_icons_medium",
     "created": 1685609799058,
-    "updated": 1685609799058
+    "updated": 1702388942655
   },
   "scan.svg": {
     "iconName": "scan",
     "name": "scan",
     "category": "actions",
-    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cecfbfb3-36ae-4498-b42a-4c29d80d4c6b",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8a216877-428f-4830-a390-37df04d4e6ae",
     "id": "6678:8",
     "slug": "878548076e6ef92a3736f0e3597fb7be",
     "size": "16",
     "variant": "secondary",
     "bundleName": "secondary_icons",
     "created": 1685609799310,
-    "updated": 1685609799310
+    "updated": 1702388942931
+  },
+  "teenager_medium.svg": {
+    "iconName": "teenager_medium",
+    "name": "teenager",
+    "category": "essentials",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b0536c2-4b2a-4a9b-ad17-656f37ee7498",
+    "id": "6975:6",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "24",
+    "variant": "secondary",
+    "bundleName": "secondary_icons_medium",
+    "created": 1702388817455,
+    "updated": 1702388817455
+  },
+  "teenager.svg": {
+    "iconName": "teenager",
+    "name": "teenager",
+    "category": "essentials",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7e026f3a-3ddf-49a3-847c-7c6ddeba7790",
+    "id": "6975:8",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "16",
+    "variant": "secondary",
+    "bundleName": "secondary_icons",
+    "created": 1702388817720,
+    "updated": 1702388817720
+  },
+  "digipass_corporate_medium.svg": {
+    "iconName": "digipass_corporate_medium",
+    "name": "digipass_corporate",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c39ac58f-818a-42f0-8fc2-6bd81e022773",
+    "id": "8484:35",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "24",
+    "variant": "secondary",
+    "bundleName": "secondary_icons_medium",
+    "created": 1702388845915,
+    "updated": 1702388845915
+  },
+  "digipass_corporate.svg": {
+    "iconName": "digipass_corporate",
+    "name": "digipass_corporate",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b99ccd14-6d01-4366-96c0-5d009ad213d4",
+    "id": "8484:37",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "16",
+    "variant": "secondary",
+    "bundleName": "secondary_icons",
+    "created": 1702388846213,
+    "updated": 1702388846213
+  },
+  "digipass_private_medium.svg": {
+    "iconName": "digipass_private_medium",
+    "name": "digipass_private",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6f3c72e9-006b-4fff-b789-f2bbb805b651",
+    "id": "8484:27",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "24",
+    "variant": "secondary",
+    "bundleName": "secondary_icons_medium",
+    "created": 1702388846553,
+    "updated": 1702388846553
+  },
+  "digipass_private.svg": {
+    "iconName": "digipass_private",
+    "name": "digipass_private",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cf4fc04f-640f-49af-871c-0fe4e2dc68e9",
+    "id": "8484:29",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "16",
+    "variant": "secondary",
+    "bundleName": "secondary_icons",
+    "created": 1702388846812,
+    "updated": 1702388846812
+  },
+  "envelope_open_medium.svg": {
+    "iconName": "envelope_open_medium",
+    "name": "envelope_open",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/435f1475-36a2-48de-82a2-0ed2f06cbe09",
+    "id": "8266:6",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "24",
+    "variant": "secondary",
+    "bundleName": "secondary_icons_medium",
+    "created": 1702388847077,
+    "updated": 1702388847077
+  },
+  "envelope_open.svg": {
+    "iconName": "envelope_open",
+    "name": "envelope_open",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7445c173-80af-4afb-a3cf-d6565848279b",
+    "id": "8266:8",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "16",
+    "variant": "secondary",
+    "bundleName": "secondary_icons",
+    "created": 1702388847371,
+    "updated": 1702388847371
+  },
+  "money_left_medium.svg": {
+    "iconName": "money_left_medium",
+    "name": "money_left",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff296cd8-5dd7-46a6-ad0a-dfced5ec942b",
+    "id": "7837:6",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "24",
+    "variant": "secondary",
+    "bundleName": "secondary_icons_medium",
+    "created": 1702388847645,
+    "updated": 1702388847645
+  },
+  "money_left.svg": {
+    "iconName": "money_left",
+    "name": "money_left",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1cfe76a9-08e3-4035-9182-254dcfdcabc0",
+    "id": "7837:8",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "16",
+    "variant": "secondary",
+    "bundleName": "secondary_icons",
+    "created": 1702388847915,
+    "updated": 1702388847915
+  },
+  "mobile_medium.svg": {
+    "iconName": "mobile_medium",
+    "name": "mobile",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/df7749cc-1f01-4b0f-abd0-1e9528690e99",
+    "id": "7430:22",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "24",
+    "variant": "secondary",
+    "bundleName": "secondary_icons_medium",
+    "created": 1702388848208,
+    "updated": 1702388848208
+  },
+  "mobile.svg": {
+    "iconName": "mobile",
+    "name": "mobile",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/36d62880-c734-407f-a304-d5ffa946b87b",
+    "id": "7430:24",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "16",
+    "variant": "secondary",
+    "bundleName": "secondary_icons",
+    "created": 1702388848505,
+    "updated": 1702388848505
+  },
+  "browser_medium.svg": {
+    "iconName": "browser_medium",
+    "name": "browser",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/af9b92bb-0c9f-43bf-95f0-9b543a338ae6",
+    "id": "7430:14",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "24",
+    "variant": "secondary",
+    "bundleName": "secondary_icons_medium",
+    "created": 1702388848807,
+    "updated": 1702388848807
+  },
+  "browser.svg": {
+    "iconName": "browser",
+    "name": "browser",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4bbc4866-d88f-424c-bb39-15002b9dd164",
+    "id": "7430:16",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "16",
+    "variant": "secondary",
+    "bundleName": "secondary_icons",
+    "created": 1702388849067,
+    "updated": 1702388849067
+  },
+  "laptop_medium.svg": {
+    "iconName": "laptop_medium",
+    "name": "laptop",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5038275e-ad1a-45bc-967d-b331c50c4075",
+    "id": "7430:6",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "24",
+    "variant": "secondary",
+    "bundleName": "secondary_icons_medium",
+    "created": 1702388849374,
+    "updated": 1702388849374
+  },
+  "laptop.svg": {
+    "iconName": "laptop",
+    "name": "laptop",
+    "category": "objects",
+    "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2bb13f59-0a96-4604-8c69-ae85407d6237",
+    "id": "7430:8",
+    "slug": "878548076e6ef92a3736f0e3597fb7be",
+    "size": "16",
+    "variant": "secondary",
+    "bundleName": "secondary_icons",
+    "created": 1702388849668,
+    "updated": 1702388849668
   }
 }
diff --git a/packages/dnb-eufemia/src/icons/dnb/index.ts b/packages/dnb-eufemia/src/icons/dnb/index.ts
index 75a6de8ce34..95d718788b6 100644
--- a/packages/dnb-eufemia/src/icons/dnb/index.ts
+++ b/packages/dnb-eufemia/src/icons/dnb/index.ts
@@ -62,6 +62,8 @@ import brickwall from './brickwall'
 import brickwall_medium from './brickwall_medium'
 import broken_chain from './broken_chain'
 import broken_chain_medium from './broken_chain_medium'
+import browser from './browser'
+import browser_medium from './browser_medium'
 import brush from './brush'
 import brush_medium from './brush_medium'
 import bsu from './bsu'
@@ -167,7 +169,11 @@ import deleted_invoice_medium from './deleted_invoice_medium'
 import diamond from './diamond'
 import diamond_medium from './diamond_medium'
 import digipass from './digipass'
+import digipass_corporate from './digipass_corporate'
+import digipass_corporate_medium from './digipass_corporate_medium'
 import digipass_medium from './digipass_medium'
+import digipass_private from './digipass_private'
+import digipass_private_medium from './digipass_private_medium'
 import digipost from './digipost'
 import digipost_medium from './digipost_medium'
 import dismiss_keyboard from './dismiss_keyboard'
@@ -184,6 +190,8 @@ import einvoice from './einvoice'
 import einvoice_medium from './einvoice_medium'
 import email from './email'
 import email_medium from './email_medium'
+import envelope_open from './envelope_open'
+import envelope_open_medium from './envelope_open_medium'
 import equities_and_mutual_funds from './equities_and_mutual_funds'
 import equities_and_mutual_funds_medium from './equities_and_mutual_funds_medium'
 import exclamation from './exclamation'
@@ -312,6 +320,8 @@ import kid_number from './kid_number'
 import kid_number_medium from './kid_number_medium'
 import language from './language'
 import language_medium from './language_medium'
+import laptop from './laptop'
+import laptop_medium from './laptop_medium'
 import launch from './launch'
 import launch_medium from './launch_medium'
 import layout_card from './layout_card'
@@ -348,8 +358,12 @@ import microphone from './microphone'
 import microphone_medium from './microphone_medium'
 import minimize from './minimize'
 import minimize_medium from './minimize_medium'
+import mobile from './mobile'
+import mobile_medium from './mobile_medium'
 import mobilephone from './mobilephone'
 import mobilephone_medium from './mobilephone_medium'
+import money_left from './money_left'
+import money_left_medium from './money_left_medium'
 import more from './more'
 import more_medium from './more_medium'
 import more_vertical from './more_vertical'
@@ -484,6 +498,8 @@ import swap from './swap'
 import swap_medium from './swap_medium'
 import tag from './tag'
 import tag_medium from './tag_medium'
+import teenager from './teenager'
+import teenager_medium from './teenager_medium'
 import thumbs_down from './thumbs_down'
 import thumbs_down_medium from './thumbs_down_medium'
 import thumbs_up from './thumbs_up'
@@ -596,6 +612,8 @@ export {
   brickwall_medium,
   broken_chain,
   broken_chain_medium,
+  browser,
+  browser_medium,
   brush,
   brush_medium,
   bsu,
@@ -701,7 +719,11 @@ export {
   diamond,
   diamond_medium,
   digipass,
+  digipass_corporate,
+  digipass_corporate_medium,
   digipass_medium,
+  digipass_private,
+  digipass_private_medium,
   digipost,
   digipost_medium,
   dismiss_keyboard,
@@ -718,6 +740,8 @@ export {
   einvoice_medium,
   email,
   email_medium,
+  envelope_open,
+  envelope_open_medium,
   equities_and_mutual_funds,
   equities_and_mutual_funds_medium,
   exclamation,
@@ -846,6 +870,8 @@ export {
   kid_number_medium,
   language,
   language_medium,
+  laptop,
+  laptop_medium,
   launch,
   launch_medium,
   layout_card,
@@ -882,8 +908,12 @@ export {
   microphone_medium,
   minimize,
   minimize_medium,
+  mobile,
+  mobile_medium,
   mobilephone,
   mobilephone_medium,
+  money_left,
+  money_left_medium,
   more,
   more_medium,
   more_vertical,
@@ -1018,6 +1048,8 @@ export {
   swap_medium,
   tag,
   tag_medium,
+  teenager,
+  teenager_medium,
   thumbs_down,
   thumbs_down_medium,
   thumbs_up,
diff --git a/packages/dnb-eufemia/src/icons/dnb/laptop.tsx b/packages/dnb-eufemia/src/icons/dnb/laptop.tsx
new file mode 100644
index 00000000000..6b4870e385d
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/laptop.tsx
@@ -0,0 +1,22 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const laptop = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M14.25 9.5V3a1 1 0 0 0-1-1h-10a1 1 0 0 0-1 1v6.5m12 0h-12m12 0 1.414 3.094A1 1 0 0 1 14.75 14h-13a1 1 0 0 1-.914-1.406L2.25 9.5"
+    />
+  </svg>
+)
+export default laptop
diff --git a/packages/dnb-eufemia/src/icons/dnb/laptop_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/laptop_medium.tsx
new file mode 100644
index 00000000000..a0b3990cb79
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/laptop_medium.tsx
@@ -0,0 +1,22 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const laptop_medium = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M21 14.25V4.5A1.5 1.5 0 0 0 19.5 3h-15A1.5 1.5 0 0 0 3 4.5v9.75m18 0H3m18 0 2.12 4.64A1.5 1.5 0 0 1 21.75 21H2.25a1.5 1.5 0 0 1-1.37-2.11L3 14.25M10.5 18h3"
+    />
+  </svg>
+)
+export default laptop_medium
diff --git a/packages/dnb-eufemia/src/icons/dnb/mobile.tsx b/packages/dnb-eufemia/src/icons/dnb/mobile.tsx
new file mode 100644
index 00000000000..8c9e3cbc4ba
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/mobile.tsx
@@ -0,0 +1,19 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const mobile = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <path
+      fill="#000"
+      d="M5.25.75V0v.75Zm0 15v.75-.75Zm5.5 0v.75-.75Zm2-2h.75-.75Zm0-11h.75-.75Zm-2-2.75h-5.5v1.5h5.5V0Zm-5.5 0c-.73 0-1.429.29-1.945.805l1.061 1.061A1.25 1.25 0 0 1 5.25 1.5V0ZM3.305.805A2.75 2.75 0 0 0 2.5 2.75H4c0-.332.132-.65.366-.884L3.306.806ZM2.5 2.75v11H4v-11H2.5Zm0 11c0 .73.29 1.429.805 1.944l1.061-1.06A1.25 1.25 0 0 1 4 13.75H2.5Zm.805 1.944a2.75 2.75 0 0 0 1.945.806V15a1.25 1.25 0 0 1-.884-.366l-1.06 1.06Zm1.945.806h5.5V15h-5.5v1.5Zm5.5 0c.73 0 1.429-.29 1.944-.806l-1.06-1.06a1.25 1.25 0 0 1-.884.366v1.5Zm1.944-.806a2.75 2.75 0 0 0 .806-1.944H12c0 .332-.132.65-.366.884l1.06 1.06Zm.806-1.944v-11H12v11h1.5Zm0-11c0-.73-.29-1.429-.806-1.945l-1.06 1.061c.234.235.366.552.366.884h1.5ZM12.694.805A2.75 2.75 0 0 0 10.75 0v1.5c.332 0 .65.132.884.366l1.06-1.06ZM8 4v1.5A1.5 1.5 0 0 0 9.5 4H8Zm0 0H6.5A1.5 1.5 0 0 0 8 5.5V4Zm0 0V2.5A1.5 1.5 0 0 0 6.5 4H8Zm0 0h1.5A1.5 1.5 0 0 0 8 2.5V4Z"
+    />
+  </svg>
+)
+export default mobile
diff --git a/packages/dnb-eufemia/src/icons/dnb/mobile_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/mobile_medium.tsx
new file mode 100644
index 00000000000..4bd51850f2a
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/mobile_medium.tsx
@@ -0,0 +1,19 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const mobile_medium = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#000"
+      d="M7.875.75V0v.75Zm0 22.5V24v-.75Zm8.25 0V24v-.75Zm3-3h.75-.75Zm0-16.5h.75-.75Zm-3-3.75h-8.25v1.5h8.25V0Zm-8.25 0a3.75 3.75 0 0 0-2.652 1.098L6.284 2.16a2.25 2.25 0 0 1 1.591-.66V0ZM5.223 1.098A3.75 3.75 0 0 0 4.125 3.75h1.5c0-.597.237-1.169.659-1.591l-1.06-1.06ZM4.125 3.75v16.5h1.5V3.75h-1.5Zm0 16.5a3.75 3.75 0 0 0 1.098 2.652l1.061-1.061a2.25 2.25 0 0 1-.659-1.591h-1.5Zm1.098 2.652A3.75 3.75 0 0 0 7.875 24v-1.5a2.25 2.25 0 0 1-1.591-.659l-1.06 1.06ZM7.875 24h8.25v-1.5h-8.25V24Zm8.25 0a3.75 3.75 0 0 0 2.652-1.098l-1.061-1.061a2.25 2.25 0 0 1-1.591.659V24Zm2.652-1.098a3.75 3.75 0 0 0 1.098-2.652h-1.5a2.25 2.25 0 0 1-.659 1.591l1.06 1.06Zm1.098-2.652V3.75h-1.5v16.5h1.5Zm0-16.5a3.75 3.75 0 0 0-1.098-2.652L17.716 2.16c.422.422.659.994.659 1.591h1.5Zm-1.098-2.652A3.75 3.75 0 0 0 16.125 0v1.5a2.25 2.25 0 0 1 1.591.659l1.06-1.06ZM12 4.25v1.5a1.5 1.5 0 0 0 1.5-1.5H12Zm0 0h-1.5a1.5 1.5 0 0 0 1.5 1.5v-1.5Zm0 0v-1.5a1.5 1.5 0 0 0-1.5 1.5H12Zm0 0h1.5a1.5 1.5 0 0 0-1.5-1.5v1.5Z"
+    />
+  </svg>
+)
+export default mobile_medium
diff --git a/packages/dnb-eufemia/src/icons/dnb/money_left.tsx b/packages/dnb-eufemia/src/icons/dnb/money_left.tsx
new file mode 100644
index 00000000000..f8252cdf23a
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/money_left.tsx
@@ -0,0 +1,21 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const money_left = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeWidth={1.5}
+      d="M1 8a7 7 0 1 0 7-7M5.79 8.8h4.455c.176 0 .319.14.319.31v1.379a.315.315 0 0 1-.319.31H5.792a.315.315 0 0 1-.318-.31V9.11c0-.172.142-.311.318-.311Zm.637-2h4.455c.175 0 .318.14.318.31v1.38a.315.315 0 0 1-.318.31H6.427a.315.315 0 0 1-.318-.31V7.11c0-.172.143-.311.318-.311Zm-1.909-2h4.455c.175 0 .318.14.318.31v1.38a.315.315 0 0 1-.318.31H4.518a.315.315 0 0 1-.318-.31V5.11c0-.172.142-.311.318-.311Z"
+    />
+  </svg>
+)
+export default money_left
diff --git a/packages/dnb-eufemia/src/icons/dnb/money_left_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/money_left_medium.tsx
new file mode 100644
index 00000000000..d74114acd0f
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/money_left_medium.tsx
@@ -0,0 +1,22 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const money_left_medium = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M1 12c0 6.075 4.925 11 11 11s11-4.925 11-11S18.075 1 12 1M9.333 14h6.534c.257 0 .466.209.466.467v2.066a.467.467 0 0 1-.466.467H9.333a.467.467 0 0 1-.466-.467v-2.066c0-.258.209-.467.466-.467Zm.934-3H16.8c.258 0 .467.209.467.467v2.066A.467.467 0 0 1 16.8 14h-6.533a.467.467 0 0 1-.467-.467v-2.066c0-.258.209-.467.467-.467Zm-2.8-3H14c.258 0 .467.209.467.467v2.066A.467.467 0 0 1 14 11H7.467A.467.467 0 0 1 7 10.533V8.467C7 8.209 7.209 8 7.467 8Z"
+    />
+  </svg>
+)
+export default money_left_medium
diff --git a/packages/dnb-eufemia/src/icons/dnb/scan.tsx b/packages/dnb-eufemia/src/icons/dnb/scan.tsx
index 6c19239bcf5..2e380446392 100644
--- a/packages/dnb-eufemia/src/icons/dnb/scan.tsx
+++ b/packages/dnb-eufemia/src/icons/dnb/scan.tsx
@@ -11,8 +11,11 @@ const scan = (props) => (
     {...props}
   >
     <path
-      fill="#000"
-      d="M3.5 4v1.75a.75.75 0 0 1-1.5 0V4c0-.504.175-.981.464-1.344C2.751 2.298 3.2 2 3.75 2h2a.75.75 0 0 1 0 1.5H3.753c-.005.001-.051.01-.117.094A.665.665 0 0 0 3.5 4Zm6-1.25a.75.75 0 0 1 .75-.75H12c.504 0 .981.175 1.344.464.358.287.656.736.656 1.286v2a.75.75 0 0 1-1.5 0V3.753c-.001-.005-.01-.051-.094-.117A.665.665 0 0 0 12 3.5h-1.75a.75.75 0 0 1-.75-.75ZM4 12.5h1.75a.75.75 0 0 1 0 1.5H4a2.17 2.17 0 0 1-1.344-.464C2.298 13.249 2 12.8 2 12.25v-2a.75.75 0 0 1 1.5 0v1.997c.001.005.01.051.094.117A.664.664 0 0 0 4 12.5Zm8.5-.5v-1.75a.75.75 0 0 1 1.5 0V12c0 .504-.175.981-.464 1.344-.287.358-.736.656-1.286.656h-2a.75.75 0 0 1 0-1.5h1.997c.005-.001.051-.01.117-.094A.665.665 0 0 0 12.5 12ZM6 7.25a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5H6Z"
+      stroke="#000"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M12 8H4m6.875 5.749h2.27a.604.604 0 0 0 .604-.604v-2.27m-2.874-8.624h2.27a.604.604 0 0 1 .604.604v2.27M5.126 2.251h-2.27a.604.604 0 0 0-.604.604v2.27m2.874 8.624h-2.27a.604.604 0 0 1-.604-.604v-2.27"
     />
   </svg>
 )
diff --git a/packages/dnb-eufemia/src/icons/dnb/scan_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/scan_medium.tsx
index cc740a4cc0e..beaaa79cdab 100644
--- a/packages/dnb-eufemia/src/icons/dnb/scan_medium.tsx
+++ b/packages/dnb-eufemia/src/icons/dnb/scan_medium.tsx
@@ -10,14 +10,13 @@ const scan_medium = (props) => (
     viewBox="0 0 24 24"
     {...props}
   >
-    <g fill="#000" clipPath="url(#scan_medium_svg__a)">
-      <path d="M2.25 4v3.5a.75.75 0 0 1-1.5 0V4c0-.837.291-1.627.764-2.219C1.984 1.194 2.683.75 3.5.75h4a.75.75 0 0 1 0 1.5h-4c-.25 0-.55.14-.814.469A2.08 2.08 0 0 0 2.25 4Zm13.5-2.5a.75.75 0 0 1 .75-.75H20c.837 0 1.627.291 2.218.764.588.47 1.032 1.169 1.032 1.986v4a.75.75 0 0 1-1.5 0v-4c0-.25-.14-.55-.468-.814A2.079 2.079 0 0 0 20 2.25h-3.5a.75.75 0 0 1-.75-.75ZM4 21.75h3.5a.75.75 0 0 1 0 1.5H4a3.578 3.578 0 0 1-2.219-.764C1.194 22.016.75 21.317.75 20.5v-4a.75.75 0 0 1 1.5 0v4c0 .25.14.55.469.814.325.26.785.436 1.281.436ZM21.75 20v-3.5a.75.75 0 0 1 1.5 0V20c0 .837-.291 1.627-.764 2.218-.47.588-1.169 1.032-1.986 1.032h-4a.75.75 0 0 1 0-1.5h4c.25 0 .55-.14.814-.468.26-.326.436-.786.436-1.282ZM6 11.25a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5H6Z" />
-    </g>
-    <defs>
-      <clipPath id="scan_medium_svg__a">
-        <path fill="#fff" d="M0 0h24v24H0z" />
-      </clipPath>
-    </defs>
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M18.312 12H5.686M16.5 20.997h3.554a.946.946 0 0 0 .946-.946v-3.553M16.5 3h3.554a.946.946 0 0 1 .946.946V7.5M7.5 3H3.945A.946.946 0 0 0 3 3.946V7.5M7.5 21H3.945A.946.946 0 0 1 3 20.054V16.5"
+    />
   </svg>
 )
 export default scan_medium
diff --git a/packages/dnb-eufemia/src/icons/dnb/secondary_icons.ts b/packages/dnb-eufemia/src/icons/dnb/secondary_icons.ts
index b30676dd3a5..268bc68395f 100644
--- a/packages/dnb-eufemia/src/icons/dnb/secondary_icons.ts
+++ b/packages/dnb-eufemia/src/icons/dnb/secondary_icons.ts
@@ -25,6 +25,7 @@ import bookmark from './bookmark'
 import bowling from './bowling'
 import brickwall from './brickwall'
 import broken_chain from './broken_chain'
+import browser from './browser'
 import brush from './brush'
 import bsu from './bsu'
 import bubble from './bubble'
@@ -71,6 +72,8 @@ import customer_service from './customer_service'
 import deleted_invoice from './deleted_invoice'
 import diamond from './diamond'
 import digipass from './digipass'
+import digipass_corporate from './digipass_corporate'
+import digipass_private from './digipass_private'
 import digipost from './digipost'
 import dismiss_keyboard from './dismiss_keyboard'
 import dog from './dog'
@@ -78,6 +81,7 @@ import e_scooter from './e_scooter'
 import edit from './edit'
 import einvoice from './einvoice'
 import email from './email'
+import envelope_open from './envelope_open'
 import equities_and_mutual_funds from './equities_and_mutual_funds'
 import exclamation_circled from './exclamation_circled'
 import exclamation_triangle from './exclamation_triangle'
@@ -140,6 +144,7 @@ import investment_account from './investment_account'
 import keyfigures from './keyfigures'
 import kid_number from './kid_number'
 import language from './language'
+import laptop from './laptop'
 import launch from './launch'
 import layout_card from './layout_card'
 import leaf from './leaf'
@@ -157,7 +162,9 @@ import mastercard_card from './mastercard_card'
 import megaphone from './megaphone'
 import microphone from './microphone'
 import minimize from './minimize'
+import mobile from './mobile'
 import mobilephone from './mobilephone'
+import money_left from './money_left'
 import more_vertical from './more_vertical'
 import motorcycle from './motorcycle'
 import move from './move'
@@ -220,6 +227,7 @@ import subtract_circled from './subtract_circled'
 import support from './support'
 import swap from './swap'
 import tag from './tag'
+import teenager from './teenager'
 import thumbs_down from './thumbs_down'
 import thumbs_up from './thumbs_up'
 import tractor from './tractor'
@@ -271,6 +279,7 @@ export {
   bowling,
   brickwall,
   broken_chain,
+  browser,
   brush,
   bsu,
   bubble,
@@ -317,6 +326,8 @@ export {
   deleted_invoice,
   diamond,
   digipass,
+  digipass_corporate,
+  digipass_private,
   digipost,
   dismiss_keyboard,
   dog,
@@ -324,6 +335,7 @@ export {
   edit,
   einvoice,
   email,
+  envelope_open,
   equities_and_mutual_funds,
   exclamation_circled,
   exclamation_triangle,
@@ -386,6 +398,7 @@ export {
   keyfigures,
   kid_number,
   language,
+  laptop,
   launch,
   layout_card,
   leaf,
@@ -403,7 +416,9 @@ export {
   megaphone,
   microphone,
   minimize,
+  mobile,
   mobilephone,
+  money_left,
   more_vertical,
   motorcycle,
   move,
@@ -466,6 +481,7 @@ export {
   support,
   swap,
   tag,
+  teenager,
   thumbs_down,
   thumbs_up,
   tractor,
diff --git a/packages/dnb-eufemia/src/icons/dnb/secondary_icons_medium.ts b/packages/dnb-eufemia/src/icons/dnb/secondary_icons_medium.ts
index 8bcc1c63786..dea9c401e92 100644
--- a/packages/dnb-eufemia/src/icons/dnb/secondary_icons_medium.ts
+++ b/packages/dnb-eufemia/src/icons/dnb/secondary_icons_medium.ts
@@ -25,6 +25,7 @@ import bookmark_medium from './bookmark_medium'
 import bowling_medium from './bowling_medium'
 import brickwall_medium from './brickwall_medium'
 import broken_chain_medium from './broken_chain_medium'
+import browser_medium from './browser_medium'
 import brush_medium from './brush_medium'
 import bsu_medium from './bsu_medium'
 import bubble_medium from './bubble_medium'
@@ -70,7 +71,9 @@ import currency_medium from './currency_medium'
 import customer_service_medium from './customer_service_medium'
 import deleted_invoice_medium from './deleted_invoice_medium'
 import diamond_medium from './diamond_medium'
+import digipass_corporate_medium from './digipass_corporate_medium'
 import digipass_medium from './digipass_medium'
+import digipass_private_medium from './digipass_private_medium'
 import digipost_medium from './digipost_medium'
 import dismiss_keyboard_medium from './dismiss_keyboard_medium'
 import dog_medium from './dog_medium'
@@ -78,6 +81,7 @@ import e_scooter_medium from './e_scooter_medium'
 import edit_medium from './edit_medium'
 import einvoice_medium from './einvoice_medium'
 import email_medium from './email_medium'
+import envelope_open_medium from './envelope_open_medium'
 import equities_and_mutual_funds_medium from './equities_and_mutual_funds_medium'
 import exclamation_circled_medium from './exclamation_circled_medium'
 import exclamation_triangle_medium from './exclamation_triangle_medium'
@@ -140,6 +144,7 @@ import investment_account_medium from './investment_account_medium'
 import keyfigures_medium from './keyfigures_medium'
 import kid_number_medium from './kid_number_medium'
 import language_medium from './language_medium'
+import laptop_medium from './laptop_medium'
 import launch_medium from './launch_medium'
 import layout_card_medium from './layout_card_medium'
 import leaf_medium from './leaf_medium'
@@ -157,7 +162,9 @@ import mastercard_medium from './mastercard_medium'
 import megaphone_medium from './megaphone_medium'
 import microphone_medium from './microphone_medium'
 import minimize_medium from './minimize_medium'
+import mobile_medium from './mobile_medium'
 import mobilephone_medium from './mobilephone_medium'
+import money_left_medium from './money_left_medium'
 import more_vertical_medium from './more_vertical_medium'
 import motorcycle_medium from './motorcycle_medium'
 import move_medium from './move_medium'
@@ -220,6 +227,7 @@ import subtract_circled_medium from './subtract_circled_medium'
 import support_medium from './support_medium'
 import swap_medium from './swap_medium'
 import tag_medium from './tag_medium'
+import teenager_medium from './teenager_medium'
 import thumbs_down_medium from './thumbs_down_medium'
 import thumbs_up_medium from './thumbs_up_medium'
 import tractor_medium from './tractor_medium'
@@ -271,6 +279,7 @@ export {
   bowling_medium,
   brickwall_medium,
   broken_chain_medium,
+  browser_medium,
   brush_medium,
   bsu_medium,
   bubble_medium,
@@ -316,7 +325,9 @@ export {
   customer_service_medium,
   deleted_invoice_medium,
   diamond_medium,
+  digipass_corporate_medium,
   digipass_medium,
+  digipass_private_medium,
   digipost_medium,
   dismiss_keyboard_medium,
   dog_medium,
@@ -324,6 +335,7 @@ export {
   edit_medium,
   einvoice_medium,
   email_medium,
+  envelope_open_medium,
   equities_and_mutual_funds_medium,
   exclamation_circled_medium,
   exclamation_triangle_medium,
@@ -386,6 +398,7 @@ export {
   keyfigures_medium,
   kid_number_medium,
   language_medium,
+  laptop_medium,
   launch_medium,
   layout_card_medium,
   leaf_medium,
@@ -403,7 +416,9 @@ export {
   megaphone_medium,
   microphone_medium,
   minimize_medium,
+  mobile_medium,
   mobilephone_medium,
+  money_left_medium,
   more_vertical_medium,
   motorcycle_medium,
   move_medium,
@@ -466,6 +481,7 @@ export {
   support_medium,
   swap_medium,
   tag_medium,
+  teenager_medium,
   thumbs_down_medium,
   thumbs_up_medium,
   tractor_medium,
diff --git a/packages/dnb-eufemia/src/icons/dnb/teenager.tsx b/packages/dnb-eufemia/src/icons/dnb/teenager.tsx
new file mode 100644
index 00000000000..671d445885c
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/teenager.tsx
@@ -0,0 +1,22 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const teenager = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M15 4.638 2.325 6m7.706 4.5c-1.293 1.243-3.031 1.243-4.36 0m-.047-2.329h.225m3.673 0h.225m2.24-4.414c2.284 2.344 2.284 6.142 0 8.486a5.747 5.747 0 0 1-8.274 0C1.43 9.899 1.43 6.1 3.713 3.757a5.747 5.747 0 0 1 8.274 0ZM5.9 8.171c0 .122-.104.162-.161.162-.06 0-.164-.04-.164-.162 0-.131.104-.171.164-.171.057 0 .161.04.161.171Zm3.899 0c0 .122-.104.162-.161.162-.06 0-.164-.04-.164-.162a.162.162 0 1 1 .324 0Z"
+    />
+  </svg>
+)
+export default teenager
diff --git a/packages/dnb-eufemia/src/icons/dnb/teenager_medium.tsx b/packages/dnb-eufemia/src/icons/dnb/teenager_medium.tsx
new file mode 100644
index 00000000000..ea505f5eab1
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/dnb/teenager_medium.tsx
@@ -0,0 +1,22 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import React from 'react'
+const teenager_medium = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      stroke="#000"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="m23 8.458-19.5 2.5m11.856 5.726c-1.763 1.992-4.946 1.992-6.708 0m-.073-3.677h.346m5.652 0h.346m3.445-7.371A9 9 0 1 1 5.636 18.364 9 9 0 0 1 18.364 5.636ZM9 13.006c0 .184-.16.244-.248.244-.092 0-.252-.06-.252-.243 0-.197.16-.257.252-.257.088 0 .248.06.248.257Zm5.998 0c0 .184-.16.244-.248.244-.092 0-.252-.06-.252-.243 0-.197.16-.257.252-.257.088 0 .248.06.248.257Z"
+    />
+  </svg>
+)
+export default teenager_medium
diff --git a/packages/dnb-eufemia/src/icons/envelope_open.ts b/packages/dnb-eufemia/src/icons/envelope_open.ts
new file mode 100644
index 00000000000..e243d7ed493
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/envelope_open.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/envelope_open'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/envelope_open_medium.ts b/packages/dnb-eufemia/src/icons/envelope_open_medium.ts
new file mode 100644
index 00000000000..f226f51e5fc
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/envelope_open_medium.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/envelope_open_medium'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/icons-meta.json b/packages/dnb-eufemia/src/icons/icons-meta.json
deleted file mode 100644
index f83dd0402df..00000000000
--- a/packages/dnb-eufemia/src/icons/icons-meta.json
+++ /dev/null
@@ -1,3748 +0,0 @@
-{
-  "user_feedback_medium": {
-    "tags": ["feedback", "comment"],
-    "created": 1668066333431,
-    "name": "user_feedback",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "user_feedback": {
-    "tags": ["feedback", "comment"],
-    "created": 1668066334212,
-    "name": "user_feedback",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "instagram_medium": {
-    "tags": ["social media"],
-    "created": 1668066334994,
-    "name": "instagram",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "instagram": {
-    "tags": ["social media"],
-    "created": 1668066335770,
-    "name": "instagram",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "linkedin_medium": {
-    "tags": ["social media"],
-    "created": 1668066336554,
-    "name": "linkedin",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "linkedin": {
-    "tags": ["social media"],
-    "created": 1668066337326,
-    "name": "linkedin",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "facebook_medium": {
-    "tags": ["social media"],
-    "created": 1668066338093,
-    "name": "facebook",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "facebook": {
-    "tags": ["social media"],
-    "created": 1668066338880,
-    "name": "facebook",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "language_medium": {
-    "tags": [],
-    "created": 1668066339656,
-    "name": "language",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "language": {
-    "tags": [],
-    "created": 1668066340452,
-    "name": "language",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "history_medium": {
-    "tags": ["log"],
-    "created": 1668066341230,
-    "name": "history",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "history": {
-    "tags": ["log"],
-    "created": 1668066342003,
-    "name": "history",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "grabber_medium": {
-    "tags": ["move"],
-    "created": 1668066342786,
-    "name": "grabber",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "grabber": {
-    "tags": ["move"],
-    "created": 1668066343559,
-    "name": "grabber",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "check_medium": {
-    "tags": ["checkmark", "done", "complete", "success", "approve"],
-    "created": 1668066344346,
-    "name": "check",
-    "variant": "primary",
-    "category": "essentials"
-  },
-  "check": {
-    "tags": ["checkmark", "done", "complete", "success", "approve"],
-    "created": 1668066345131,
-    "name": "check",
-    "variant": "primary",
-    "category": "essentials"
-  },
-  "list_medium": {
-    "tags": ["bulletpoints"],
-    "created": 1668066345927,
-    "name": "list",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "list": {
-    "tags": ["bulletpoints"],
-    "created": 1668066346712,
-    "name": "list",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "paragraph_medium": {
-    "tags": ["law", "legal"],
-    "created": 1668066347485,
-    "name": "paragraph",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "paragraph": {
-    "tags": ["law", "legal"],
-    "created": 1668066348261,
-    "name": "paragraph",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "above_the_line_medium": {
-    "tags": ["Place over the line"],
-    "created": 1668066349040,
-    "name": "above_the_line",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "above_the_line": {
-    "tags": ["Place over the line"],
-    "created": 1668066349832,
-    "name": "above_the_line",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "star_medium": {
-    "tags": ["favourite", "rating", "favorite"],
-    "created": 1668066350622,
-    "name": "star",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "star": {
-    "tags": ["favourite", "rating", "favorite"],
-    "created": 1668066351405,
-    "name": "star",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "heart_medium": {
-    "tags": ["health", "love"],
-    "created": 1668066352202,
-    "name": "heart",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "heart": {
-    "tags": ["health", "love"],
-    "created": 1668066352980,
-    "name": "heart",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "hand_money_medium": {
-    "tags": ["receive"],
-    "created": 1668066353797,
-    "name": "hand_money",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "hand_money": {
-    "tags": ["receive"],
-    "created": 1668066354615,
-    "name": "hand_money",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "support_medium": {
-    "tags": ["hand", "heart", "holding", "care"],
-    "created": 1668066355387,
-    "name": "support",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "support": {
-    "tags": ["hand", "heart", "holding", "care"],
-    "created": 1668066356173,
-    "name": "support",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "ref_number_medium": {
-    "tags": ["referance"],
-    "created": 1668066356969,
-    "name": "ref_number",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "ref_number": {
-    "tags": ["referance"],
-    "created": 1668066357732,
-    "name": "ref_number",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "kid_number_medium": {
-    "tags": [],
-    "created": 1668066358538,
-    "name": "kid_number",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "kid_number": {
-    "tags": [],
-    "created": 1668066359315,
-    "name": "kid_number",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "attachment_medium": {
-    "tags": ["file attachment"],
-    "created": 1668066360089,
-    "name": "attachment",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "attachment": {
-    "tags": ["file attachment"],
-    "created": 1668066360859,
-    "name": "attachment",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "web_medium": {
-    "tags": ["internet", "www", "globe"],
-    "created": 1668066361658,
-    "name": "web",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "web": {
-    "tags": ["internet", "www", "globe"],
-    "created": 1668066362437,
-    "name": "web",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "chat_medium": {
-    "tags": ["message", "conversation", "talk", "communicate"],
-    "created": 1668066363225,
-    "name": "chat",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "chat": {
-    "tags": ["message", "conversation", "talk", "communicate"],
-    "created": 1668066364004,
-    "name": "chat",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "bubble_medium": {
-    "tags": ["message", "speak"],
-    "created": 1668066364792,
-    "name": "bubble",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "bubble": {
-    "tags": ["message", "speak"],
-    "created": 1668066365576,
-    "name": "bubble",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "location_medium": {
-    "tags": ["place", "geo"],
-    "created": 1668066366344,
-    "name": "location",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "location": {
-    "tags": ["place", "geo"],
-    "created": 1668066367157,
-    "name": "location",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "exclamation_medium": {
-    "tags": ["warning", "!", "alert"],
-    "created": 1668066367946,
-    "name": "exclamation",
-    "variant": "primary",
-    "category": "essentials"
-  },
-  "exclamation": {
-    "tags": ["warning", "!", "alert"],
-    "created": 1668066368727,
-    "name": "exclamation",
-    "variant": "primary",
-    "category": "essentials"
-  },
-  "exclamation_triangle_medium": {
-    "tags": ["warning", "!", "alert"],
-    "created": 1668066369514,
-    "name": "exclamation_triangle",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "exclamation_triangle": {
-    "tags": ["warning", "!", "alert"],
-    "created": 1668066370280,
-    "name": "exclamation_triangle",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "exclamation_circled_medium": {
-    "tags": ["warning", "!", "alert"],
-    "created": 1668066371050,
-    "name": "exclamation_circled",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "exclamation_circled": {
-    "tags": ["warning", "!", "alert"],
-    "created": 1668066371818,
-    "name": "exclamation_circled",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "question_circled_medium": {
-    "tags": ["?", "questionmark", "help", "question mark"],
-    "created": 1668066372580,
-    "name": "question_circled",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "question_circled": {
-    "tags": ["?", "questionmark", "help", "question mark"],
-    "created": 1668066373353,
-    "name": "question_circled",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "question_medium": {
-    "tags": ["?", "questionmark", "help"],
-    "created": 1668066374117,
-    "name": "question",
-    "variant": "primary",
-    "category": "essentials"
-  },
-  "question": {
-    "tags": ["?", "questionmark", "help"],
-    "created": 1668066374880,
-    "name": "question",
-    "variant": "primary",
-    "category": "essentials"
-  },
-  "information_medium": {
-    "tags": ["i"],
-    "created": 1668066375645,
-    "name": "information",
-    "variant": "primary",
-    "category": "essentials"
-  },
-  "information": {
-    "tags": ["i"],
-    "created": 1668066376413,
-    "name": "information",
-    "variant": "primary",
-    "category": "essentials"
-  },
-  "information_bubble_medium": {
-    "tags": ["i"],
-    "created": 1668066377182,
-    "name": "information_bubble",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "information_bubble": {
-    "tags": ["i"],
-    "created": 1668066377957,
-    "name": "information_bubble",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "information_circled_medium": {
-    "tags": ["i"],
-    "created": 1668066378742,
-    "name": "information_circled",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "information_circled": {
-    "tags": ["i"],
-    "created": 1668066379501,
-    "name": "information_circled",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "progress_medium": {
-    "tags": ["goal", "process", "%"],
-    "created": 1668066380280,
-    "name": "progress",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "progress": {
-    "tags": ["goal", "process", "%"],
-    "created": 1668066381078,
-    "name": "progress",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "filter_medium": {
-    "tags": ["adjust", "modify"],
-    "created": 1668066381859,
-    "name": "filter",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "filter": {
-    "tags": ["adjust", "modify"],
-    "created": 1668066382638,
-    "name": "filter",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "people_2_medium": {
-    "tags": ["firend", "persons", "friends", "people"],
-    "created": 1668066383413,
-    "name": "people_2",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "people_2": {
-    "tags": ["firend", "persons", "friends", "people"],
-    "created": 1668066384189,
-    "name": "people_2",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "people_1_medium": {
-    "tags": ["persons", "friends"],
-    "created": 1668066384961,
-    "name": "people_1",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "people_1": {
-    "tags": ["persons", "friends"],
-    "created": 1668066385755,
-    "name": "people_1",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "person_shield_medium": {
-    "tags": ["administrator"],
-    "created": 1668066386544,
-    "name": "person_shield",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "person_shield": {
-    "tags": ["administrator"],
-    "created": 1668066387344,
-    "name": "person_shield",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "person_medium": {
-    "tags": ["profile"],
-    "created": 1668066388129,
-    "name": "person",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "person": {
-    "tags": ["profile"],
-    "created": 1668066388900,
-    "name": "person",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "profile_medium": {
-    "tags": ["head", "me", "person"],
-    "created": 1668066389681,
-    "name": "profile",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "profile": {
-    "tags": ["head", "me", "person"],
-    "created": 1668066390451,
-    "name": "profile",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "globe_medium": {
-    "tags": ["earth", "world"],
-    "created": 1668066391231,
-    "name": "globe",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "globe": {
-    "tags": ["earth", "world"],
-    "created": 1668066392004,
-    "name": "globe",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "digipass_medium": {
-    "tags": ["login", "authenticate"],
-    "created": 1668066392813,
-    "name": "digipass",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "digipass": {
-    "tags": ["login", "authenticate"],
-    "created": 1668066393582,
-    "name": "digipass",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "pin_code_medium": {
-    "tags": ["login", "authenticate"],
-    "created": 1668066394359,
-    "name": "pin_code",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "pin_code": {
-    "tags": ["login", "authenticate"],
-    "created": 1668066395150,
-    "name": "pin_code",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "bankid_qr_medium": {
-    "tags": ["login", "authenticate"],
-    "created": 1668066395931,
-    "name": "bankid_qr",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "bankid_qr": {
-    "tags": ["login", "authenticate"],
-    "created": 1668066396714,
-    "name": "bankid_qr",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "bankid_mobile_medium": {
-    "tags": ["login", "authenticate", "phone"],
-    "created": 1668066397511,
-    "name": "bankid_mobile",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "bankid_mobile": {
-    "tags": ["login", "authenticate", "phone"],
-    "created": 1668066398282,
-    "name": "bankid_mobile",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "bankid_medium": {
-    "tags": ["login", "authenticate"],
-    "created": 1668066399051,
-    "name": "bankid",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "bankid": {
-    "tags": ["login", "authenticate"],
-    "created": 1668066399826,
-    "name": "bankid",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "sort_medium": {
-    "tags": [],
-    "created": 1668066400590,
-    "name": "sort",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "sort": {
-    "tags": [],
-    "created": 1668066401367,
-    "name": "sort",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "layout_card_medium": {
-    "tags": [],
-    "created": 1668066402144,
-    "name": "layout_card",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "layout_card": {
-    "tags": [],
-    "created": 1668066403037,
-    "name": "layout_card",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "unlock_medium": {
-    "tags": [],
-    "created": 1668066403803,
-    "name": "unlock",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "unlock": {
-    "tags": [],
-    "created": 1668066404573,
-    "name": "unlock",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "hierarchy_medium": {
-    "tags": [],
-    "created": 1668066405381,
-    "name": "hierarchy",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "hierarchy": {
-    "tags": [],
-    "created": 1668066406308,
-    "name": "hierarchy",
-    "variant": "secondary",
-    "category": "essentials"
-  },
-  "speedometer_medium": {
-    "tags": ["gauge", "dashboard", "vehicle", "car"],
-    "created": 1668066407210,
-    "name": "speedometer",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "speedometer": {
-    "tags": ["gauge", "dashboard", "vehicle", "car"],
-    "created": 1668066408113,
-    "name": "speedometer",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "news_medium": {
-    "tags": ["content", "paper", "articles"],
-    "created": 1668066408890,
-    "name": "news",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "news": {
-    "tags": ["content", "paper", "articles"],
-    "created": 1668066409725,
-    "name": "news",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "podcast_medium": {
-    "tags": ["microphone", "mic", "voice", "speak"],
-    "created": 1668066410510,
-    "name": "podcast",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "podcast": {
-    "tags": ["microphone", "mic", "voice", "speak"],
-    "created": 1668066411294,
-    "name": "podcast",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "calculator_medium": {
-    "tags": [],
-    "created": 1668066412076,
-    "name": "calculator",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "calculator": {
-    "tags": [],
-    "created": 1668066412867,
-    "name": "calculator",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "tag_medium": {
-    "tags": [],
-    "created": 1668066413632,
-    "name": "tag",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "tag": {
-    "tags": [],
-    "created": 1668066414407,
-    "name": "tag",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_rain_medium": {
-    "tags": ["weather"],
-    "created": 1668066415186,
-    "name": "cloud_rain",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_rain": {
-    "tags": ["weather"],
-    "created": 1668066415957,
-    "name": "cloud_rain",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_sync_medium": {
-    "tags": ["syncronize"],
-    "created": 1668066416735,
-    "name": "cloud_sync",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_sync": {
-    "tags": ["syncronize"],
-    "created": 1668066417504,
-    "name": "cloud_sync",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_upload_medium": {
-    "tags": [],
-    "created": 1668066418285,
-    "name": "cloud_upload",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_upload": {
-    "tags": [],
-    "created": 1668066419067,
-    "name": "cloud_upload",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_download_medium": {
-    "tags": [],
-    "created": 1668066419836,
-    "name": "cloud_download",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_download": {
-    "tags": [],
-    "created": 1668066420612,
-    "name": "cloud_download",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_transfer_medium": {
-    "tags": [],
-    "created": 1668066421386,
-    "name": "cloud_transfer",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_transfer": {
-    "tags": [],
-    "created": 1668066422161,
-    "name": "cloud_transfer",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud_medium": {
-    "tags": ["weather"],
-    "created": 1668066422926,
-    "name": "cloud",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cloud": {
-    "tags": ["weather"],
-    "created": 1668066423703,
-    "name": "cloud",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "fridge_medium": {
-    "tags": ["stable consumption", "kjøleskap"],
-    "created": 1668066424488,
-    "name": "fridge",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "fridge": {
-    "tags": ["stable consumption", "kjøleskap"],
-    "created": 1668066425276,
-    "name": "fridge",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "brickwall_medium": {
-    "tags": ["materials"],
-    "created": 1668066426055,
-    "name": "brickwall",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "brickwall": {
-    "tags": ["materials"],
-    "created": 1668066426825,
-    "name": "brickwall",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "charger_medium": {
-    "tags": ["supply", "energy"],
-    "created": 1668066427603,
-    "name": "charger",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "charger": {
-    "tags": ["supply", "energy"],
-    "created": 1668066428368,
-    "name": "charger",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "chip_medium": {
-    "tags": ["technology", "tech"],
-    "created": 1668066429148,
-    "name": "chip",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "chip": {
-    "tags": ["technology", "tech"],
-    "created": 1668066429941,
-    "name": "chip",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "factory_medium": {
-    "tags": ["industry"],
-    "created": 1668066430714,
-    "name": "factory",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "factory": {
-    "tags": ["industry"],
-    "created": 1668066431486,
-    "name": "factory",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "oil_medium": {
-    "tags": ["energy"],
-    "created": 1668066432256,
-    "name": "oil",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "oil": {
-    "tags": ["energy"],
-    "created": 1668066433033,
-    "name": "oil",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "megaphone_medium": {
-    "tags": ["advertising", "ads", "promotion"],
-    "created": 1668066433815,
-    "name": "megaphone",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "megaphone": {
-    "tags": ["advertising", "ads", "promotion"],
-    "created": 1668066434589,
-    "name": "megaphone",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "phone_medium": {
-    "tags": ["telephone", "handset", "call"],
-    "created": 1668066435385,
-    "name": "phone",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "phone": {
-    "tags": ["telephone", "handset", "call"],
-    "created": 1668066436155,
-    "name": "phone",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "leaf_medium": {
-    "tags": ["eco", "environment"],
-    "created": 1668066436931,
-    "name": "leaf",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "leaf": {
-    "tags": ["eco", "environment"],
-    "created": 1668066437694,
-    "name": "leaf",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "shield_medium": {
-    "tags": ["security"],
-    "created": 1668066438468,
-    "name": "shield",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "shield": {
-    "tags": ["security"],
-    "created": 1668066439307,
-    "name": "shield",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "pin_medium": {
-    "tags": ["thumbtack", "needle"],
-    "created": 1668066440139,
-    "name": "pin",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "pin": {
-    "tags": ["thumbtack", "needle"],
-    "created": 1668066440924,
-    "name": "pin",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "video_medium": {
-    "tags": ["film", "movie", "play", "watch"],
-    "created": 1668066441696,
-    "name": "video",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "video": {
-    "tags": ["film", "movie", "play", "watch"],
-    "created": 1668066442479,
-    "name": "video",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cookie_medium": {
-    "tags": [],
-    "created": 1668066443253,
-    "name": "cookie",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cookie": {
-    "tags": [],
-    "created": 1668066444022,
-    "name": "cookie",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "photo_medium": {
-    "tags": ["picture", "image", "gallery"],
-    "created": 1668066444823,
-    "name": "photo",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "photo": {
-    "tags": ["picture", "image", "gallery"],
-    "created": 1668066445612,
-    "name": "photo",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "folder_medium": {
-    "tags": ["file"],
-    "created": 1668066446386,
-    "name": "folder",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "folder": {
-    "tags": ["file"],
-    "created": 1668066447158,
-    "name": "folder",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "hourglass_medium": {
-    "tags": ["timer", "time", "waiting"],
-    "created": 1668066447937,
-    "name": "hourglass",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "hourglass": {
-    "tags": ["timer", "time", "waiting"],
-    "created": 1668066448721,
-    "name": "hourglass",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "email_medium": {
-    "tags": ["envelope"],
-    "created": 1668066449497,
-    "name": "email",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "email": {
-    "tags": ["envelope"],
-    "created": 1668066450286,
-    "name": "email",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "paperclip_medium": {
-    "tags": ["attachment", "addition", "file", "vedlegg"],
-    "created": 1668066451046,
-    "name": "paperclip",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "paperclip": {
-    "tags": ["attachment", "addition", "file", "vedlegg"],
-    "created": 1668066451809,
-    "name": "paperclip",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "printer_medium": {
-    "tags": ["print", "paper"],
-    "created": 1668066452583,
-    "name": "printer",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "printer": {
-    "tags": ["print", "paper"],
-    "created": 1668066453355,
-    "name": "printer",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "customer_service_medium": {
-    "tags": ["headset"],
-    "created": 1668066454140,
-    "name": "customer_service",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "customer_service": {
-    "tags": ["headset"],
-    "created": 1668066454909,
-    "name": "customer_service",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "chatbot_medium": {
-    "tags": ["aino"],
-    "created": 1668066455703,
-    "name": "chatbot",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "chatbot": {
-    "tags": ["aino"],
-    "created": 1668066456478,
-    "name": "chatbot",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "broken_chain_medium": {
-    "tags": ["broken link", "link", "url"],
-    "created": 1668066457242,
-    "name": "broken_chain",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "broken_chain": {
-    "tags": ["broken link", "link", "url"],
-    "created": 1668066458011,
-    "name": "broken_chain",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "chain_medium": {
-    "tags": ["link", "url"],
-    "created": 1668066458781,
-    "name": "chain",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "chain": {
-    "tags": ["link", "url"],
-    "created": 1668066459560,
-    "name": "chain",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "microphone_medium": {
-    "tags": ["record", "speak", "voice"],
-    "created": 1668066460346,
-    "name": "microphone",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "microphone": {
-    "tags": ["record", "speak", "voice"],
-    "created": 1668066461128,
-    "name": "microphone",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "wearables_medium": {
-    "tags": ["smartwatch"],
-    "created": 1668066461895,
-    "name": "wearables",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "wearables": {
-    "tags": ["smartwatch"],
-    "created": 1668066462666,
-    "name": "wearables",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "apple_watch_medium": {
-    "tags": ["smartwatch"],
-    "created": 1668066463435,
-    "name": "apple_watch",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "apple_watch": {
-    "tags": ["smartwatch"],
-    "created": 1668066464203,
-    "name": "apple_watch",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "widget_android_medium": {
-    "tags": ["puzzle", "piece"],
-    "created": 1668066464974,
-    "name": "widget_android",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "widget_android": {
-    "tags": ["puzzle", "piece"],
-    "created": 1668066465737,
-    "name": "widget_android",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "widget_ios_medium": {
-    "tags": ["puzzle", "piece"],
-    "created": 1668066466504,
-    "name": "widget_ios",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "widget_ios": {
-    "tags": ["puzzle", "piece"],
-    "created": 1668066467285,
-    "name": "widget_ios",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "owl_medium": {
-    "tags": ["knowledge", "guide"],
-    "created": 1668066468065,
-    "name": "owl",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "owl": {
-    "tags": ["knowledge", "guide"],
-    "created": 1668066468834,
-    "name": "owl",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "confetti_medium": {
-    "tags": ["tada", "party"],
-    "created": 1668066469626,
-    "name": "confetti",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "confetti": {
-    "tags": ["tada", "party"],
-    "created": 1668066470393,
-    "name": "confetti",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "flying_money_medium": {
-    "tags": [],
-    "created": 1668066471170,
-    "name": "flying_money",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "flying_money": {
-    "tags": [],
-    "created": 1668066471937,
-    "name": "flying_money",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "restaurant_medium": {
-    "tags": ["food", "fork", "knife", "eat", "plate"],
-    "created": 1668066472709,
-    "name": "restaurant",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "restaurant": {
-    "tags": ["food", "fork", "knife", "eat", "plate"],
-    "created": 1668066473472,
-    "name": "restaurant",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "hanger_medium": {
-    "tags": ["clothes"],
-    "created": 1668066474264,
-    "name": "hanger",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "hanger": {
-    "tags": ["clothes"],
-    "created": 1668066475050,
-    "name": "hanger",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "plant_medium": {
-    "tags": ["garden", "flower"],
-    "created": 1668066475835,
-    "name": "plant",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "plant": {
-    "tags": ["garden", "flower"],
-    "created": 1668066476597,
-    "name": "plant",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "heart_rate_medium": {
-    "tags": ["health", "wellbeing"],
-    "created": 1668066477374,
-    "name": "heart_rate",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "heart_rate": {
-    "tags": ["health", "wellbeing"],
-    "created": 1668066478137,
-    "name": "heart_rate",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "bowling_medium": {
-    "tags": ["leisure"],
-    "created": 1668066478958,
-    "name": "bowling",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "bowling": {
-    "tags": ["Categorization: Leisure", "leisure"],
-    "created": 1668066479722,
-    "name": "bowling",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "shopping_cart_medium": {
-    "tags": ["groceries"],
-    "created": 1668066480495,
-    "name": "shopping_cart",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "shopping_cart": {
-    "tags": ["groceries"],
-    "created": 1668066481264,
-    "name": "shopping_cart",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "lightbulb_medium": {
-    "tags": ["tips", "tricks", "idea", "light"],
-    "created": 1668066482043,
-    "name": "lightbulb",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "lightbulb": {
-    "tags": ["tips", "tricks", "idea", "light"],
-    "created": 1668066482818,
-    "name": "lightbulb",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_xml_medium": {
-    "tags": ["document", "xml"],
-    "created": 1668066483582,
-    "name": "file_xml",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_xml": {
-    "tags": ["document", "xml"],
-    "created": 1668066484353,
-    "name": "file_xml",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_txt_medium": {
-    "tags": ["document", "text", ".txt", "txt"],
-    "created": 1668066485132,
-    "name": "file_txt",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_txt": {
-    "tags": ["document", "text", ".txt", "txt"],
-    "created": 1668066485917,
-    "name": "file_txt",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_csv_medium": {
-    "tags": [
-      "document",
-      "comma separated values",
-      ".csv",
-      "comma separated value",
-      "csv"
-    ],
-    "created": 1668066486691,
-    "name": "file_csv",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_csv": {
-    "tags": ["document", "comma separated value", ".csv", "csv"],
-    "created": 1668066487482,
-    "name": "file_csv",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_ppt_medium": {
-    "tags": ["document", "powerpoint", ".ppt", "ppt", "keynote"],
-    "created": 1668066488252,
-    "name": "file_ppt",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_ppt": {
-    "tags": ["document", "powerpoint", ".ppt", "ppt", "keynote"],
-    "created": 1668066489028,
-    "name": "file_ppt",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_png_medium": {
-    "tags": ["document", ".doc"],
-    "created": 1668066489830,
-    "name": "file_png",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_png": {
-    "tags": ["document", ".doc"],
-    "created": 1668066490611,
-    "name": "file_png",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_xls_medium": {
-    "tags": ["document", "excel", ".xls", "xls", "numbers"],
-    "created": 1668066491385,
-    "name": "file_xls",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_xls": {
-    "tags": ["document", "excel", ".xls", "xls", "numbers"],
-    "created": 1668066492169,
-    "name": "file_xls",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_jpg": {
-    "tags": ["document", ".doc"],
-    "created": 1668066492943,
-    "name": "file_jpg",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_jpg_medium": {
-    "tags": ["document", ".doc"],
-    "created": 1668066493724,
-    "name": "file_jpg",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_word_medium": {
-    "tags": ["document", ".doc", "doc", "pages"],
-    "created": 1668066494496,
-    "name": "file_word",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_word": {
-    "tags": ["document", ".doc", "doc", "pages"],
-    "created": 1668066495276,
-    "name": "file_word",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_pdf_medium": {
-    "tags": ["document", ".pdf", "pdf"],
-    "created": 1668066496083,
-    "name": "file_pdf",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_pdf": {
-    "tags": ["document", ".pdf", "pdf"],
-    "created": 1668066497652,
-    "name": "file_pdf",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_contract_medium": {
-    "tags": ["document", "signed"],
-    "created": 1668066499176,
-    "name": "file_contract",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_contract": {
-    "tags": ["document", "signed"],
-    "created": 1668066500709,
-    "name": "file_contract",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_warning_medium": {
-    "tags": ["document", "alert"],
-    "created": 1668066502273,
-    "name": "file_warning",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_warning": {
-    "tags": ["document", "alert"],
-    "created": 1668066503878,
-    "name": "file_warning",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_loupe_medium": {
-    "tags": ["document", "search", "find"],
-    "created": 1668066505503,
-    "name": "file_loupe",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_loupe": {
-    "tags": ["document", "search", "find"],
-    "created": 1668066507093,
-    "name": "file_loupe",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_rejected_medium": {
-    "tags": ["document"],
-    "created": 1668066508755,
-    "name": "file_rejected",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_rejected": {
-    "tags": ["document"],
-    "created": 1668066510313,
-    "name": "file_rejected",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_signing_medium": {
-    "tags": ["document", "apply", "signature"],
-    "created": 1668066511669,
-    "name": "file_signing",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_signing": {
-    "tags": ["document", "apply", "signature"],
-    "created": 1668066512557,
-    "name": "file_signing",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_add_medium": {
-    "tags": ["document"],
-    "created": 1668066513337,
-    "name": "file_add",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_add": {
-    "tags": ["document"],
-    "created": 1668066514124,
-    "name": "file_add",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_medium": {
-    "tags": ["document"],
-    "created": 1668066514910,
-    "name": "file",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file": {
-    "tags": ["document"],
-    "created": 1668066515682,
-    "name": "file",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "mobilephone_medium": {
-    "tags": ["device"],
-    "created": 1668066516447,
-    "name": "mobilephone",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "mobilephone": {
-    "tags": ["device"],
-    "created": 1668066517225,
-    "name": "mobilephone",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "padlock_medium": {
-    "tags": ["hengelås", "lock"],
-    "created": 1668066517995,
-    "name": "padlock",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "padlock": {
-    "tags": ["hengelås", "lock"],
-    "created": 1668066518772,
-    "name": "padlock",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "contacts_medium": {
-    "tags": ["recipients"],
-    "created": 1668066519543,
-    "name": "contacts",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "contacts": {
-    "tags": ["recipients"],
-    "created": 1668066520313,
-    "name": "contacts",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "camera_medium": {
-    "tags": ["scanner", "picture", "image"],
-    "created": 1668066521090,
-    "name": "camera",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "camera": {
-    "tags": ["scanner", "picture", "image"],
-    "created": 1668066521878,
-    "name": "camera",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "brush_medium": {
-    "tags": ["theme", "colour"],
-    "created": 1668066522647,
-    "name": "brush",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "brush": {
-    "tags": ["theme", "colour"],
-    "created": 1668066523414,
-    "name": "brush",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "train_medium": {
-    "tags": ["transport", "travel"],
-    "created": 1668066524186,
-    "name": "train",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "train": {
-    "tags": ["transport", "travel"],
-    "created": 1668066524953,
-    "name": "train",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "car_2_medium": {
-    "tags": ["vehicle", "transport"],
-    "created": 1668066525716,
-    "name": "car_2",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "car_2": {
-    "tags": ["vehicle", "transport"],
-    "created": 1668066526487,
-    "name": "car_2",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "car_1_medium": {
-    "tags": ["vehicle", "transport"],
-    "created": 1668066527269,
-    "name": "car_1",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "car_1": {
-    "tags": ["vehicle", "transport"],
-    "created": 1668066528044,
-    "name": "car_1",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "coins_3_medium": {
-    "tags": ["savings", "money"],
-    "created": 1668066528830,
-    "name": "coins_3",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "coins_3": {
-    "tags": ["Categorization: Other savings", "savings", "money"],
-    "created": 1668066529618,
-    "name": "coins_3",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "coins_2_medium": {
-    "tags": ["savings", "money"],
-    "created": 1668066530400,
-    "name": "coins_2",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "coins_2": {
-    "tags": ["Other savings", "savings", "money"],
-    "created": 1668066531185,
-    "name": "coins_2",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "coins_1_medium": {
-    "tags": ["spending", "money"],
-    "created": 1668066531962,
-    "name": "coins_1",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "coins_1": {
-    "tags": ["spending", "money"],
-    "created": 1668066532739,
-    "name": "coins_1",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "wallet_medium": {
-    "tags": ["payments"],
-    "created": 1668066533538,
-    "name": "wallet",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "wallet": {
-    "tags": ["payments"],
-    "created": 1668066534326,
-    "name": "wallet",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "recurring_medium": {
-    "tags": ["calendar", "date", "repeat"],
-    "created": 1668066535119,
-    "name": "recurring",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "recurring": {
-    "tags": ["calendar", "date", "repeat"],
-    "created": 1668066535907,
-    "name": "recurring",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "calendar_cancel_medium": {
-    "tags": ["calendar", "date", "cancel", "dismiss", "disable"],
-    "created": 1668066536681,
-    "name": "calendar_cancel",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "calendar_cancel": {
-    "tags": ["calendar", "date", "cancel", "dismiss", "disable"],
-    "created": 1668066537471,
-    "name": "calendar_cancel",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "fish_medium": {
-    "tags": [],
-    "created": 1668066538242,
-    "name": "fish",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "fish": {
-    "tags": [],
-    "created": 1668066539006,
-    "name": "fish",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "calendar_medium": {
-    "tags": ["date"],
-    "created": 1668066539771,
-    "name": "calendar",
-    "variant": "primary",
-    "category": "objects"
-  },
-  "calendar": {
-    "tags": ["date"],
-    "created": 1668066540541,
-    "name": "calendar",
-    "variant": "primary",
-    "category": "objects"
-  },
-  "stopwatch_medium": {
-    "tags": ["timer", "countdown"],
-    "created": 1668066541309,
-    "name": "stopwatch",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "stopwatch": {
-    "tags": ["timer", "countdown"],
-    "created": 1668066542086,
-    "name": "stopwatch",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "clock_medium": {
-    "tags": ["watch", "time", "expired"],
-    "created": 1668066542872,
-    "name": "clock",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "clock": {
-    "tags": ["watch", "time", "expired"],
-    "created": 1668066543692,
-    "name": "clock",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "scissors_medium": {
-    "tags": ["cut"],
-    "created": 1668066544481,
-    "name": "scissors",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "scissors": {
-    "tags": ["cut"],
-    "created": 1668066545248,
-    "name": "scissors",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "office_buildings_medium": {
-    "tags": ["corporate"],
-    "created": 1668066546012,
-    "name": "office_buildings",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "office_buildings": {
-    "tags": ["corporate"],
-    "created": 1668066546785,
-    "name": "office_buildings",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "bank_medium": {
-    "tags": ["pillars", "finance"],
-    "created": 1668066547575,
-    "name": "bank",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "bank": {
-    "tags": ["pillars", "finance"],
-    "created": 1668066548341,
-    "name": "bank",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "house_value_medium": {
-    "tags": ["rental"],
-    "created": 1668066549117,
-    "name": "house_value",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "house_value": {
-    "tags": ["Categorization: Rental income", "rental"],
-    "created": 1668066549899,
-    "name": "house_value",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "house_2_medium": {
-    "tags": ["cabin"],
-    "created": 1668066550669,
-    "name": "house_2",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "house_2": {
-    "tags": ["Categorization: Utilities"],
-    "created": 1668066551458,
-    "name": "house_2",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "house_1_medium": {
-    "tags": ["property"],
-    "created": 1668066552223,
-    "name": "house_1",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "house_1": {
-    "tags": ["Property", "property"],
-    "created": 1668066552992,
-    "name": "house_1",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "home_medium": {
-    "tags": ["house"],
-    "created": 1668066553768,
-    "name": "home",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "home": {
-    "tags": ["house"],
-    "created": 1668066554540,
-    "name": "home",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "bell_medium": {
-    "tags": ["notification"],
-    "created": 1668066555319,
-    "name": "bell",
-    "variant": "primary",
-    "category": "objects"
-  },
-  "bell": {
-    "tags": ["notification"],
-    "created": 1668066556095,
-    "name": "bell",
-    "variant": "primary",
-    "category": "objects"
-  },
-  "loupe_medium": {
-    "tags": ["search", "find"],
-    "created": 1668066556875,
-    "name": "loupe",
-    "variant": "primary",
-    "category": "objects"
-  },
-  "loupe": {
-    "tags": ["search", "find"],
-    "created": 1668066557650,
-    "name": "loupe",
-    "variant": "primary",
-    "category": "objects"
-  },
-  "cog_medium": {
-    "tags": ["settings"],
-    "created": 1668066558424,
-    "name": "cog",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "cog": {
-    "tags": ["settings"],
-    "created": 1668066559193,
-    "name": "cog",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "bookmark_medium": {
-    "tags": ["calendar", "date", "save", "remember", "pin"],
-    "created": 1668066559971,
-    "name": "bookmark",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "bookmark": {
-    "tags": ["calendar", "date", "save", "remember", "pin"],
-    "created": 1668066560754,
-    "name": "bookmark",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "newspaper_medium": {
-    "tags": ["discover"],
-    "created": 1668066561538,
-    "name": "newspaper",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "newspaper": {
-    "tags": ["discover"],
-    "created": 1668066562303,
-    "name": "newspaper",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "travel_medium": {
-    "tags": ["insurance", "plane", "flight"],
-    "created": 1668066563072,
-    "name": "travel",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "travel": {
-    "tags": ["insurance", "plane", "flight"],
-    "created": 1668066563846,
-    "name": "travel",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "animal_print_medium": {
-    "tags": ["insurance", "paw"],
-    "created": 1668066564618,
-    "name": "animal_print",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "animal_print": {
-    "tags": ["insurance", "paw"],
-    "created": 1668066565383,
-    "name": "animal_print",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "building_construction_medium": {
-    "tags": ["insurance", "home", "house"],
-    "created": 1668066566155,
-    "name": "building_construction",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "building_construction": {
-    "tags": ["insurance", "home", "house"],
-    "created": 1668066566921,
-    "name": "building_construction",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "tractor_medium": {
-    "tags": ["insurance", "farming"],
-    "created": 1668066567729,
-    "name": "tractor",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "tractor": {
-    "tags": ["insurance", "farming"],
-    "created": 1668066568502,
-    "name": "tractor",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "vintage_car_medium": {
-    "tags": ["insurance", "old", "veteran"],
-    "created": 1668066569268,
-    "name": "vintage_car",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "vintage_car": {
-    "tags": ["insurance", "old", "veteran"],
-    "created": 1668066570046,
-    "name": "vintage_car",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "snowmobile_medium": {
-    "tags": ["insurance"],
-    "created": 1668066570820,
-    "name": "snowmobile",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "snowmobile": {
-    "tags": ["insurance"],
-    "created": 1668066571590,
-    "name": "snowmobile",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "motorcycle_medium": {
-    "tags": ["mc", "motorbike", "vehicle", "insurance"],
-    "created": 1668066572366,
-    "name": "motorcycle",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "motorcycle": {
-    "tags": ["mc", "motorbike", "vehicle", "insurance"],
-    "created": 1668066573158,
-    "name": "motorcycle",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "scooter_medium": {
-    "tags": ["vehicle", "insurance", "moped"],
-    "created": 1668066573940,
-    "name": "scooter",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "scooter": {
-    "tags": ["vehicle", "insurance", "moped"],
-    "created": 1668066574711,
-    "name": "scooter",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "boat_medium": {
-    "tags": ["sailboat", "insurance", "båt"],
-    "created": 1668066575490,
-    "name": "boat",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "boat": {
-    "tags": ["sailboat", "insurance", "båt"],
-    "created": 1668066576286,
-    "name": "boat",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "trailer_medium": {
-    "tags": ["flatbead", "insurance", "tilhenger"],
-    "created": 1668066577069,
-    "name": "trailer",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "trailer": {
-    "tags": ["flatbead", "insurance", "tilhenger"],
-    "created": 1668066577861,
-    "name": "trailer",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "camper_trailer_medium": {
-    "tags": ["camping", "insurance"],
-    "created": 1668066578638,
-    "name": "camper_trailer",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "camper_trailer": {
-    "tags": ["camping", "insurance"],
-    "created": 1668066579419,
-    "name": "camper_trailer",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "caravan_medium": {
-    "tags": ["mobile home", "camping", "insurance"],
-    "created": 1668066580186,
-    "name": "caravan",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "caravan": {
-    "tags": ["mobile home", "camping", "insurance"],
-    "created": 1668066580967,
-    "name": "caravan",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "first_aid_medium": {
-    "tags": ["treatment", "insurance"],
-    "created": 1668066581741,
-    "name": "first_aid",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "first_aid": {
-    "tags": ["treatment", "insurance"],
-    "created": 1668066582518,
-    "name": "first_aid",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "ambulance_medium": {
-    "tags": ["vehicle", "car", "sick", "sickness", "illness", "insurance"],
-    "created": 1668066583300,
-    "name": "ambulance",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "ambulance": {
-    "tags": ["vehicle", "car", "sick", "sickness", "illness", "insurance"],
-    "created": 1668066584065,
-    "name": "ambulance",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "bandage_medium": {
-    "tags": ["bandaid", "accident", "injury", "insurance"],
-    "created": 1668066584833,
-    "name": "bandage",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "bandage": {
-    "tags": ["bandaid", "accident", "injury", "insurance"],
-    "created": 1668066585616,
-    "name": "bandage",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "wheelchair_medium": {
-    "tags": ["disability", "insurance"],
-    "created": 1668066586386,
-    "name": "wheelchair",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "wheelchair": {
-    "tags": ["disability", "insurance"],
-    "created": 1668066587166,
-    "name": "wheelchair",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "baby_medium": {
-    "tags": ["kid", "child", "insurance"],
-    "created": 1668066587954,
-    "name": "baby",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "baby": {
-    "tags": ["kid", "child", "insurance"],
-    "created": 1668066588733,
-    "name": "baby",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "diamond_medium": {
-    "tags": ["jewelry", "valuables", "insurance"],
-    "created": 1668066589517,
-    "name": "diamond",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "diamond": {
-    "tags": ["jewelry", "valuables", "insurance"],
-    "created": 1668066590314,
-    "name": "diamond",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "bicycle_medium": {
-    "tags": ["bike", "insurance"],
-    "created": 1668066591092,
-    "name": "bicycle",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "bicycle": {
-    "tags": ["bike", "insurance"],
-    "created": 1668066591870,
-    "name": "bicycle",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "horse_medium": {
-    "tags": ["animal", "insurance"],
-    "created": 1668066592658,
-    "name": "horse",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "horse": {
-    "tags": ["animal", "insurance"],
-    "created": 1668066593439,
-    "name": "horse",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "cat_medium": {
-    "tags": ["kitty", "animal", "insurance"],
-    "created": 1668066594220,
-    "name": "cat",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "cat": {
-    "tags": ["animal", "insurance"],
-    "created": 1668066594988,
-    "name": "cat",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "dog_medium": {
-    "tags": ["animal", "insurance"],
-    "created": 1668066595752,
-    "name": "dog",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "dog": {
-    "tags": ["animal", "insurance"],
-    "created": 1668066596530,
-    "name": "dog",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "insurance_medium": {
-    "tags": ["umbrella", "forsikring", "rain"],
-    "created": 1668066597299,
-    "name": "insurance",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "insurance": {
-    "tags": ["umbrella", "forsikring", "rain"],
-    "created": 1668066598069,
-    "name": "insurance",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "pension_medium": {
-    "tags": ["binoculars", "pensjon"],
-    "created": 1668066598838,
-    "name": "pension",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "pension": {
-    "tags": ["binoculars", "pensjon"],
-    "created": 1668066599606,
-    "name": "pension",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "currency_medium": {
-    "tags": ["exchange"],
-    "created": 1668066600386,
-    "name": "currency",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "currency": {
-    "tags": ["exchange"],
-    "created": 1668066601153,
-    "name": "currency",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "bsu_medium": {
-    "tags": ["house"],
-    "created": 1668066602473,
-    "name": "bsu",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "bsu": {
-    "tags": ["house"],
-    "created": 1668066603270,
-    "name": "bsu",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "equities_and_mutual_funds_medium": {
-    "tags": ["graph"],
-    "created": 1668066604046,
-    "name": "equities_and_mutual_funds",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "equities_and_mutual_funds": {
-    "tags": ["graph"],
-    "created": 1668066604814,
-    "name": "equities_and_mutual_funds",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "stocks_medium": {
-    "tags": ["graph"],
-    "created": 1668066605585,
-    "name": "stocks",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "stocks": {
-    "tags": ["graph"],
-    "created": 1668066606409,
-    "name": "stocks",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "funds_medium": {
-    "tags": ["graph"],
-    "created": 1668066607194,
-    "name": "funds",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "funds": {
-    "tags": ["graph"],
-    "created": 1668066607966,
-    "name": "funds",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "loan_medium": {
-    "tags": ["graph"],
-    "created": 1668066608737,
-    "name": "loan",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "loan": {
-    "tags": ["graph"],
-    "created": 1668066609500,
-    "name": "loan",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "credit_note_medium": {
-    "tags": ["kreditnota"],
-    "created": 1668066610281,
-    "name": "credit_note",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "credit_note": {
-    "tags": ["kreditnota"],
-    "created": 1668066611055,
-    "name": "credit_note",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "deleted_invoice_medium": {
-    "tags": ["slettet faktura"],
-    "created": 1668066611828,
-    "name": "deleted_invoice",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "deleted_invoice": {
-    "tags": ["slettet faktura"],
-    "created": 1668066612613,
-    "name": "deleted_invoice",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "digipost_medium": {
-    "tags": [],
-    "created": 1668066613376,
-    "name": "digipost",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "digipost": {
-    "tags": [],
-    "created": 1668066614191,
-    "name": "digipost",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "ainvoice_medium": {
-    "tags": ["avtalegiro"],
-    "created": 1668066614963,
-    "name": "ainvoice",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "ainvoice": {
-    "tags": ["avtalegiro"],
-    "created": 1668066615741,
-    "name": "ainvoice",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "einvoice_medium": {
-    "tags": ["efaktura"],
-    "created": 1668066616537,
-    "name": "einvoice",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "einvoice": {
-    "tags": ["efaktura"],
-    "created": 1668066617312,
-    "name": "einvoice",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "card_with_padlock_medium": {
-    "tags": ["blocked", "card", "sperret"],
-    "created": 1668066618087,
-    "name": "card_with_padlock",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "card_with_padlock": {
-    "tags": ["blocked", "card", "sperret"],
-    "created": 1668066618894,
-    "name": "card_with_padlock",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "card_medium": {
-    "tags": [],
-    "created": 1668066619665,
-    "name": "card",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "card": {
-    "tags": [],
-    "created": 1668066620451,
-    "name": "card",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "savings_account_medium": {
-    "tags": ["piggybank"],
-    "created": 1668066621231,
-    "name": "savings_account",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "savings_account": {
-    "tags": ["piggybank"],
-    "created": 1668066622003,
-    "name": "savings_account",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "mastercard_card_medium": {
-    "tags": ["Mastercard account with card"],
-    "created": 1668066622780,
-    "name": "mastercard_card",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "mastercard_card": {
-    "tags": ["Mastercard account with card"],
-    "created": 1668066623557,
-    "name": "mastercard_card",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "mastercard_medium": {
-    "tags": ["Mastercard account"],
-    "created": 1668066624326,
-    "name": "mastercard",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "mastercard": {
-    "tags": ["Mastercard account"],
-    "created": 1668066625094,
-    "name": "mastercard",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "account_percent_medium": {
-    "tags": ["Loan value ratio"],
-    "created": 1668066625864,
-    "name": "account_percent",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "account_percent": {
-    "tags": ["moneybag", "Loan value ratio"],
-    "created": 1668066626638,
-    "name": "account_percent",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "account_card_medium": {
-    "tags": ["moneybag"],
-    "created": 1668066627428,
-    "name": "account_card",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "account_card": {
-    "tags": ["moneybag"],
-    "created": 1668066628222,
-    "name": "account_card",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "account_medium": {
-    "tags": ["moneybag"],
-    "created": 1668066628994,
-    "name": "account",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "account": {
-    "tags": ["moneybag"],
-    "created": 1668066629762,
-    "name": "account",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "e_scooter_medium": {
-    "tags": ["electric scooter"],
-    "created": 1668066630541,
-    "name": "e_scooter",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "e_scooter": {
-    "tags": ["electric scooter"],
-    "created": 1668066631372,
-    "name": "e_scooter",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "volume_off_medium": {
-    "tags": ["sound", "audio", "mute"],
-    "created": 1668066632140,
-    "name": "volume_off",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "volume_off": {
-    "tags": ["sound", "audio", "mute"],
-    "created": 1668066632916,
-    "name": "volume_off",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "volume_on_medium": {
-    "tags": ["sound", "audio"],
-    "created": 1668066633700,
-    "name": "volume_on",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "volume_on": {
-    "tags": ["sound", "audio"],
-    "created": 1668066634478,
-    "name": "volume_on",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "pause_medium": {
-    "tags": ["wait"],
-    "created": 1668066635262,
-    "name": "pause",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "pause": {
-    "tags": ["wait"],
-    "created": 1668066636039,
-    "name": "pause",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "play_medium": {
-    "tags": ["go"],
-    "created": 1668066636817,
-    "name": "play",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "play": {
-    "tags": ["go"],
-    "created": 1668066637636,
-    "name": "play",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "thumbs_down_medium": {
-    "tags": ["dislike", "disapprove"],
-    "created": 1668066638463,
-    "name": "thumbs_down",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "thumbs_down": {
-    "tags": ["dislike", "disapprove"],
-    "created": 1668066639250,
-    "name": "thumbs_down",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "thumbs_up_medium": {
-    "tags": ["like", "approve"],
-    "created": 1668066640022,
-    "name": "thumbs_up",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "thumbs_up": {
-    "tags": ["like", "approve"],
-    "created": 1668066640960,
-    "name": "thumbs_up",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "minimize_medium": {
-    "tags": ["collapse"],
-    "created": 1668066641738,
-    "name": "minimize",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "minimize": {
-    "tags": ["collapse"],
-    "created": 1668066642500,
-    "name": "minimize",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "loan_out_medium": {
-    "tags": ["graph", "downpayment"],
-    "created": 1668066643280,
-    "name": "loan_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "loan_out": {
-    "tags": ["graph", "downpayment"],
-    "created": 1668066644052,
-    "name": "loan_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "loan_in_medium": {
-    "tags": ["graph", "downpayment"],
-    "created": 1668066644811,
-    "name": "loan_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "loan_in": {
-    "tags": ["graph", "downpayment"],
-    "created": 1668066645577,
-    "name": "loan_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "funds_out_medium": {
-    "tags": ["graph"],
-    "created": 1668066646363,
-    "name": "funds_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "funds_out": {
-    "tags": ["graph"],
-    "created": 1668066647142,
-    "name": "funds_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "funds_in_medium": {
-    "tags": ["graph"],
-    "created": 1668066647924,
-    "name": "funds_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "funds_in": {
-    "tags": ["graph"],
-    "created": 1668066648710,
-    "name": "funds_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "card_out_medium": {
-    "tags": ["transaction", "card"],
-    "created": 1668066649489,
-    "name": "card_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "card_out": {
-    "tags": ["transaction", "card"],
-    "created": 1668066650260,
-    "name": "card_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "card_in_medium": {
-    "tags": ["transaction", "card"],
-    "created": 1668066651037,
-    "name": "card_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "card_in": {
-    "tags": ["transaction", "card"],
-    "created": 1668066651855,
-    "name": "card_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "savings_account_in_medium": {
-    "tags": ["piggybank", "sparegris", "pig", "money in"],
-    "created": 1668066652626,
-    "name": "savings_account_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "savings_account_in": {
-    "tags": ["piggybank", "sparegris", "pig", "money in"],
-    "created": 1668066653390,
-    "name": "savings_account_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "savings_account_out_medium": {
-    "tags": ["piggybank", "sparegris", "pig", "money out"],
-    "created": 1668066654193,
-    "name": "savings_account_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "savings_account_out": {
-    "tags": ["piggybank", "sparegris", "pig", "money out"],
-    "created": 1668066654964,
-    "name": "savings_account_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "account_out_medium": {
-    "tags": ["moneybag", "money out"],
-    "created": 1668066655765,
-    "name": "account_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "account_out": {
-    "tags": ["moneybag", "money out"],
-    "created": 1668066656533,
-    "name": "account_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "account_in_medium": {
-    "tags": ["moneybag", "money in"],
-    "created": 1668066657303,
-    "name": "account_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "account_in": {
-    "tags": ["moneybag", "money in"],
-    "created": 1668066658106,
-    "name": "account_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "dismiss_keyboard_medium": {
-    "tags": ["minimize"],
-    "created": 1668066658872,
-    "name": "dismiss_keyboard",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "dismiss_keyboard": {
-    "tags": ["minimize"],
-    "created": 1668066659647,
-    "name": "dismiss_keyboard",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "move_medium": {
-    "tags": [],
-    "created": 1668066660428,
-    "name": "move",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "move": {
-    "tags": [],
-    "created": 1668066661191,
-    "name": "move",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "split_medium": {
-    "tags": ["divide"],
-    "created": 1668066661975,
-    "name": "split",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "split": {
-    "tags": ["divide"],
-    "created": 1668066662740,
-    "name": "split",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "fullscreen_medium": {
-    "tags": ["full screen", "open", "expand"],
-    "created": 1668066663516,
-    "name": "fullscreen",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "fullscreen": {
-    "tags": ["full screen", "open", "expand"],
-    "created": 1668066664290,
-    "name": "fullscreen",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "save_medium": {
-    "tags": ["lagre", "store"],
-    "created": 1668066665080,
-    "name": "save",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "save": {
-    "tags": ["lagre", "store"],
-    "created": 1668066665868,
-    "name": "save",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "copy_medium": {
-    "tags": ["duplicate"],
-    "created": 1668066666666,
-    "name": "copy",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "copy": {
-    "tags": ["duplicate"],
-    "created": 1668066667442,
-    "name": "copy",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "subtract_medium": {
-    "tags": ["minus", "remove"],
-    "created": 1668066668207,
-    "name": "subtract",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "subtract": {
-    "tags": ["minus", "remove"],
-    "created": 1668066668974,
-    "name": "subtract",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "subtract_circled_medium": {
-    "tags": ["minus", "remove"],
-    "created": 1668066669753,
-    "name": "subtract_circled",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "subtract_circled": {
-    "tags": ["minus", "remove"],
-    "created": 1668066670526,
-    "name": "subtract_circled",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "add_medium": {
-    "tags": ["plus", "pluss"],
-    "created": 1668066671324,
-    "name": "add",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "add": {
-    "tags": ["plus", "pluss"],
-    "created": 1668066672102,
-    "name": "add",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "add_circled_medium": {
-    "tags": ["plus", "pluss", "add"],
-    "created": 1668066672875,
-    "name": "add_circled",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "add_circled": {
-    "tags": ["plus", "pluss", "add"],
-    "created": 1668066673643,
-    "name": "add_circled",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "reply_medium": {
-    "tags": ["answer"],
-    "created": 1668066674417,
-    "name": "reply",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "reply": {
-    "tags": ["answer"],
-    "created": 1668066675193,
-    "name": "reply",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "return_1_medium": {
-    "tags": ["return", "back", "regret"],
-    "created": 1668066675985,
-    "name": "return_1",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "return_1": {
-    "tags": ["return", "back", "regret"],
-    "created": 1668066676749,
-    "name": "return_1",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "redo_medium": {
-    "tags": ["restart", "start over"],
-    "created": 1668066677518,
-    "name": "redo",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "redo": {
-    "tags": ["Restart", "restart", "start over"],
-    "created": 1668066678315,
-    "name": "redo",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "undo_medium": {
-    "tags": ["restart", "regret"],
-    "created": 1668066679090,
-    "name": "undo",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "undo": {
-    "tags": ["restart", "regret"],
-    "created": 1668066679865,
-    "name": "undo",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "reset_medium": {
-    "tags": ["refresh"],
-    "created": 1668066680639,
-    "name": "reset",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "reset": {
-    "tags": ["refresh"],
-    "created": 1668066681405,
-    "name": "reset",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "refresh_medium": {
-    "tags": ["repeat", "sync", "update"],
-    "created": 1668066682187,
-    "name": "refresh",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "refresh": {
-    "tags": ["repeat", "sync", "update"],
-    "created": 1668066682952,
-    "name": "refresh",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "stop_medium": {
-    "tags": ["error", "cancel", "no entry"],
-    "created": 1668066683732,
-    "name": "stop",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "stop": {
-    "tags": ["error", "cancel", "no entry"],
-    "created": 1668066684507,
-    "name": "stop",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "log_out_medium": {
-    "tags": ["door", "logout", "exit"],
-    "created": 1668066685273,
-    "name": "log_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "log_out": {
-    "tags": ["door", "logout", "exit"],
-    "created": 1668066686132,
-    "name": "log_out",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "log_in_medium": {
-    "tags": ["door", "login", "enter"],
-    "created": 1668066686900,
-    "name": "log_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "log_in": {
-    "tags": ["door", "login", "enter"],
-    "created": 1668066687667,
-    "name": "log_in",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "share_android_medium": {
-    "tags": [],
-    "created": 1668066688429,
-    "name": "share_android",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "share_android": {
-    "tags": [],
-    "created": 1668066689198,
-    "name": "share_android",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "share_ios_medium": {
-    "tags": [],
-    "created": 1668066689963,
-    "name": "share_ios",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "share_ios": {
-    "tags": [],
-    "created": 1668066690731,
-    "name": "share_ios",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "upload_medium": {
-    "tags": [],
-    "created": 1668066691500,
-    "name": "upload",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "upload": {
-    "tags": [],
-    "created": 1668066692271,
-    "name": "upload",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "download_medium": {
-    "tags": [],
-    "created": 1668066693044,
-    "name": "download",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "download": {
-    "tags": [],
-    "created": 1668066693824,
-    "name": "download",
-    "variant": "primary",
-    "category": "actions"
-  },
-  "edit_medium": {
-    "tags": ["pencil", "write", "change"],
-    "created": 1668066694607,
-    "name": "edit",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "edit": {
-    "tags": ["pencil", "write", "change"],
-    "created": 1668066695377,
-    "name": "edit",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "compose_medium": {
-    "tags": ["create", "write", "new"],
-    "created": 1668066696155,
-    "name": "compose",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "compose": {
-    "tags": ["create", "write", "new"],
-    "created": 1668066696932,
-    "name": "compose",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "hide_medium": {
-    "tags": ["eye", "password"],
-    "created": 1668066697725,
-    "name": "hide",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "hide": {
-    "tags": ["eye", "password"],
-    "created": 1668066698493,
-    "name": "hide",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "view_medium": {
-    "tags": ["show", "eye", "password"],
-    "created": 1668066699279,
-    "name": "view",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "view": {
-    "tags": ["show", "eye", "password"],
-    "created": 1668066700050,
-    "name": "view",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "swap_medium": {
-    "tags": ["exchange", "switch"],
-    "created": 1668066700824,
-    "name": "swap",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "swap": {
-    "tags": ["exchange", "switch"],
-    "created": 1668066701731,
-    "name": "swap",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "send_medium": {
-    "tags": ["paper plane"],
-    "created": 1668066702507,
-    "name": "send",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "send": {
-    "tags": ["paper plane"],
-    "created": 1668066703289,
-    "name": "send",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "trash_medium": {
-    "tags": ["delete", "remove", "slett", "bin", "garbage"],
-    "created": 1668066704095,
-    "name": "trash",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "trash": {
-    "tags": ["delete", "remove", "slett", "bin", "garbage"],
-    "created": 1668066704880,
-    "name": "trash",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "graph_decrease_medium": {
-    "tags": ["downpayment", "loan", "down"],
-    "created": 1668066705648,
-    "name": "graph_decrease",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "graph_decrease": {
-    "tags": ["downpayment", "loan", "down"],
-    "created": 1668066706435,
-    "name": "graph_decrease",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "transfer_medium": {
-    "tags": [],
-    "created": 1668066707214,
-    "name": "transfer",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "transfer": {
-    "tags": ["Transfer"],
-    "created": 1668066707987,
-    "name": "transfer",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "transfer_to_medium": {
-    "tags": ["Transfer to"],
-    "created": 1668066708755,
-    "name": "transfer_to",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "transfer_to": {
-    "tags": ["Transfer to"],
-    "created": 1668066709521,
-    "name": "transfer_to",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "pay_from_medium": {
-    "tags": ["Payment"],
-    "created": 1668066710358,
-    "name": "pay_from",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "pay_from": {
-    "tags": ["Payment"],
-    "created": 1668066711121,
-    "name": "pay_from",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "graph_increase_medium": {
-    "tags": ["loan", "up"],
-    "created": 1668066711888,
-    "name": "graph_increase",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "graph_increase": {
-    "tags": ["loan", "up"],
-    "created": 1668066712683,
-    "name": "graph_increase",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "chevron_up_medium": {
-    "tags": ["collapse", "close"],
-    "created": 1668066713453,
-    "name": "chevron_up",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "chevron_up": {
-    "tags": ["collapse", "close"],
-    "created": 1668066714215,
-    "name": "chevron_up",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "chevron_down_medium": {
-    "tags": ["expand", "more", "open"],
-    "created": 1668066714982,
-    "name": "chevron_down",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "chevron_down": {
-    "tags": ["expand", "more", "open"],
-    "created": 1668066715747,
-    "name": "chevron_down",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "chevron_right_medium": {
-    "tags": ["go", "next"],
-    "created": 1668066716554,
-    "name": "chevron_right",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "chevron_right": {
-    "tags": ["go", "next"],
-    "created": 1668066717327,
-    "name": "chevron_right",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "chevron_left_medium": {
-    "tags": ["back"],
-    "created": 1668066718094,
-    "name": "chevron_left",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "chevron_left": {
-    "tags": ["back"],
-    "created": 1668066718871,
-    "name": "chevron_left",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "arrow_up_medium": {
-    "tags": ["upward"],
-    "created": 1668066719655,
-    "name": "arrow_up",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "arrow_up": {
-    "tags": ["upward"],
-    "created": 1668066720427,
-    "name": "arrow_up",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "arrow_down_medium": {
-    "tags": ["downward"],
-    "created": 1668066721189,
-    "name": "arrow_down",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "arrow_down": {
-    "tags": ["downward"],
-    "created": 1668066721974,
-    "name": "arrow_down",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "arrow_right_medium": {
-    "tags": ["forward"],
-    "created": 1668066722749,
-    "name": "arrow_right",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "arrow_right": {
-    "tags": ["forward"],
-    "created": 1668066723511,
-    "name": "arrow_right",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "arrow_left_medium": {
-    "tags": ["backward", "back"],
-    "created": 1668066724291,
-    "name": "arrow_left",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "arrow_left": {
-    "tags": ["backward", "back"],
-    "created": 1668066725054,
-    "name": "arrow_left",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "launch_medium": {
-    "tags": ["open in new", "link out", "external"],
-    "created": 1668066725844,
-    "name": "launch",
-    "variant": "secondary",
-    "category": "navigation"
-  },
-  "launch": {
-    "tags": ["open in new", "link out", "external"],
-    "created": 1668066726611,
-    "name": "launch",
-    "variant": "secondary",
-    "category": "navigation"
-  },
-  "close_medium": {
-    "tags": ["x", "exit", "dismiss"],
-    "created": 1668066727374,
-    "name": "close",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "close": {
-    "tags": ["x", "exit", "dismiss"],
-    "created": 1668066728133,
-    "name": "close",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "more_medium": {
-    "tags": ["horizontal", "overflow", "local menu"],
-    "created": 1668066728896,
-    "name": "more",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "more": {
-    "tags": ["horizontal", "overflow", "local menu"],
-    "created": 1668066729669,
-    "name": "more",
-    "variant": "primary",
-    "category": "navigation"
-  },
-  "more_vertical_medium": {
-    "tags": ["overflow", "local menu"],
-    "created": 1668066730434,
-    "name": "more_vertical",
-    "variant": "secondary",
-    "category": "navigation"
-  },
-  "more_vertical": {
-    "tags": ["overflow", "local menu"],
-    "created": 1668066731245,
-    "name": "more_vertical",
-    "variant": "secondary",
-    "category": "navigation"
-  },
-  "hamburger_medium": {
-    "tags": ["menu", "drawer", "navigation drawer"],
-    "created": 1668066732014,
-    "name": "hamburger",
-    "variant": "secondary",
-    "category": "navigation"
-  },
-  "hamburger": {
-    "tags": ["menu", "drawer", "navigation drawer"],
-    "created": 1668066732780,
-    "name": "hamburger",
-    "variant": "secondary",
-    "category": "navigation"
-  },
-  "file_zip_medium": {
-    "tags": [],
-    "created": 1680166680914,
-    "name": "file_zip",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "file_zip": {
-    "tags": [],
-    "created": 1680166681165,
-    "name": "file_zip",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "bus_medium": {
-    "tags": [],
-    "created": 1680166726653,
-    "name": "bus",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "bus": {
-    "tags": [],
-    "created": 1680166726938,
-    "name": "bus",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "handshake_medium": {
-    "tags": [],
-    "created": 1680166727223,
-    "name": "handshake",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "handshake": {
-    "tags": [],
-    "created": 1680166727489,
-    "name": "handshake",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "heavy_equipment_medium": {
-    "tags": [],
-    "created": 1680166727736,
-    "name": "heavy_equipment",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "heavy_equipment": {
-    "tags": [],
-    "created": 1680166728021,
-    "name": "heavy_equipment",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "building_shopping_medium": {
-    "tags": [],
-    "created": 1680166728267,
-    "name": "building_shopping",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "building_shopping": {
-    "tags": [],
-    "created": 1680166728495,
-    "name": "building_shopping",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "sea_transport_medium": {
-    "tags": [],
-    "created": 1680166728770,
-    "name": "sea_transport",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "sea_transport": {
-    "tags": [],
-    "created": 1680166729013,
-    "name": "sea_transport",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "id_card_medium": {
-    "tags": [],
-    "created": 1680166729762,
-    "name": "id_card",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "id_card": {
-    "tags": [],
-    "created": 1680166730030,
-    "name": "id_card",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "keyfigures_medium": {
-    "tags": [],
-    "created": 1680166730306,
-    "name": "keyfigures",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "keyfigures": {
-    "tags": [],
-    "created": 1680166730634,
-    "name": "keyfigures",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "portfolio_analytics_medium": {
-    "tags": ["Portfolio analytics"],
-    "created": 1680166753740,
-    "name": "portfolio_analytics",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "portfolio_analytics": {
-    "tags": ["Portfolio analytics"],
-    "created": 1680166753981,
-    "name": "portfolio_analytics",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "investment_account_medium": {
-    "tags": ["Investment account"],
-    "created": 1680166754206,
-    "name": "investment_account",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "investment_account": {
-    "tags": ["Investment account"],
-    "created": 1680166754492,
-    "name": "investment_account",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "accounting_medium": {
-    "tags": ["Accounting"],
-    "created": 1685609767573,
-    "name": "accounting",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "accounting": {
-    "tags": ["Accounting"],
-    "created": 1685609767843,
-    "name": "accounting",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "fortune_ball_medium": {
-    "tags": ["Fortune ball"],
-    "created": 1685609768085,
-    "name": "fortune_ball",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "fortune_ball": {
-    "tags": ["Fortune ball"],
-    "created": 1685609768324,
-    "name": "fortune_ball",
-    "variant": "secondary",
-    "category": "objects"
-  },
-  "candle_stick_medium": {
-    "tags": ["Candle Stick"],
-    "created": 1685609797500,
-    "name": "candle_stick",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "candle_stick": {
-    "tags": ["Candle Stick"],
-    "created": 1685609797741,
-    "name": "candle_stick",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "shield_lock_medium": {
-    "tags": ["Shield lock"],
-    "created": 1680166729244,
-    "name": "shield_lock",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "shield_lock": {
-    "tags": ["Shield lock"],
-    "created": 1680166729544,
-    "name": "shield_lock",
-    "variant": "secondary",
-    "category": "products"
-  },
-  "scan_medium": {
-    "tags": [
-      "sound",
-      "audio",
-      "mute",
-      "camera",
-      "invoice",
-      "receipt",
-      "QR"
-    ],
-    "created": 1685609799058,
-    "name": "scan",
-    "variant": "secondary",
-    "category": "actions"
-  },
-  "scan": {
-    "tags": [
-      "sound",
-      "audio",
-      "mute",
-      "camera",
-      "invoice",
-      "receipt",
-      "QR"
-    ],
-    "created": 1685609799310,
-    "name": "scan",
-    "variant": "secondary",
-    "category": "actions"
-  }
-}
diff --git a/packages/dnb-eufemia/src/icons/index.ts b/packages/dnb-eufemia/src/icons/index.ts
index 1eba8a1bbf1..21ce6f97469 100644
--- a/packages/dnb-eufemia/src/icons/index.ts
+++ b/packages/dnb-eufemia/src/icons/index.ts
@@ -62,6 +62,8 @@ import brickwall from './dnb/brickwall'
 import brickwall_medium from './dnb/brickwall_medium'
 import broken_chain from './dnb/broken_chain'
 import broken_chain_medium from './dnb/broken_chain_medium'
+import browser from './dnb/browser'
+import browser_medium from './dnb/browser_medium'
 import brush from './dnb/brush'
 import brush_medium from './dnb/brush_medium'
 import bsu from './dnb/bsu'
@@ -167,7 +169,11 @@ import deleted_invoice_medium from './dnb/deleted_invoice_medium'
 import diamond from './dnb/diamond'
 import diamond_medium from './dnb/diamond_medium'
 import digipass from './dnb/digipass'
+import digipass_corporate from './dnb/digipass_corporate'
+import digipass_corporate_medium from './dnb/digipass_corporate_medium'
 import digipass_medium from './dnb/digipass_medium'
+import digipass_private from './dnb/digipass_private'
+import digipass_private_medium from './dnb/digipass_private_medium'
 import digipost from './dnb/digipost'
 import digipost_medium from './dnb/digipost_medium'
 import dismiss_keyboard from './dnb/dismiss_keyboard'
@@ -184,6 +190,8 @@ import einvoice from './dnb/einvoice'
 import einvoice_medium from './dnb/einvoice_medium'
 import email from './dnb/email'
 import email_medium from './dnb/email_medium'
+import envelope_open from './dnb/envelope_open'
+import envelope_open_medium from './dnb/envelope_open_medium'
 import equities_and_mutual_funds from './dnb/equities_and_mutual_funds'
 import equities_and_mutual_funds_medium from './dnb/equities_and_mutual_funds_medium'
 import exclamation from './dnb/exclamation'
@@ -312,6 +320,8 @@ import kid_number from './dnb/kid_number'
 import kid_number_medium from './dnb/kid_number_medium'
 import language from './dnb/language'
 import language_medium from './dnb/language_medium'
+import laptop from './dnb/laptop'
+import laptop_medium from './dnb/laptop_medium'
 import launch from './dnb/launch'
 import launch_medium from './dnb/launch_medium'
 import layout_card from './dnb/layout_card'
@@ -348,8 +358,12 @@ import microphone from './dnb/microphone'
 import microphone_medium from './dnb/microphone_medium'
 import minimize from './dnb/minimize'
 import minimize_medium from './dnb/minimize_medium'
+import mobile from './dnb/mobile'
+import mobile_medium from './dnb/mobile_medium'
 import mobilephone from './dnb/mobilephone'
 import mobilephone_medium from './dnb/mobilephone_medium'
+import money_left from './dnb/money_left'
+import money_left_medium from './dnb/money_left_medium'
 import more from './dnb/more'
 import more_medium from './dnb/more_medium'
 import more_vertical from './dnb/more_vertical'
@@ -484,6 +498,8 @@ import swap from './dnb/swap'
 import swap_medium from './dnb/swap_medium'
 import tag from './dnb/tag'
 import tag_medium from './dnb/tag_medium'
+import teenager from './dnb/teenager'
+import teenager_medium from './dnb/teenager_medium'
 import thumbs_down from './dnb/thumbs_down'
 import thumbs_down_medium from './dnb/thumbs_down_medium'
 import thumbs_up from './dnb/thumbs_up'
@@ -596,6 +612,8 @@ export {
   brickwall_medium,
   broken_chain,
   broken_chain_medium,
+  browser,
+  browser_medium,
   brush,
   brush_medium,
   bsu,
@@ -701,7 +719,11 @@ export {
   diamond,
   diamond_medium,
   digipass,
+  digipass_corporate,
+  digipass_corporate_medium,
   digipass_medium,
+  digipass_private,
+  digipass_private_medium,
   digipost,
   digipost_medium,
   dismiss_keyboard,
@@ -718,6 +740,8 @@ export {
   einvoice_medium,
   email,
   email_medium,
+  envelope_open,
+  envelope_open_medium,
   equities_and_mutual_funds,
   equities_and_mutual_funds_medium,
   exclamation,
@@ -846,6 +870,8 @@ export {
   kid_number_medium,
   language,
   language_medium,
+  laptop,
+  laptop_medium,
   launch,
   launch_medium,
   layout_card,
@@ -882,8 +908,12 @@ export {
   microphone_medium,
   minimize,
   minimize_medium,
+  mobile,
+  mobile_medium,
   mobilephone,
   mobilephone_medium,
+  money_left,
+  money_left_medium,
   more,
   more_medium,
   more_vertical,
@@ -1018,6 +1048,8 @@ export {
   swap_medium,
   tag,
   tag_medium,
+  teenager,
+  teenager_medium,
   thumbs_down,
   thumbs_down_medium,
   thumbs_up,
diff --git a/packages/dnb-eufemia/src/icons/laptop.ts b/packages/dnb-eufemia/src/icons/laptop.ts
new file mode 100644
index 00000000000..3e60c221400
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/laptop.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/laptop'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/laptop_medium.ts b/packages/dnb-eufemia/src/icons/laptop_medium.ts
new file mode 100644
index 00000000000..bb51acd0100
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/laptop_medium.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/laptop_medium'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/mobile.ts b/packages/dnb-eufemia/src/icons/mobile.ts
new file mode 100644
index 00000000000..6524319fb2c
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/mobile.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/mobile'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/mobile_medium.ts b/packages/dnb-eufemia/src/icons/mobile_medium.ts
new file mode 100644
index 00000000000..2ddc8ad2a4d
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/mobile_medium.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/mobile_medium'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/money_left.ts b/packages/dnb-eufemia/src/icons/money_left.ts
new file mode 100644
index 00000000000..e9ced23ce28
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/money_left.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/money_left'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/money_left_medium.ts b/packages/dnb-eufemia/src/icons/money_left_medium.ts
new file mode 100644
index 00000000000..0538c90ab94
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/money_left_medium.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/money_left_medium'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/teenager.ts b/packages/dnb-eufemia/src/icons/teenager.ts
new file mode 100644
index 00000000000..91e1c391547
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/teenager.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/teenager'
+export default icon
diff --git a/packages/dnb-eufemia/src/icons/teenager_medium.ts b/packages/dnb-eufemia/src/icons/teenager_medium.ts
new file mode 100644
index 00000000000..198f2831243
--- /dev/null
+++ b/packages/dnb-eufemia/src/icons/teenager_medium.ts
@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+
+import icon from './dnb/teenager_medium'
+export default icon
diff --git a/packages/dnb-eufemia/src/shared/__tests__/component-helper.test.js b/packages/dnb-eufemia/src/shared/__tests__/component-helper.test.js
index 258527f81d3..344070035d8 100644
--- a/packages/dnb-eufemia/src/shared/__tests__/component-helper.test.js
+++ b/packages/dnb-eufemia/src/shared/__tests__/component-helper.test.js
@@ -17,6 +17,7 @@ import {
   toCamelCase,
   toSnakeCase,
   toKebabCase,
+  toCapitalized,
   checkIfHasScrollbar,
   detectOutsideClick,
   makeUniqueId,
@@ -468,6 +469,12 @@ describe('"toKebabCase" should', () => {
   })
 })
 
+describe('"toCapitalized" should', () => {
+  it('capitalize the first letter of every word', () => {
+    expect(toCapitalized('first word æøå')).toBe('First Word Æøå')
+  })
+})
+
 describe('"makeUniqueId" should', () => {
   it('have prepended "id-" by default', () => {
     expect(makeUniqueId()).toEqual(
diff --git a/packages/dnb-eufemia/src/shared/component-helper.js b/packages/dnb-eufemia/src/shared/component-helper.js
index 56377e02bad..c802e6449f8 100644
--- a/packages/dnb-eufemia/src/shared/component-helper.js
+++ b/packages/dnb-eufemia/src/shared/component-helper.js
@@ -427,6 +427,12 @@ export const toSnakeCase = (str) =>
 export const toKebabCase = (str) =>
   str.replace(/\B[A-Z]/g, (letter) => `-${letter}`).toLowerCase()
 
+export function toCapitalized(str) {
+  return str
+    .toLowerCase()
+    .replace(/(?<=(^|\s))(.)/g, (l) => l.toUpperCase())
+}
+
 /**
  * [detectOutsideClick Detects a click outside a given DOM element]
  * @param  {[type]} ignoreElement [The element we want to protect from a click]
diff --git a/packages/dnb-eufemia/src/style/themes/theme-eiendom/eiendom-theme-components.scss b/packages/dnb-eufemia/src/style/themes/theme-eiendom/eiendom-theme-components.scss
index 4de5b65fa73..08985a9686a 100644
--- a/packages/dnb-eufemia/src/style/themes/theme-eiendom/eiendom-theme-components.scss
+++ b/packages/dnb-eufemia/src/style/themes/theme-eiendom/eiendom-theme-components.scss
@@ -24,6 +24,7 @@ $fonts-path: '../../../../assets/fonts/dnb' !default;
 @import '../../../components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss';
 @import '../../../components/avatar/style/themes/dnb-avatar-theme-ui.scss';
 @import '../../../components/badge/style/themes/dnb-badge-theme-ui.scss';
+@import '../../../components/card/style/themes/dnb-card-theme-ui.scss';
 @import '../../../components/checkbox/style/themes/dnb-checkbox-theme-ui.scss';
 @import '../../../components/date-picker/style/themes/dnb-date-picker-theme-ui.scss';
 @import '../../../components/dialog/style/themes/dnb-dialog-theme-ui.scss';
diff --git a/packages/dnb-eufemia/src/style/themes/theme-sbanken/sbanken-theme-components.scss b/packages/dnb-eufemia/src/style/themes/theme-sbanken/sbanken-theme-components.scss
index 6658fc4ee24..5401bcf587e 100644
--- a/packages/dnb-eufemia/src/style/themes/theme-sbanken/sbanken-theme-components.scss
+++ b/packages/dnb-eufemia/src/style/themes/theme-sbanken/sbanken-theme-components.scss
@@ -47,6 +47,7 @@ $fonts-path: '../../../../assets/fonts/dnb' !default;
 @import '../../../fragments/drawer-list/style/themes/dnb-drawer-list-theme-sbanken.scss';
 @import '../../../components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss';
 @import '../../../components/badge/style/themes/dnb-badge-theme-ui.scss';
+@import '../../../components/card/style/themes/dnb-card-theme-ui.scss';
 @import '../../../components/date-picker/style/themes/dnb-date-picker-theme-ui.scss';
 @import '../../../components/drawer/style/themes/dnb-drawer-theme-ui.scss';
 @import '../../../components/form-set/style/themes/dnb-form-set-theme-ui.scss';
diff --git a/packages/dnb-eufemia/src/style/themes/theme-ui/ui-theme-components.scss b/packages/dnb-eufemia/src/style/themes/theme-ui/ui-theme-components.scss
index 04a89de8a60..74d5a507345 100644
--- a/packages/dnb-eufemia/src/style/themes/theme-ui/ui-theme-components.scss
+++ b/packages/dnb-eufemia/src/style/themes/theme-ui/ui-theme-components.scss
@@ -19,6 +19,7 @@ $fonts-path: '../../../../assets/fonts/dnb' !default;
 @import '../../../components/avatar/style/themes/dnb-avatar-theme-ui.scss';
 @import '../../../components/badge/style/themes/dnb-badge-theme-ui.scss';
 @import '../../../components/button/style/themes/dnb-button-theme-ui.scss';
+@import '../../../components/card/style/themes/dnb-card-theme-ui.scss';
 @import '../../../components/checkbox/style/themes/dnb-checkbox-theme-ui.scss';
 @import '../../../components/date-picker/style/themes/dnb-date-picker-theme-ui.scss';
 @import '../../../components/dialog/style/themes/dnb-dialog-theme-ui.scss';
diff --git a/yarn.lock b/yarn.lock
index 28fa90ea41e..a551a2abf2b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14016,7 +14016,7 @@ __metadata:
     gatsby-plugin-babel-react-live: "npm:1.4.2"
     gatsby-plugin-catch-links: "npm:5.12.0"
     gatsby-plugin-emotion: "npm:8.12.0"
-    gatsby-plugin-eufemia-theme-handler: "npm:1.7.0"
+    gatsby-plugin-eufemia-theme-handler: "npm:1.8.0"
     gatsby-plugin-gatsby-cloud: "npm:5.12.0"
     gatsby-plugin-manifest: "npm:5.12.0"
     gatsby-plugin-mdx: "npm:5.12.0"
@@ -17089,7 +17089,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"gatsby-core-utils@npm:4.12.0, gatsby-core-utils@npm:^4.12.0":
+"gatsby-core-utils@npm:4.12.1":
+  version: 4.12.1
+  resolution: "gatsby-core-utils@npm:4.12.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.20.13"
+    ci-info: "npm:2.0.0"
+    configstore: "npm:^5.0.1"
+    fastq: "npm:^1.15.0"
+    file-type: "npm:^16.5.4"
+    fs-extra: "npm:^11.1.1"
+    got: "npm:^11.8.6"
+    hash-wasm: "npm:^4.9.0"
+    import-from: "npm:^4.0.0"
+    lmdb: "npm:2.5.3"
+    lock: "npm:^1.1.0"
+    node-object-hash: "npm:^2.3.10"
+    proper-lockfile: "npm:^4.1.2"
+    resolve-from: "npm:^5.0.0"
+    tmp: "npm:^0.2.1"
+    xdg-basedir: "npm:^4.0.0"
+  checksum: a464bdc79393c9e172632d339b311112b45407153d5ab529e2ba9da00d4966799bc36731677399e297778610e1d752177610b987edc5fd9c4704af124e7436de
+  languageName: node
+  linkType: hard
+
+"gatsby-core-utils@npm:^4.12.0":
   version: 4.12.0
   resolution: "gatsby-core-utils@npm:4.12.0"
   dependencies:
@@ -17230,11 +17254,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"gatsby-plugin-eufemia-theme-handler@npm:1.7.0":
-  version: 1.7.0
-  resolution: "gatsby-plugin-eufemia-theme-handler@npm:1.7.0"
+"gatsby-plugin-eufemia-theme-handler@npm:1.8.0":
+  version: 1.8.0
+  resolution: "gatsby-plugin-eufemia-theme-handler@npm:1.8.0"
   dependencies:
-    gatsby-core-utils: "npm:4.12.0"
+    gatsby-core-utils: "npm:4.12.1"
     globby: "npm:11.0.4"
     micromatch: "npm:4.0.5"
     raw-loader: "npm:4.0.2"
@@ -17243,7 +17267,7 @@ __metadata:
     "@dnb/eufemia": ">=10"
     gatsby: ">=4"
     react: ">=17"
-  checksum: 15607696602e5ca26bbd8d5eef47498edac55c19a7e719665aefcb10b82548eb643de4c81811debe998438ba202d2a1d7a9107154ec372c790a0488cf9e93328
+  checksum: 8b217565ffeba193c1c3276415a3202a9961c0c79a60f2111777ea77a3fdcef25e2b42e6ae64354cdedd2bbc1108b9dec0b72d3a12dd11811e42d6eebf381bdd
   languageName: node
   linkType: hard