@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-4be8f7cc

package/typography/index.js

@@ -2,4 +2,5 @@ export * from '@digigov/ui/typography/Heading';
 export * from '@digigov/ui/typography/HeadingCaption';
 export * from '@digigov/ui/typography/Paragraph';
 export * from '@digigov/ui/typography/NormalText';
-export * from '@digigov/ui/typography/Hint';
+export * from '@digigov/ui/typography/Hint';
+export * from '@digigov/ui/typography/Typography';

package/utils/Base/index.mdx

@@ -0,0 +1,13 @@
+---
+id: base
+title: Base
+---
+
+Base component is the `parent` component from which all `digigov` components inherit 
+
+
+## API
+
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["Base"]} /> 

package/utils/VisuallyHidden/index.mdx

@@ -8,12 +8,17 @@ them access information and context.
 
 VisuallyHidden is a web accessibility technique used to hide content from the visual client, but keep it readable for screen readers.
 
-```bash
-import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
-```
-
 ## How to use
 
+<Story
+  packageName="@digigov/ui"
+  component="utils/VisuallyHidden"
+  story="Default.tsx"
+/>
+
+
 ## API
 
-<PropTypes packageName="@digigov/ui" component="VisuallyHidden" />
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["VisuallyHidden"]} /> 

package/cjs/content/List/List.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-list--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "HP7t7DFo8MEt",
-          "title": "Navigate with tab"
-        }
-      ]
-    }
-  }
-}

package/cjs/layouts/Basic/Masthead/index.mdx

@@ -1,65 +0,0 @@
----
-id: masthead
-title: Masthead
-parent: docs/ui/components
----
-
-# Masthead
-
-```jsx live path=layouts/Basic/index.tsx
-import Header, { HeaderTitle } from '@digigov/ui/app/Header';
-import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
-import Grid from '@digigov/react-core/Grid';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
-
-function Masthead{
-
- return (
-   <BasicLayout>
-    <Top>
-        <Header>
-          <GovGRLogo />
-          <HeaderTitle>
-            <PhaseBanner>
-              <PhaseBannerTag>ALPHA</PhaseBannerTag>
-            </PhaseBanner>
-          </HeaderTitle>
-        </Header>
-     </Top>
-    <Masthead>
-          <Caption>Powered by GRNET</Caption>
-            <Title size="xl">
-              Digigov creates tools that help teams build GOV.GR services
-            </Title>
-            <Paragraph>
-              Here you can find everything you&apos;d need to get started
-              building your shiny new service. We build and maintain libraries
-              SDKs that they help you create dynamic and responsive user
-              interface for a variety of devices.
-            </Paragraph>
-      </Masthead>
-      <Container>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-        Excepteur sint occaecat cupidatat non proident,
-        sunt in culpa qui officia deserunt mollit anim id est laborum.
-      </Container>
-  </BasicLayout>
- )
-}
-export Masthead
-
-```
-
-<br />
-
-## How it works
-
-The Masthead component is a set of features or layout that marks the page and delivers identifying information to web users.
-
-## API
-
-<PropTypes packageName="@digigov/ui" component="Masthead" />

package/cjs/misc/KitchenSink/index.js

@@ -1,93 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _KitchenSinkAllComponents = require("@digigov/react-core/cjs/KitchenSinkAllComponents");
-Object.keys(_KitchenSinkAllComponents).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _KitchenSinkAllComponents[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _KitchenSinkAllComponents[key];
-    }
-  });
-});
-var _KitchenSinkCard = require("@digigov/react-core/cjs/KitchenSinkCard");
-Object.keys(_KitchenSinkCard).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _KitchenSinkCard[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _KitchenSinkCard[key];
-    }
-  });
-});
-var _KitchenSinkCategory = require("@digigov/react-core/cjs/KitchenSinkCategory");
-Object.keys(_KitchenSinkCategory).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _KitchenSinkCategory[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _KitchenSinkCategory[key];
-    }
-  });
-});
-var _KitchenSinkContent = require("@digigov/react-core/cjs/KitchenSinkContent");
-Object.keys(_KitchenSinkContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _KitchenSinkContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _KitchenSinkContent[key];
-    }
-  });
-});
-var _KitchenSinkContentInfo = require("@digigov/react-core/cjs/KitchenSinkContentInfo");
-Object.keys(_KitchenSinkContentInfo).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _KitchenSinkContentInfo[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _KitchenSinkContentInfo[key];
-    }
-  });
-});
-var _KitchenSinkContentTags = require("@digigov/react-core/cjs/KitchenSinkContentTags");
-Object.keys(_KitchenSinkContentTags).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _KitchenSinkContentTags[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _KitchenSinkContentTags[key];
-    }
-  });
-});
-var _KitchenSinkHeading = require("@digigov/react-core/cjs/KitchenSinkHeading");
-Object.keys(_KitchenSinkHeading).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _KitchenSinkHeading[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _KitchenSinkHeading[key];
-    }
-  });
-});
-var _KitchenSinkLetterContent = require("@digigov/react-core/cjs/KitchenSinkLetterContent");
-Object.keys(_KitchenSinkLetterContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _KitchenSinkLetterContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _KitchenSinkLetterContent[key];
-    }
-  });
-});

package/cjs/utils/Kitchensink/AllComponents/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AllComponents = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _registry = require("@digigov/ui/registry");
-var _KitchensinkDashboard = require("@digigov/ui/utils/Kitchensink/KitchensinkDashboard");
-var _ref = /*#__PURE__*/_react["default"].createElement(_KitchensinkDashboard.KitchenSinkDashboard, {
-  stories: _registry.stories
-});
-var AllComponents = exports.AllComponents = function AllComponents() {
-  return _ref;
-};

package/cjs/utils/Kitchensink/KitchensinkByCategory/index.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.KitchensinkByCategory = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _KitchenSink = require("@digigov/ui/misc/KitchenSink");
-var _KitchensinkByLetter = require("@digigov/ui/utils/Kitchensink/KitchensinkByLetter");
-var KitchensinkByCategory = exports.KitchensinkByCategory = function KitchensinkByCategory(_ref) {
-  var category = _ref.category,
-    stories = _ref.stories;
-  var alphabeticalOrder = Object.keys(stories).reduce(function (abStories, componentStoriesKey) {
-    var componentStories = stories[componentStoriesKey];
-    if (!componentStories["default"].component) {
-      throw new Error("no component was found in ".concat(componentStoriesKey));
-    }
-    var name = componentStories["default"].displayName;
-    console.log('componentStories', componentStories, 'stories', stories);
-    if (!name) {
-      throw new Error("no name was found for ".concat(componentStoriesKey));
-    }
-    var letter = name[0];
-    if (abStories[letter]) {
-      abStories[letter].push(componentStories);
-    } else {
-      abStories[letter] = [componentStories];
-    }
-    return abStories;
-  }, {});
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_KitchenSink.KitchenSinkHeading, null, category), /*#__PURE__*/_react["default"].createElement(_KitchenSink.KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map(function (letter, index) {
-    return /*#__PURE__*/_react["default"].createElement(_KitchensinkByLetter.KitchensinkByLetter, {
-      letter: letter,
-      stories: alphabeticalOrder[letter],
-      key: index
-    });
-  })));
-};

package/cjs/utils/Kitchensink/KitchensinkByLetter/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.KitchensinkByLetter = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Heading = _interopRequireDefault(require("@digigov/react-core/cjs/Heading"));
-var _KitchenSinkLetterContent = require("@digigov/react-core/cjs/KitchenSinkLetterContent");
-var _KitchensinkComponent = require("@digigov/ui/utils/Kitchensink/KitchensinkComponent");
-var KitchensinkByLetter = exports.KitchensinkByLetter = function KitchensinkByLetter(_ref) {
-  var letter = _ref.letter,
-    stories = _ref.stories;
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], null, letter), /*#__PURE__*/_react["default"].createElement(_KitchenSinkLetterContent.KitchenSinkLetterContent, null, stories.map(function (story, index) {
-    return /*#__PURE__*/_react["default"].createElement(_KitchensinkComponent.KitchensinkComponent, {
-      tags: story["default"].tags,
-      title: story["default"].displayName,
-      description: story["default"].description,
-      link: story["default"].link,
-      width: story["default"].defaultWidth,
-      stories: story,
-      key: index
-    });
-  })));
-};

package/cjs/utils/Kitchensink/KitchensinkComponent/index.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.KitchensinkComponent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _KitchenSinkCard = require("@digigov/react-core/cjs/KitchenSinkCard");
-var _KitchenSinkContent = require("@digigov/react-core/cjs/KitchenSinkContent");
-var _KitchenSinkContentInfo = require("@digigov/react-core/cjs/KitchenSinkContentInfo");
-var _KitchenSinkContentTags = require("@digigov/react-core/cjs/KitchenSinkContentTags");
-var _PhaseBanner = _interopRequireWildcard(require("@digigov/ui/feedback/PhaseBanner"));
-var _SectionBreak = _interopRequireDefault(require("@digigov/ui/layouts/SectionBreak"));
-var _Link = _interopRequireDefault(require("@digigov/ui/navigation/Link"));
-var _typography = require("@digigov/ui/typography");
-var _Heading = _interopRequireDefault(require("@digigov/ui/typography/Heading"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-  href: "#feedback"
-}, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.");
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"], null);
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"], null);
-var KitchensinkComponent = exports.KitchensinkComponent = function KitchensinkComponent(_ref) {
-  var _ref$tags = _ref.tags,
-    tags = _ref$tags === void 0 ? [] : _ref$tags,
-    title = _ref.title,
-    description = _ref.description,
-    link = _ref.link,
-    stories = _ref.stories,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 'md' : _ref$width;
-  return /*#__PURE__*/_react["default"].createElement(_KitchenSinkContent.KitchenSinkContent, {
-    wide: width === 'lg'
-  }, /*#__PURE__*/_react["default"].createElement(_KitchenSinkContentInfo.KitchenSinkContentInfo, null, /*#__PURE__*/_react["default"].createElement(_KitchenSinkContentTags.KitchenSinkContentTags, null, tags && tags.map(function (tag, index) {
-    return /*#__PURE__*/_react["default"].createElement(_PhaseBanner["default"], {
-      key: index
-    }, /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerTag, null, tag), _ref2);
-  })), /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-    size: "lg"
-  }, title), /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, description), link && /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-    href: link
-  }, "View on GOV.GR Design System"), _ref3), Object.keys(stories).filter(function (story) {
-    return story !== 'default';
-  }).map(function (story, index) {
-    var Component = stories[story];
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: index
-    }, _ref4, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-      size: "sm"
-    }, story), /*#__PURE__*/_react["default"].createElement(_KitchenSinkCard.KitchenSinkCard, null, /*#__PURE__*/_react["default"].createElement(Component, null)));
-  }));
-};

package/cjs/utils/Kitchensink/KitchensinkDashboard/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.KitchenSinkDashboard = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _KitchenSinkAllComponents = require("@digigov/react-core/cjs/KitchenSinkAllComponents");
-var _Paragraph = _interopRequireDefault(require("@digigov/react-core/cjs/Paragraph"));
-var _KitchensinkByCategory = require("@digigov/ui/utils/Kitchensink/KitchensinkByCategory");
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  fontSize: 72,
-  fontWeight: "bold"
-}, "Components");
-var KitchenSinkDashboard = exports.KitchenSinkDashboard = function KitchenSinkDashboard(_ref) {
-  var stories = _ref.stories;
-  var categoryOrder = Object.keys(stories).reduce(function (catStories, componentStoriesKey) {
-    var componentStories = stories[componentStoriesKey];
-    if (componentStories["default"].ignore) {
-      return catStories;
-    }
-    if (!componentStories["default"].component) {
-      throw new Error("no component was found in ".concat(componentStoriesKey));
-    }
-    var title = componentStories["default"].title.split('/')[1];
-    if (!title) {
-      throw new Error("no title was found for ".concat(componentStoriesKey));
-    }
-    var category = title;
-    if (catStories[category]) {
-      catStories[category].push(componentStories);
-    } else {
-      catStories[category] = [componentStories];
-    }
-    return catStories;
-  }, {});
-  return /*#__PURE__*/_react["default"].createElement("div", null, _ref2, /*#__PURE__*/_react["default"].createElement(_KitchenSinkAllComponents.KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort(function (a, b) {
-    return a > b ? -1 : 1;
-  }).map(function (category, index) {
-    return /*#__PURE__*/_react["default"].createElement(_KitchensinkByCategory.KitchensinkByCategory, {
-      category: category,
-      stories: categoryOrder[category],
-      key: index
-    });
-  })));
-};

package/content/List/List.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-list--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "HP7t7DFo8MEt",
-          "title": "Navigate with tab"
-        }
-      ]
-    }
-  }
-}

package/form/AutoComplete/__stories__/WithInLine.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WithInLine: () => JSX.Element;
-export default WithInLine;

package/layouts/Basic/Masthead/index.mdx

@@ -1,65 +0,0 @@
----
-id: masthead
-title: Masthead
-parent: docs/ui/components
----
-
-# Masthead
-
-```jsx live path=layouts/Basic/index.tsx
-import Header, { HeaderTitle } from '@digigov/ui/app/Header';
-import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
-import Grid from '@digigov/react-core/Grid';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
-
-function Masthead{
-
- return (
-   <BasicLayout>
-    <Top>
-        <Header>
-          <GovGRLogo />
-          <HeaderTitle>
-            <PhaseBanner>
-              <PhaseBannerTag>ALPHA</PhaseBannerTag>
-            </PhaseBanner>
-          </HeaderTitle>
-        </Header>
-     </Top>
-    <Masthead>
-          <Caption>Powered by GRNET</Caption>
-            <Title size="xl">
-              Digigov creates tools that help teams build GOV.GR services
-            </Title>
-            <Paragraph>
-              Here you can find everything you&apos;d need to get started
-              building your shiny new service. We build and maintain libraries
-              SDKs that they help you create dynamic and responsive user
-              interface for a variety of devices.
-            </Paragraph>
-      </Masthead>
-      <Container>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-        Excepteur sint occaecat cupidatat non proident,
-        sunt in culpa qui officia deserunt mollit anim id est laborum.
-      </Container>
-  </BasicLayout>
- )
-}
-export Masthead
-
-```
-
-<br />
-
-## How it works
-
-The Masthead component is a set of features or layout that marks the page and delivers identifying information to web users.
-
-## API
-
-<PropTypes packageName="@digigov/ui" component="Masthead" />

package/misc/KitchenSink/index.d.ts

@@ -1,8 +0,0 @@
-export * from '@digigov/react-core/KitchenSinkAllComponents';
-export * from '@digigov/react-core/KitchenSinkCard';
-export * from '@digigov/react-core/KitchenSinkCategory';
-export * from '@digigov/react-core/KitchenSinkContent';
-export * from '@digigov/react-core/KitchenSinkContentInfo';
-export * from '@digigov/react-core/KitchenSinkContentTags';
-export * from '@digigov/react-core/KitchenSinkHeading';
-export * from '@digigov/react-core/KitchenSinkLetterContent';

package/misc/KitchenSink/index.js

@@ -1,8 +0,0 @@
-export * from '@digigov/react-core/KitchenSinkAllComponents';
-export * from '@digigov/react-core/KitchenSinkCard';
-export * from '@digigov/react-core/KitchenSinkCategory';
-export * from '@digigov/react-core/KitchenSinkContent';
-export * from '@digigov/react-core/KitchenSinkContentInfo';
-export * from '@digigov/react-core/KitchenSinkContentTags';
-export * from '@digigov/react-core/KitchenSinkHeading';
-export * from '@digigov/react-core/KitchenSinkLetterContent';

package/src/content/List/List.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-list--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "HP7t7DFo8MEt",
-          "title": "Navigate with tab"
-        }
-      ]
-    }
-  }
-}

package/src/layouts/Basic/Masthead/index.mdx

@@ -1,65 +0,0 @@
----
-id: masthead
-title: Masthead
-parent: docs/ui/components
----
-
-# Masthead
-
-```jsx live path=layouts/Basic/index.tsx
-import Header, { HeaderTitle } from '@digigov/ui/app/Header';
-import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
-import Grid from '@digigov/react-core/Grid';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
-
-function Masthead{
-
- return (
-   <BasicLayout>
-    <Top>
-        <Header>
-          <GovGRLogo />
-          <HeaderTitle>
-            <PhaseBanner>
-              <PhaseBannerTag>ALPHA</PhaseBannerTag>
-            </PhaseBanner>
-          </HeaderTitle>
-        </Header>
-     </Top>
-    <Masthead>
-          <Caption>Powered by GRNET</Caption>
-            <Title size="xl">
-              Digigov creates tools that help teams build GOV.GR services
-            </Title>
-            <Paragraph>
-              Here you can find everything you&apos;d need to get started
-              building your shiny new service. We build and maintain libraries
-              SDKs that they help you create dynamic and responsive user
-              interface for a variety of devices.
-            </Paragraph>
-      </Masthead>
-      <Container>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-        Excepteur sint occaecat cupidatat non proident,
-        sunt in culpa qui officia deserunt mollit anim id est laborum.
-      </Container>
-  </BasicLayout>
- )
-}
-export Masthead
-
-```
-
-<br />
-
-## How it works
-
-The Masthead component is a set of features or layout that marks the page and delivers identifying information to web users.
-
-## API
-
-<PropTypes packageName="@digigov/ui" component="Masthead" />

package/src/misc/KitchenSink/index.tsx

@@ -1,8 +0,0 @@
-export * from '@digigov/react-core/KitchenSinkAllComponents';
-export * from '@digigov/react-core/KitchenSinkCard';
-export * from '@digigov/react-core/KitchenSinkCategory';
-export * from '@digigov/react-core/KitchenSinkContent';
-export * from '@digigov/react-core/KitchenSinkContentInfo';
-export * from '@digigov/react-core/KitchenSinkContentTags';
-export * from '@digigov/react-core/KitchenSinkHeading';
-export * from '@digigov/react-core/KitchenSinkLetterContent';

package/src/utils/Kitchensink/AllComponents.tsx

@@ -1,6 +0,0 @@
-import React from 'react';
-
-import { stories } from '@digigov/ui/registry';
-import { KitchenSinkDashboard } from '@digigov/ui/utils/Kitchensink/KitchensinkDashboard';
-
-export const AllComponents = () => <KitchenSinkDashboard stories={stories} />;