@digigov/ui 2.0.0-b15d5d44 → 2.0.0-b19b7fe2

package/src/app/Masthead/index.test.tsx

@@ -1,32 +1,33 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/Masthead/__stories__/Default';
 import { Secondary } from '@digigov/ui/app/Masthead/__stories__/Secondary';
 import { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';
 import { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Masthead variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="Secondary">
-      <Secondary />
-    </TestVariant>
-    <TestVariant title="WithElements">
-      <WithElements />
-    </TestVariant>
-    <TestVariant title="WithLogo">
-      <WithLogo />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="Secondary">
+        <Secondary />
+      </TestVariant>
+      <TestVariant title="WithElements">
+        <WithElements />
+      </TestVariant>
+      <TestVariant title="WithLogo">
+        <WithLogo />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/app/Modal/index.test.tsx

@@ -1,40 +1,41 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { AlertDialog } from '@digigov/ui/app/Modal/__stories__/AlertDialog';
 import { Auto } from '@digigov/ui/app/Modal/__stories__/Auto';
 import { Default } from '@digigov/ui/app/Modal/__stories__/Default';
 import { Dense } from '@digigov/ui/app/Modal/__stories__/Dense';
 import { WithHooks } from '@digigov/ui/app/Modal/__stories__/WithHooks';
 import { WithoutModalGaps } from '@digigov/ui/app/Modal/__stories__/WithoutModalGaps';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Modal variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="AlertDialog">
-      <AlertDialog />
-    </TestVariant>
-    <TestVariant title="Auto">
-      <Auto />
-    </TestVariant>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="Dense">
-      <Dense />
-    </TestVariant>
-    <TestVariant title="WithHooks">
-      <WithHooks />
-    </TestVariant>
-    <TestVariant title="WithoutModalGaps">
-      <WithoutModalGaps />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="AlertDialog">
+        <AlertDialog />
+      </TestVariant>
+      <TestVariant title="Auto">
+        <Auto />
+      </TestVariant>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="Dense">
+        <Dense />
+      </TestVariant>
+      <TestVariant title="WithHooks">
+        <WithHooks />
+      </TestVariant>
+      <TestVariant title="WithoutModalGaps">
+        <WithoutModalGaps />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/app/NotFound/index.test.tsx

@@ -1,20 +1,21 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/NotFound/__stories__/Default';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All NotFound variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/app/Panel/index.test.tsx

@@ -1,20 +1,21 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/Panel/__stories__/Default';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Panel variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/app/PhaseBannerHeader/index.test.tsx

@@ -1,20 +1,21 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/PhaseBannerHeader/__stories__/Default';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All PhaseBannerHeader variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/app/QrCodeViewer/index.test.tsx

@@ -1,24 +1,25 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Custom } from '@digigov/ui/app/QrCodeViewer/__stories__/Custom';
 import { Default } from '@digigov/ui/app/QrCodeViewer/__stories__/Default';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All QrCodeViewer variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Custom">
-      <Custom />
-    </TestVariant>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Custom">
+        <Custom />
+      </TestVariant>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/app/Skeleton/index.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Button } from '@digigov/ui/app/Skeleton/__stories__/Button';
 import { Circular } from '@digigov/ui/app/Skeleton/__stories__/Circular';
 import { Default } from '@digigov/ui/app/Skeleton/__stories__/Default';
@@ -10,43 +9,45 @@ import { SpecificWidthAndHeight } from '@digigov/ui/app/Skeleton/__stories__/Spe
 import { TextSizes } from '@digigov/ui/app/Skeleton/__stories__/TextSizes';
 import { UnderTypography } from '@digigov/ui/app/Skeleton/__stories__/UnderTypography';
 import { WithChildren } from '@digigov/ui/app/Skeleton/__stories__/WithChildren';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Skeleton variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Button">
-      <Button />
-    </TestVariant>
-    <TestVariant title="Circular">
-      <Circular />
-    </TestVariant>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="NoAnimation">
-      <NoAnimation />
-    </TestVariant>
-    <TestVariant title="Rectangular">
-      <Rectangular />
-    </TestVariant>
-    <TestVariant title="SpecificWidthAndHeight">
-      <SpecificWidthAndHeight />
-    </TestVariant>
-    <TestVariant title="TextSizes">
-      <TextSizes />
-    </TestVariant>
-    <TestVariant title="UnderTypography">
-      <UnderTypography />
-    </TestVariant>
-    <TestVariant title="WithChildren">
-      <WithChildren />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Button">
+        <Button />
+      </TestVariant>
+      <TestVariant title="Circular">
+        <Circular />
+      </TestVariant>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="NoAnimation">
+        <NoAnimation />
+      </TestVariant>
+      <TestVariant title="Rectangular">
+        <Rectangular />
+      </TestVariant>
+      <TestVariant title="SpecificWidthAndHeight">
+        <SpecificWidthAndHeight />
+      </TestVariant>
+      <TestVariant title="TextSizes">
+        <TextSizes />
+      </TestVariant>
+      <TestVariant title="UnderTypography">
+        <UnderTypography />
+      </TestVariant>
+      <TestVariant title="WithChildren">
+        <WithChildren />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/Accordion/index.test.tsx

@@ -1,32 +1,33 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Auto } from '@digigov/ui/content/Accordion/__stories__/Auto';
 import { Default } from '@digigov/ui/content/Accordion/__stories__/Default';
 import { WithHints } from '@digigov/ui/content/Accordion/__stories__/WithHints';
 import { WithHook } from '@digigov/ui/content/Accordion/__stories__/WithHook';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Accordion variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Auto">
-      <Auto />
-    </TestVariant>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="WithHints">
-      <WithHints />
-    </TestVariant>
-    <TestVariant title="WithHook">
-      <WithHook />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Auto">
+        <Auto />
+      </TestVariant>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="WithHints">
+        <WithHints />
+      </TestVariant>
+      <TestVariant title="WithHook">
+        <WithHook />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/Blockquote/index.test.tsx

@@ -1,24 +1,25 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/content/Blockquote/__stories__/Default';
 import { Dense } from '@digigov/ui/content/Blockquote/__stories__/Dense';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Blockquote variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="Dense">
-      <Dense />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="Dense">
+        <Dense />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/Card/index.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/content/Card/__stories__/Default';
 import { Dense } from '@digigov/ui/content/Card/__stories__/Dense';
 import { WithClickableContent } from '@digigov/ui/content/Card/__stories__/WithClickableContent';
@@ -12,49 +11,51 @@ import { WithGrayBorder } from '@digigov/ui/content/Card/__stories__/WithGrayBor
 import { WithGrayTopBorder } from '@digigov/ui/content/Card/__stories__/WithGrayTopBorder';
 import { WithGroupButton } from '@digigov/ui/content/Card/__stories__/WithGroupButton';
 import { WithLink } from '@digigov/ui/content/Card/__stories__/WithLink';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Card variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="Dense">
-      <Dense />
-    </TestVariant>
-    <TestVariant title="WithClickableContent">
-      <WithClickableContent />
-    </TestVariant>
-    <TestVariant title="WithClickableLink">
-      <WithClickableLink />
-    </TestVariant>
-    <TestVariant title="WithDarkBorder">
-      <WithDarkBorder />
-    </TestVariant>
-    <TestVariant title="WithDarkTopBorder">
-      <WithDarkTopBorder />
-    </TestVariant>
-    <TestVariant title="WithDivider">
-      <WithDivider />
-    </TestVariant>
-    <TestVariant title="WithGrayBorder">
-      <WithGrayBorder />
-    </TestVariant>
-    <TestVariant title="WithGrayTopBorder">
-      <WithGrayTopBorder />
-    </TestVariant>
-    <TestVariant title="WithGroupButton">
-      <WithGroupButton />
-    </TestVariant>
-    <TestVariant title="WithLink">
-      <WithLink />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="Dense">
+        <Dense />
+      </TestVariant>
+      <TestVariant title="WithClickableContent">
+        <WithClickableContent />
+      </TestVariant>
+      <TestVariant title="WithClickableLink">
+        <WithClickableLink />
+      </TestVariant>
+      <TestVariant title="WithDarkBorder">
+        <WithDarkBorder />
+      </TestVariant>
+      <TestVariant title="WithDarkTopBorder">
+        <WithDarkTopBorder />
+      </TestVariant>
+      <TestVariant title="WithDivider">
+        <WithDivider />
+      </TestVariant>
+      <TestVariant title="WithGrayBorder">
+        <WithGrayBorder />
+      </TestVariant>
+      <TestVariant title="WithGrayTopBorder">
+        <WithGrayTopBorder />
+      </TestVariant>
+      <TestVariant title="WithGroupButton">
+        <WithGroupButton />
+      </TestVariant>
+      <TestVariant title="WithLink">
+        <WithLink />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/Chip/index.test.tsx

@@ -1,36 +1,37 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { ClickableChip } from '@digigov/ui/content/Chip/__stories__/ClickableChip';
 import { ClickableDeletableChip } from '@digigov/ui/content/Chip/__stories__/ClickableDeletableChip';
 import { Default } from '@digigov/ui/content/Chip/__stories__/Default';
 import { DeletableChip } from '@digigov/ui/content/Chip/__stories__/DeletableChip';
 import { GroupOfChips } from '@digigov/ui/content/Chip/__stories__/GroupOfChips';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Chip variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="ClickableChip">
-      <ClickableChip />
-    </TestVariant>
-    <TestVariant title="ClickableDeletableChip">
-      <ClickableDeletableChip />
-    </TestVariant>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="DeletableChip">
-      <DeletableChip />
-    </TestVariant>
-    <TestVariant title="GroupOfChips">
-      <GroupOfChips />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="ClickableChip">
+        <ClickableChip />
+      </TestVariant>
+      <TestVariant title="ClickableDeletableChip">
+        <ClickableDeletableChip />
+      </TestVariant>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="DeletableChip">
+        <DeletableChip />
+      </TestVariant>
+      <TestVariant title="GroupOfChips">
+        <GroupOfChips />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/Details/index.test.tsx

@@ -1,20 +1,21 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/content/Details/__stories__/Default';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Details variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-