@digigov/ui 2.0.0-85c27c19 → 2.0.0-aefd0709

package/navigation/Pagination/auto.d.ts

@@ -17,8 +17,8 @@ export declare const usePaginationContext: () => usePaginationReturn;
 export declare const PaginationContextAuto: ({ total, resultsPerPageOptions, previousLabel, nextLabel, children, ...props }: {
     total: number;
     resultsPerPageOptions: number[];
-    previousLabel?: string | undefined;
-    nextLabel?: string | undefined;
+    previousLabel?: string;
+    nextLabel?: string;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const PaginationAuto: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/navigation/Pagination/index.d.ts

@@ -5,5 +5,4 @@ export * from '@digigov/react-core/Pagination';
 export * from '@digigov/react-core/PaginationList';
 export * from '@digigov/react-core/PaginationListItem';
 export * from '@digigov/ui/navigation/Pagination/hooks';
-export * from '@digigov/ui/navigation/Pagination/auto';
 export { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';

package/navigation/Pagination/index.js

@@ -5,7 +5,6 @@ export * from "@digigov/react-core/Pagination";
 export * from "@digigov/react-core/PaginationList";
 export * from "@digigov/react-core/PaginationListItem";
 export * from "@digigov/ui/navigation/Pagination/hooks";
-export * from "@digigov/ui/navigation/Pagination/auto";
 import { PaginationLabelContainer } from "@digigov/react-core/PaginationLabelContainer";
 export {
   PaginationLabelContainer,

package/navigation/Pagination/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Pagination/index.tsx"],
-  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination/Pagination';\nexport default Pagination;\n\nexport * from '@digigov/ui/navigation/Pagination/Pagination';\nexport * from '@digigov/react-core/Pagination';\nexport * from '@digigov/react-core/PaginationList';\nexport * from '@digigov/react-core/PaginationListItem';\nexport * from '@digigov/ui/navigation/Pagination/hooks';\nexport * from '@digigov/ui/navigation/Pagination/auto';\nexport { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,qBAAQ;AAEf,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;",
+  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination/Pagination';\nexport default Pagination;\n\nexport * from '@digigov/ui/navigation/Pagination/Pagination';\nexport * from '@digigov/react-core/Pagination';\nexport * from '@digigov/react-core/PaginationList';\nexport * from '@digigov/react-core/PaginationListItem';\nexport * from '@digigov/ui/navigation/Pagination/hooks';\nexport { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,qBAAQ;AAEf,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;",
   "names": []
 }

package/navigation/Tabs/__stories__/Auto/index.js

@@ -7,13 +7,12 @@ import {
   SummaryListItemAction
 } from "@digigov/ui/content/SummaryList";
 import { Link } from "@digigov/ui/navigation/Link";
+import { TabsHeading, TabsList } from "@digigov/ui/navigation/Tabs";
 import {
   TabsAuto,
-  TabsHeading,
-  TabsList,
   TabsListItem,
   TabsPanel
-} from "@digigov/ui/navigation/Tabs";
+} from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 function Auto() {

package/navigation/Tabs/__stories__/Auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  TabsAuto,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs';\n\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel tab=\"b\">\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,OAAO;AACrB,SACE,oCAAC,YAAS,aAAa,OACrB,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAa,IAAG,OAAI,uFAAe,GACpC,oCAAC,gBAAa,IAAG,OAAI,mDAAS,CAChC,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { TabsHeading, TabsList } from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsAuto,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel tab=\"b\">\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,aAAa,gBAAgB;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,OAAO;AACrB,SACE,oCAAC,YAAS,aAAa,OACrB,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAa,IAAG,OAAI,uFAAe,GACpC,oCAAC,gBAAa,IAAG,OAAI,mDAAS,CAChC,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": []
 }

package/navigation/Tabs/__stories__/Default/index.js

@@ -11,10 +11,9 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs
 } from "@digigov/ui/navigation/Tabs";
+import { TabsListItem, TabsPanel } from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { Paragraph } from "@digigov/ui/typography/Paragraph";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";

package/navigation/Tabs/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Default() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n  return (\n    <Tabs>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n        <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n        <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n      <TabsPanel {...panel('c')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n      <TabsPanel {...panel('d')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Default;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAExB,SAAS,UAAU;AACxB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ,EAAE,aAAa,IAAI,CAAC;AACxD,SACE,oCAAC,YACC,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,GAC1C,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,GACzC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,CAC3C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,CACF;AAEJ;AAEA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabsListItem, TabsPanel } from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Default() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n  return (\n    <Tabs>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n        <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n        <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n      <TabsPanel {...panel('c')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n      <TabsPanel {...panel('d')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc,iBAAiB;AACxC,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAExB,SAAS,UAAU;AACxB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ,EAAE,aAAa,IAAI,CAAC;AACxD,SACE,oCAAC,YACC,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,GAC1C,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,GACzC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,CAC3C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,CACF;AAEJ;AAEA,IAAO,kBAAQ;",
   "names": []
 }

package/navigation/Tabs/__stories__/Dense/index.js

@@ -11,10 +11,9 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs
 } from "@digigov/ui/navigation/Tabs";
+import { TabsListItem, TabsPanel } from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 function Dense() {

package/navigation/Tabs/__stories__/Dense.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/Dense.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\n\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Dense() {\n  const { register, panel } = useTabs();\n  return (\n    <Tabs dense>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Dense;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ;AACpC,SACE,oCAAC,QAAK,OAAK,QACT,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabsListItem, TabsPanel } from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Dense() {\n  const { register, panel } = useTabs();\n  return (\n    <Tabs dense>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Dense;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc,iBAAiB;AACxC,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ;AACpC,SACE,oCAAC,QAAK,OAAK,QACT,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
   "names": []
 }

package/navigation/Tabs/__stories__/UsingAccordion/index.js

@@ -1,4 +1,11 @@
 import React from "react";
+import {
+  Accordion,
+  AccordionSection,
+  AccordionSectionContent,
+  AccordionSectionSummary,
+  AccordionSectionSummaryHeading
+} from "@digigov/ui/content/Accordion";
 import {
   SummaryList,
   SummaryListItem,
@@ -6,26 +13,18 @@ import {
   SummaryListItemValue,
   SummaryListItemAction
 } from "@digigov/ui/content/SummaryList";
+import { Hidden } from "@digigov/ui/layouts/Hidden";
 import { Link } from "@digigov/ui/navigation/Link";
 import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs
 } from "@digigov/ui/navigation/Tabs";
+import { TabsListItem, TabsPanel } from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { Paragraph } from "@digigov/ui/typography/Paragraph";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
-import { Hidden } from "@digigov/ui/layouts/Hidden";
-import {
-  Accordion,
-  AccordionSection,
-  AccordionSectionContent,
-  AccordionSectionSummary,
-  AccordionSectionSummaryHeading
-} from "@digigov/ui/content/Accordion";
 function UsingAccordion() {
   const { register, panel } = useTabs({ defaultOpen: "a" });
   const StoixeiaContent = () => {

package/navigation/Tabs/__stories__/UsingAccordion.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/UsingAccordion.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\nimport { Hidden } from '@digigov/ui/layouts/Hidden';\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\n\nexport function UsingAccordion() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n\n  const StoixeiaContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link>\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </>\n    );\n  };\n  const YpotheseisContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </>\n    );\n  };\n\n  const MhnumataContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>{' '}\n      </>\n    );\n  };\n\n  const IstorikoContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Hidden xs sm>\n        <Tabs>\n          <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n          <TabsList>\n            <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n            <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n            <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n            <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n          </TabsList>\n          <TabsPanel {...panel('a')}>\n            <StoixeiaContent />\n          </TabsPanel>\n          <TabsPanel {...panel('b')}>\n            <YpotheseisContent />\n          </TabsPanel>\n          <TabsPanel {...panel('c')}>\n            <MhnumataContent />\n          </TabsPanel>\n          <TabsPanel {...panel('d')}>\n            <IstorikoContent />\n          </TabsPanel>\n        </Tabs>\n      </Hidden>\n      <Hidden mdUp>\n        <Accordion summaryColor='secondary' dense>\n          <AccordionSection open>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content1\">\n                \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content1\">\n              <StoixeiaContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content2\">\n                Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content2\">\n              <YpotheseisContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content3\">\n                \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content3\">\n              <MhnumataContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content4\">\n                \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content4\">\n              <IstorikoContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n        </Accordion>\n      </Hidden>\n    </>\n  );\n}\n\nexport default UsingAccordion;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Hidden } from '@digigov/ui/layouts/Hidden';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabsListItem, TabsPanel } from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function UsingAccordion() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n\n  const StoixeiaContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link>\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </>\n    );\n  };\n  const YpotheseisContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </>\n    );\n  };\n\n  const MhnumataContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>{' '}\n      </>\n    );\n  };\n\n  const IstorikoContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Hidden xs sm>\n        <Tabs>\n          <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n          <TabsList>\n            <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n            <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n            <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n            <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n          </TabsList>\n          <TabsPanel {...panel('a')}>\n            <StoixeiaContent />\n          </TabsPanel>\n          <TabsPanel {...panel('b')}>\n            <YpotheseisContent />\n          </TabsPanel>\n          <TabsPanel {...panel('c')}>\n            <MhnumataContent />\n          </TabsPanel>\n          <TabsPanel {...panel('d')}>\n            <IstorikoContent />\n          </TabsPanel>\n        </Tabs>\n      </Hidden>\n      <Hidden mdUp>\n        <Accordion summaryColor=\"secondary\" dense>\n          <AccordionSection open>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content1\">\n                \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content1\">\n              <StoixeiaContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content2\">\n                Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content2\">\n              <YpotheseisContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content3\">\n                \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content3\">\n              <MhnumataContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content4\">\n                \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content4\">\n              <IstorikoContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n        </Accordion>\n      </Hidden>\n    </>\n  );\n}\n\nexport default UsingAccordion;\n"],
+  "mappings": "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",
   "names": []
 }

package/navigation/Tabs/hooks/index.js

@@ -1,5 +1,5 @@
-import { useScreenSize } from "@digigov/ui/utils/hooks/useScreen";
 import React, { useState, useRef, useCallback } from "react";
+import { useScreenSize } from "@digigov/ui/utils/hooks/useScreen";
 const useTabs = ({
   defaultOpen = null
 } = {}) => {

package/navigation/Tabs/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Tabs/hooks.ts"],
-  "sourcesContent": ["import { useScreenSize } from '@digigov/ui/utils/hooks/useScreen';\nimport React, { useState, useRef, useCallback } from 'react';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (\n    id: TabId\n  ) => {\n    role: string;\n    href: string;\n    id: string;\n    'aria-selected': boolean;\n    'aria-controls': string;\n    tabIndex: number;\n    onClick: (e: any) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    ref?: React.RefObject<HTMLAnchorElement>;\n  };\n  panel: (\n    id: TabId\n  ) => {\n    tab: TabId;\n    role: string;\n    'aria-labelledby': string;\n    id: string;\n    active: boolean;\n  };\n  currentOpen: TabId;\n  open: (id: TabId) => void;\n}\n\nexport const useTabs = ({\n  defaultOpen = null,\n}: UseTabsProps = {}): UseTabsReturn => {\n  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);\n  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(\n    new Map()\n  );\n  const { screenSize } = useScreenSize();\n\n  const open = useCallback((id: TabId) => {\n    setCurrentOpen(id);\n    tabsRef.current.get(id)?.current?.focus();\n  }, []);\n\n  const navigate = useCallback(\n    (direction: 'next' | 'previous') => {\n      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];\n      const tabs = Array.from(tabsRef.current.keys());\n      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);\n      const newIndex =\n        direction === 'next' ? currentIndex + 1 : currentIndex - 1;\n      if (newIndex >= 0 && newIndex < tabs.length) {\n        tabsRef.current.get(tabs[newIndex])?.current?.focus();\n      }\n    },\n    [currentOpen, tabsRef.current]\n  );\n\n  const register = useCallback(\n    (id: TabId) => {\n      if (!tabsRef.current.has(id)) {\n        if (tabsRef.current.size === 0 && !currentOpen) {\n          setCurrentOpen(id);\n        }\n        tabsRef.current.set(id, React.createRef());\n      }\n      return {\n        role: 'tab',\n        id: `tab-${id}`,\n        href: `#panel-${id}`,\n        'aria-selected': currentOpen === id,\n        open: currentOpen === id,\n        'aria-controls': `panel-${id}`,\n        tabIndex: currentOpen === id ? 0 : -1,\n        onClick: (e) => {\n\n          // If the screen is mobile, we don't want to prevent the default behavior of the anchor tag,\n          // which is to navigate to the href.\n          if (screenSize != 'xs' && screenSize !='sm') {\n            e.preventDefault();\n          }        \n          open(id);\n        },\n        onKeyDown: (e: React.KeyboardEvent) => {\n          switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              navigate('next');\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              navigate('previous');\n              break;\n            case 'Enter':\n              open(id);\n              break;\n          }\n        },\n        ref: tabsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  const panel = (id: TabId) => {\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': `tab-${id}`,\n      id: `panel-${id}`,\n      active: currentOpen === id,\n      tab: id,\n    };\n  };\n\n  return {\n    register,\n    panel,\n    currentOpen,\n    open,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,UAAU,CAAC;AAAA,EACtB,cAAc;AAChB,IAAkB,CAAC,MAAqB;AACtC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAuB,WAAW;AACxE,QAAM,UAAU;AAAA,IACd,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,EAAE,WAAW,IAAI,cAAc;AAErC,QAAM,OAAO,YAAY,CAAC,OAAc;AACtC,mBAAe,EAAE;AACjB,YAAQ,QAAQ,IAAI,EAAE,GAAG,SAAS,MAAM;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW;AAAA,IACf,CAAC,cAAmC;AAClC,YAAM,eAAe,SAAS,eAAe,GAAG,MAAM,YAAY,IAAI,CAAC;AACvE,YAAM,OAAO,MAAM,KAAK,QAAQ,QAAQ,KAAK,CAAC;AAC9C,YAAM,eAAe,KAAK,QAAQ,gBAAgB,WAAW;AAC7D,YAAM,WACJ,cAAc,SAAS,eAAe,IAAI,eAAe;AAC3D,UAAI,YAAY,KAAK,WAAW,KAAK,QAAQ;AAC3C,gBAAQ,QAAQ,IAAI,KAAK,QAAQ,CAAC,GAAG,SAAS,MAAM;AAAA,MACtD;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ,OAAO;AAAA,EAC/B;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,OAAc;AACb,UAAI,CAAC,QAAQ,QAAQ,IAAI,EAAE,GAAG;AAC5B,YAAI,QAAQ,QAAQ,SAAS,KAAK,CAAC,aAAa;AAC9C,yBAAe,EAAE;AAAA,QACnB;AACA,gBAAQ,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC3C;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI,OAAO,EAAE;AAAA,QACb,MAAM,UAAU,EAAE;AAAA,QAClB,iBAAiB,gBAAgB;AAAA,QACjC,MAAM,gBAAgB;AAAA,QACtB,iBAAiB,SAAS,EAAE;AAAA,QAC5B,UAAU,gBAAgB,KAAK,IAAI;AAAA,QACnC,SAAS,CAAC,MAAM;AAId,cAAI,cAAc,QAAQ,cAAa,MAAM;AAC3C,cAAE,eAAe;AAAA,UACnB;AACA,eAAK,EAAE;AAAA,QACT;AAAA,QACA,WAAW,CAAC,MAA2B;AACrC,kBAAQ,EAAE,KAAK;AAAA,YACb,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,MAAM;AACf;AAAA,YACF,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,UAAU;AACnB;AAAA,YACF,KAAK;AACH,mBAAK,EAAE;AACP;AAAA,UACJ;AAAA,QACF;AAAA,QACA,KAAK,QAAQ,QAAQ,IAAI,EAAE;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,QAAQ,CAAC,OAAc;AAC3B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,mBAAmB,OAAO,EAAE;AAAA,MAC5B,IAAI,SAAS,EAAE;AAAA,MACf,QAAQ,gBAAgB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\nimport { useScreenSize } from '@digigov/ui/utils/hooks/useScreen';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (id: TabId) => {\n    role: string;\n    href: string;\n    id: string;\n    'aria-selected': boolean;\n    'aria-controls': string;\n    tabIndex: number;\n    onClick: (e: any) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    ref?: React.RefObject<HTMLAnchorElement>;\n  };\n  panel: (id: TabId) => {\n    tab: TabId;\n    role: string;\n    'aria-labelledby': string;\n    id: string;\n    active: boolean;\n  };\n  currentOpen: TabId;\n  open: (id: TabId) => void;\n}\n\nexport const useTabs = ({\n  defaultOpen = null,\n}: UseTabsProps = {}): UseTabsReturn => {\n  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);\n  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(\n    new Map()\n  );\n  const { screenSize } = useScreenSize();\n\n  const open = useCallback((id: TabId) => {\n    setCurrentOpen(id);\n    tabsRef.current.get(id)?.current?.focus();\n  }, []);\n\n  const navigate = useCallback(\n    (direction: 'next' | 'previous') => {\n      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];\n      const tabs = Array.from(tabsRef.current.keys());\n      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);\n      const newIndex =\n        direction === 'next' ? currentIndex + 1 : currentIndex - 1;\n      if (newIndex >= 0 && newIndex < tabs.length) {\n        tabsRef.current.get(tabs[newIndex])?.current?.focus();\n      }\n    },\n    [currentOpen, tabsRef.current]\n  );\n\n  const register = useCallback(\n    (id: TabId) => {\n      if (!tabsRef.current.has(id)) {\n        if (tabsRef.current.size === 0 && !currentOpen) {\n          setCurrentOpen(id);\n        }\n        tabsRef.current.set(id, React.createRef());\n      }\n      return {\n        role: 'tab',\n        id: `tab-${id}`,\n        href: `#panel-${id}`,\n        'aria-selected': currentOpen === id,\n        open: currentOpen === id,\n        'aria-controls': `panel-${id}`,\n        tabIndex: currentOpen === id ? 0 : -1,\n        onClick: (e) => {\n          // If the screen is mobile, we don't want to prevent the default behavior of the anchor tag,\n          // which is to navigate to the href.\n          if (screenSize != 'xs' && screenSize != 'sm') {\n            e.preventDefault();\n          }\n          open(id);\n        },\n        onKeyDown: (e: React.KeyboardEvent) => {\n          switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              navigate('next');\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              navigate('previous');\n              break;\n            case 'Enter':\n              open(id);\n              break;\n          }\n        },\n        ref: tabsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  const panel = (id: TabId) => {\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': `tab-${id}`,\n      id: `panel-${id}`,\n      active: currentOpen === id,\n      tab: id,\n    };\n  };\n\n  return {\n    register,\n    panel,\n    currentOpen,\n    open,\n  };\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AACrD,SAAS,qBAAqB;AA+BvB,MAAM,UAAU,CAAC;AAAA,EACtB,cAAc;AAChB,IAAkB,CAAC,MAAqB;AACtC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAuB,WAAW;AACxE,QAAM,UAAU;AAAA,IACd,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,EAAE,WAAW,IAAI,cAAc;AAErC,QAAM,OAAO,YAAY,CAAC,OAAc;AACtC,mBAAe,EAAE;AACjB,YAAQ,QAAQ,IAAI,EAAE,GAAG,SAAS,MAAM;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW;AAAA,IACf,CAAC,cAAmC;AAClC,YAAM,eAAe,SAAS,eAAe,GAAG,MAAM,YAAY,IAAI,CAAC;AACvE,YAAM,OAAO,MAAM,KAAK,QAAQ,QAAQ,KAAK,CAAC;AAC9C,YAAM,eAAe,KAAK,QAAQ,gBAAgB,WAAW;AAC7D,YAAM,WACJ,cAAc,SAAS,eAAe,IAAI,eAAe;AAC3D,UAAI,YAAY,KAAK,WAAW,KAAK,QAAQ;AAC3C,gBAAQ,QAAQ,IAAI,KAAK,QAAQ,CAAC,GAAG,SAAS,MAAM;AAAA,MACtD;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ,OAAO;AAAA,EAC/B;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,OAAc;AACb,UAAI,CAAC,QAAQ,QAAQ,IAAI,EAAE,GAAG;AAC5B,YAAI,QAAQ,QAAQ,SAAS,KAAK,CAAC,aAAa;AAC9C,yBAAe,EAAE;AAAA,QACnB;AACA,gBAAQ,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC3C;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI,OAAO,EAAE;AAAA,QACb,MAAM,UAAU,EAAE;AAAA,QAClB,iBAAiB,gBAAgB;AAAA,QACjC,MAAM,gBAAgB;AAAA,QACtB,iBAAiB,SAAS,EAAE;AAAA,QAC5B,UAAU,gBAAgB,KAAK,IAAI;AAAA,QACnC,SAAS,CAAC,MAAM;AAGd,cAAI,cAAc,QAAQ,cAAc,MAAM;AAC5C,cAAE,eAAe;AAAA,UACnB;AACA,eAAK,EAAE;AAAA,QACT;AAAA,QACA,WAAW,CAAC,MAA2B;AACrC,kBAAQ,EAAE,KAAK;AAAA,YACb,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,MAAM;AACf;AAAA,YACF,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,UAAU;AACnB;AAAA,YACF,KAAK;AACH,mBAAK,EAAE;AACP;AAAA,UACJ;AAAA,QACF;AAAA,QACA,KAAK,QAAQ,QAAQ,IAAI,EAAE;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,QAAQ,CAAC,OAAc;AAC3B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,mBAAmB,OAAO,EAAE;AAAA,MAC5B,IAAI,SAAS,EAAE;AAAA,MACf,QAAQ,gBAAgB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/navigation/Tabs/index.d.ts

@@ -5,5 +5,4 @@ export * from '@digigov/react-core/TabsList';
 export * from '@digigov/react-core/TabsListItemBase';
 export * from '@digigov/react-core/TabsPanelBase';
 export * from '@digigov/react-core/TabsHeading';
-export * from '@digigov/ui/navigation/Tabs/auto';
 export default Tabs;

package/navigation/Tabs/index.js

@@ -5,7 +5,6 @@ export * from "@digigov/react-core/TabsList";
 export * from "@digigov/react-core/TabsListItemBase";
 export * from "@digigov/react-core/TabsPanelBase";
 export * from "@digigov/react-core/TabsHeading";
-export * from "@digigov/ui/navigation/Tabs/auto";
 var Tabs_default = Tabs;
 export {
   Tabs_default as default

package/navigation/Tabs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Tabs/index.tsx"],
-  "sourcesContent": ["import Tabs from '@digigov/react-core/Tabs';\n\nexport * from '@digigov/react-core/Tabs';\nexport * from '@digigov/ui/navigation/Tabs/hooks';\nexport * from '@digigov/react-core/TabsList';\nexport * from '@digigov/react-core/TabsListItemBase';\nexport * from '@digigov/react-core/TabsPanelBase';\nexport * from '@digigov/react-core/TabsHeading';\nexport * from '@digigov/ui/navigation/Tabs/auto';\n\nexport default Tabs;\n"],
-  "mappings": "AAAA,OAAO,UAAU;AAEjB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,eAAQ;",
+  "sourcesContent": ["import Tabs from '@digigov/react-core/Tabs';\n\nexport * from '@digigov/react-core/Tabs';\nexport * from '@digigov/ui/navigation/Tabs/hooks';\nexport * from '@digigov/react-core/TabsList';\nexport * from '@digigov/react-core/TabsListItemBase';\nexport * from '@digigov/react-core/TabsPanelBase';\nexport * from '@digigov/react-core/TabsHeading';\n\nexport default Tabs;\n"],
+  "mappings": "AAAA,OAAO,UAAU;AAEjB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,eAAQ;",
   "names": []
 }

package/package.json

@@ -1,25 +1,26 @@
 {
   "name": "@digigov/ui",
-  "version": "2.0.0-85c27c19",
+  "version": "2.0.0-aefd0709",
   "description": "@digigov reusable components toolkit",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "dependencies": {
-    "@uides/react-qr-reader": "3.0.1-85c27c19",
-    "@digigov/react-icons": "2.0.0-85c27c19",
-    "@digigov/form": "2.0.0-85c27c19",
+    "@uides/react-qr-reader": "3.0.1-aefd0709",
+    "@digigov/react-icons": "2.0.0-aefd0709",
     "dompurify": "3.0.6",
     "highlight.js": "11.10.0"
   },
   "peerDependencies": {
-    "react-query": "2.26.4",
     "clsx": "1.1.1",
     "react": ">=16.8.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0",
-    "@digigov/react-core": "2.0.0-85c27c19",
-    "@digigov/css": "2.0.0-85c27c19",
-    "@digigov/theme-govgr-light": "1.1.0-85c27c19",
-    "@digigov/theme-govgr-dark": "2.0.0-85c27c19"
+    "@digigov/react-core": "2.0.0-aefd0709",
+    "@digigov/css": "2.0.0-aefd0709"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,