chore: removes unneeded scope props in ComponentBox

packages/dnb-design-system-portal/src/docs/uilib/components/aria-live/Examples.tsx

@@ -89,7 +89,7 @@ export const AriaLivePlayground = () => (
 )
 
 export const AriaLiveAdditions = () => (
-  <ComponentBox hideCode scope={{ FieldBlock }}>
+  <ComponentBox hideCode>
     {() => {
       const defaultData = {
         enabled: false,

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/DataContext/At/Examples.tsx

@@ -29,7 +29,7 @@ export const Path = () => {
 
 export const IteratePath = () => {
   return (
-    <ComponentBox scope={{ Value, DataContext }}>
+    <ComponentBox scope={{ DataContext }}>
       <Form.Handler
         data={{
           list: [

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Form/Handler/Examples.tsx

@@ -24,7 +24,7 @@ export const AsyncSubmit = () => {
 
 export const AsyncSubmitComplete = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Form.Handler
         data={{ myField: 'Some value' }}
         onSubmit={async (data) => {

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/Examples.tsx

@@ -95,7 +95,7 @@ export const WithTable = () => {
 
 export const ObjectItems = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Iterate.Array
         value={[
           {

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/PushContainer/Examples.tsx

@@ -11,7 +11,7 @@ export { ViewAndEditContainer } from '../Array/Examples'
 
 export const InitiallyOpen = () => {
   return (
-    <ComponentBox scope={{ Iterate }}>
+    <ComponentBox>
       {() => {
         const MyEditItemForm = () => {
           return (

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/BankAccountNumber/Examples.tsx

@@ -4,47 +4,47 @@ import { Value } from '@dnb/eufemia/src/extensions/forms'
 
 export const Empty = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.BankAccountNumber showEmpty />
     </ComponentBox>
   )
 }
 
 export const Placeholder = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.BankAccountNumber placeholder="The value was not filled in" />
     </ComponentBox>
   )
 }
 
 export const WithValue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.BankAccountNumber value="20001234567" />
     </ComponentBox>
   )
 }
 
 export const Label = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.BankAccountNumber label="Label text" showEmpty />
     </ComponentBox>
   )
 }
 
 export const LabelAndValue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.BankAccountNumber label="Label text" value="20001234567" />
     </ComponentBox>
   )
 }
 
 export const Inline = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <P>
         This is before the component
         <Value.BankAccountNumber value="20001234567" inline />

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Boolean/Examples.tsx

@@ -4,55 +4,55 @@ import { Value } from '@dnb/eufemia/src/extensions/forms'
 
 export const Empty = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Boolean showEmpty />
     </ComponentBox>
   )
 }
 
 export const Placeholder = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Boolean placeholder="The value was not filled in" />
     </ComponentBox>
   )
 }
 
 export const ValueTrue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Boolean value={true} />
     </ComponentBox>
   )
 }
 
 export const ValueFalse = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Boolean value={false} />
     </ComponentBox>
   )
 }
 
 export const Label = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Boolean label="Label text" showEmpty />
     </ComponentBox>
   )
 }
 
 export const LabelAndValue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Boolean label="Label text" value={false} />
     </ComponentBox>
   )
 }
 
 export const Inline = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <P>
         <span style={{ color: 'red' }}>This is before the component</span>
         <Value.Boolean value={true} inline />

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Currency/Examples.tsx

@@ -4,47 +4,47 @@ import { Value } from '@dnb/eufemia/src/extensions/forms'
 
 export const Empty = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Currency showEmpty />
     </ComponentBox>
   )
 }
 
 export const Placeholder = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Currency placeholder="The value was not filled in" />
     </ComponentBox>
   )
 }
 
 export const WithValue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Currency value={150} suffix=" kr" />
     </ComponentBox>
   )
 }
 
 export const Label = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Currency label="Label text" showEmpty />
     </ComponentBox>
   )
 }
 
 export const LabelAndValue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Currency label="Label text" value={60000000} />
     </ComponentBox>
   )
 }
 
 export const Inline = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <P>
         This is before the component
         <Value.Currency value={25000} inline />
@@ -56,7 +56,7 @@ export const Inline = () => {
 
 export const InlineAndLabel = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <P>
         This is before the component
         <Value.Currency label="Label text" value={25000} inline />

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Date/Examples.tsx

@@ -4,63 +4,63 @@ import { Value } from '@dnb/eufemia/src/extensions/forms'
 
 export const Empty = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Date showEmpty />
     </ComponentBox>
   )
 }
 
 export const Placeholder = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Date placeholder="The value was not filled in" />
     </ComponentBox>
   )
 }
 
 export const WithValue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Date value="2023-01-16" />
     </ComponentBox>
   )
 }
 
 export const VariantShort = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Date value="2023-01-16" variant="short" />
     </ComponentBox>
   )
 }
 
 export const VariantNumeric = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Date value="2023-01-16" variant="numeric" />
     </ComponentBox>
   )
 }
 
 export const Label = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Date label="Label text" showEmpty />
     </ComponentBox>
   )
 }
 
 export const LabelAndValue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Date label="Label text" value="2023-01-16" />
     </ComponentBox>
   )
 }
 
 export const Inline = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <P>
         This is before the component
         <Value.Date value="2023-01-16" inline />

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Email/Examples.tsx

@@ -4,39 +4,39 @@ import { Value } from '@dnb/eufemia/src/extensions/forms'
 
 export const Empty = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Email showEmpty />
     </ComponentBox>
   )
 }
 
 export const Placeholder = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Email placeholder="The value was not filled in" />
     </ComponentBox>
   )
 }
 
 export const WithValue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Email value="firstname.lastname@domain.com" />
     </ComponentBox>
   )
 }
 
 export const Label = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Email label="Label text" showEmpty />
     </ComponentBox>
   )
 }
 
 export const LabelAndValue = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <Value.Email
         label="Label text"
         value="firstname.lastname@domain.com"
@@ -47,7 +47,7 @@ export const LabelAndValue = () => {
 
 export const Inline = () => {
   return (
-    <ComponentBox scope={{ Value }}>
+    <ComponentBox>
       <P>
         This is before the component
         <Value.Email value="firstname.lastname@domain.com" inline />